.saved-tray-backdrop{position:fixed;inset:0;z-index:55;background-color:#061126ad;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:flex-end;overscroll-behavior:contain;animation:savedTrayFadeIn .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes savedTrayFadeIn{0%{opacity:0}to{opacity:1}}.saved-tray-drawer{position:relative;width:min(100vw,680px);height:100dvh;max-height:100dvh;display:flex;flex-direction:column;background:var(--surface, #ffffff);color:var(--ink, #0b163d);border-left:1px solid var(--line, #cbdcf4);box-shadow:-12px 0 36px #0b163d2e;overscroll-behavior:contain;animation:savedTraySlideIn .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes savedTraySlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.aona-dark .saved-tray-drawer{background:#102038;color:#f6f5ed;border-left-color:#294368;box-shadow:-12px 0 42px #00000073}.saved-tray-header{padding:20px 24px;border-bottom:1px solid var(--line, #cbdcf4);background:var(--header, #fffef8);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.aona-dark .saved-tray-header{background:#142642;border-bottom-color:#294368}.saved-tray-title-group{display:flex;align-items:center;gap:12px;min-width:0}.saved-tray-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--action-soft, #e5edff);color:var(--action-soft-text, #31528f);font-size:13px;font-weight:700}.aona-dark .saved-tray-badge{background:#203756;color:#adc5ff}.saved-tray-title{margin:0;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:800;letter-spacing:-.6px;line-height:1.2}.saved-tray-header-actions{display:flex;align-items:center;gap:10px}.saved-tray-toolbar{padding:12px 24px;background:var(--topbar, #f3f6fc);border-bottom:1px solid var(--line, #cbdcf4);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}.aona-dark .saved-tray-toolbar{background:#0d1a2e;border-bottom-color:#294368}.saved-tray-tabs{display:flex;align-items:center;gap:6px}.saved-tray-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted, #465c83);font-size:13px;font-weight:600;transition:all .16s ease;cursor:pointer}.saved-tray-tab:hover{background:var(--action-soft, #e5edff);color:var(--action-soft-text, #31528f)}.saved-tray-tab[aria-pressed=true]{background:var(--action-selected, #d2e1fb);color:var(--action-selected-text, #244679);border-color:var(--action-border, #b7cae9);font-weight:700}.aona-dark .saved-tray-tab{color:#adbedc}.aona-dark .saved-tray-tab:hover{background:#203756;color:#cdf}.aona-dark .saved-tray-tab[aria-pressed=true]{background:#2b446b;color:#d9e6ff;border-color:#47628a}.saved-tray-clear-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#ba4350;font-size:13px;font-weight:600;transition:all .16s ease;cursor:pointer}.saved-tray-clear-btn:hover{background:#fff0f0;border-color:#f7cfcf}.aona-dark .saved-tray-clear-btn{color:#ff9ba6}.aona-dark .saved-tray-clear-btn:hover{background:#492c3b;border-color:#63364d}.saved-tray-confirm-banner{padding:14px 24px;background:#fff7ed;border-bottom:1px solid #fed7aa;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;font-size:13px;color:#9a3412}.aona-dark .saved-tray-confirm-banner{background:#3e2415;border-bottom-color:#6c3f25;color:#fdba74}.saved-tray-confirm-actions{display:flex;align-items:center;gap:8px}.saved-tray-confirm-btn{min-height:44px;padding:8px 16px;border-radius:10px;border:0;background:#c2410c;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.saved-tray-confirm-btn:hover{background:#9a3412}.saved-tray-cancel-confirm-btn{min-height:44px;padding:8px 14px;border-radius:10px;border:1px solid #fed7aa;background:#fff;color:#7c2d12;font-size:13px;cursor:pointer}.aona-dark .saved-tray-cancel-confirm-btn{background:#25160d;border-color:#6c3f25;color:#ffedd5}.saved-tray-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.saved-tray-empty{margin:auto;padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:380px}.saved-tray-empty-icon{width:72px;height:72px;border-radius:24px;background:var(--action-soft, #e5edff);color:var(--blue, #1246ca);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.aona-dark .saved-tray-empty-icon{background:#1b2f4f;color:#adc5ff}.saved-tray-empty-title{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:700}.saved-tray-empty-text{margin:0 0 24px;font-size:14px;line-height:1.6;color:var(--muted, #465c83)}.saved-tray-browse-btn{min-height:46px;padding:12px 24px;border-radius:12px;background:var(--action-primary, #173eaa);color:var(--action-primary-text, #ffffff);font-size:14px;font-weight:700;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .16s ease}.saved-tray-browse-btn:hover{background:var(--action-primary-hover, #102e86)}.saved-tray-item{border:1px solid var(--line, #cbdcf4);border-radius:18px;background:var(--surface, #ffffff);padding:16px;display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:16px;align-items:start;transition:border-color .16s ease,box-shadow .16s ease}.saved-tray-item:hover{border-color:#88a8e3;box-shadow:0 4px 18px #1246ca0f}.aona-dark .saved-tray-item{background:#132540;border-color:#2a4468}.saved-tray-item-avatar{width:80px;height:80px;border-radius:14px;object-fit:cover;border:1px solid rgba(22,60,117,.08)}.saved-tray-item-info{min-width:0;display:flex;flex-direction:column;gap:4px}.saved-tray-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.saved-tray-item-niche{display:inline-block;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;background:#e5eeff;color:#2952a2}.aona-dark .saved-tray-item-niche{background:#253e63;color:#b0c9ff}.saved-tray-item-name{margin:0;font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:700;letter-spacing:-.4px;line-height:1.2}.saved-tray-item-desc{margin:4px 0 8px;font-size:12px;line-height:1.5;color:var(--muted, #465c83);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-tray-item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.saved-tray-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;background:var(--action-soft, #e5edff);color:var(--action-soft-text, #31528f);font-size:10px;font-weight:600}.aona-dark .saved-tray-tag{background:#1b2e4b;color:#adc5ff}.saved-tray-item-stats{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:11px;color:var(--muted, #465c83)}.saved-tray-stat-pill{display:inline-flex;align-items:center;gap:4px;font-weight:600}.saved-tray-item-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;justify-content:space-between;height:100%}.saved-tray-join-btn{min-height:44px;padding:8px 16px;border-radius:11px;background:var(--action-primary, #173eaa);color:var(--action-primary-text, #ffffff);font-size:12px;font-weight:700;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:background .16s ease}.saved-tray-join-btn:hover{background:var(--action-primary-hover, #102e86)}.saved-tray-item-secondary-actions{display:flex;align-items:center;gap:4px}.saved-tray-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--action-border, #cbdcf4);background:transparent;color:var(--action-icon, #536f9e);cursor:pointer;transition:all .16s ease}.saved-tray-icon-btn:hover{background:var(--action-soft, #e5edff);color:var(--action-soft-text, #31528f)}.saved-tray-icon-btn.remove-btn:hover{background:#fff0f0;color:#ba4350;border-color:#fed7d7}.aona-dark .saved-tray-icon-btn{border-color:#314c72;color:#a9bedf}.aona-dark .saved-tray-icon-btn.remove-btn:hover{background:#492c3b;color:#ff9ba6;border-color:#63364d}.saved-compare-container{display:flex;flex-direction:column;gap:16px}.saved-compare-scroll{overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.saved-compare-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,280px);gap:16px;align-items:start}.saved-compare-card{border:1px solid var(--line, #cbdcf4);border-radius:18px;background:var(--surface, #ffffff);padding:16px;display:flex;flex-direction:column;gap:14px}.aona-dark .saved-compare-card{background:#132540;border-color:#2a4468}.saved-compare-header{display:flex;align-items:flex-start;gap:12px}.saved-compare-avatar{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0}.saved-compare-row{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--line, #cbdcf4)}.aona-dark .saved-compare-row{border-bottom-color:#243c5e}.saved-compare-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted, #465c83)}.saved-compare-value{font-size:12px;line-height:1.4;color:var(--ink, #0b163d)}.aona-dark .saved-compare-value{color:#f6f5ed}.saved-compare-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;padding:8px;border-radius:10px;background:var(--topbar, #f3f6fc)}.aona-dark .saved-compare-stats-grid{background:#0d1a2e}.saved-compare-stat-box{display:flex;flex-direction:column;align-items:center;gap:2px}.saved-compare-stat-num{font-size:13px;font-weight:800}.saved-compare-stat-lbl{font-size:9px;color:var(--muted, #465c83)}.saved-tray-footer{padding:16px 24px;border-top:1px solid var(--line, #cbdcf4);background:var(--header, #fffef8);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.aona-dark .saved-tray-footer{background:#142642;border-top-color:#294368}.saved-tray-footer-hint{font-size:12px;color:var(--muted, #465c83)}@media(max-width:768px){.saved-tray-backdrop{align-items:flex-end}.saved-tray-drawer{width:100vw;height:92dvh;max-height:92dvh;border-left:0;border-top:1px solid var(--line, #cbdcf4);border-radius:24px 24px 0 0;animation:savedTraySlideUp .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes savedTraySlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.saved-tray-header{padding:16px 18px}.saved-tray-toolbar{padding:10px 18px}.saved-tray-content{padding:14px 18px}.saved-tray-item{grid-template-columns:68px minmax(0,1fr);gap:12px}.saved-tray-item-avatar{width:68px;height:68px}.saved-tray-item-actions{grid-column:1 / -1;flex-direction:row;align-items:center;border-top:1px solid var(--line, #cbdcf4);padding-top:10px;margin-top:4px}.aona-dark .saved-tray-item-actions{border-top-color:#243c5e}.saved-tray-footer{padding:12px 18px}}
