:root{color:#172033;background:#f3f7fc;--page: #f3f7fc;--page-soft: #eaf1f9;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--panel-soft: #f7f9fc;--text: #14213d;--muted: #607086;--border: #d7e1ed;--accent: #2563eb;--accent-2: #0ea5e9;--active: #16a34a;--accent-soft: #eaf2ff;--gold: #e7bf32;--gold-ink: #17130a;--gold-soft: rgba(231, 191, 50, .14);--shadow: 0 18px 60px rgba(15, 23, 42, .08);--layer-popover: 60;--hero: radial-gradient(circle at top left, rgba(37, 99, 235, .18), transparent 34%), linear-gradient(135deg, #ffffff, #e5f0ff);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{color:#e5e7eb;background:#090909;--page: #090909;--page-soft: #111111;--panel: rgba(18, 18, 18, .9);--panel-strong: #171717;--panel-soft: rgba(31, 31, 31, .76);--text: #f5f5f4;--muted: #aaa7a0;--border: rgba(255, 255, 255, .09);--accent: #3b82f6;--accent-2: #38bdf8;--active: #6ef27a;--accent-soft: rgba(47, 140, 255, .14);--shadow: 0 24px 90px rgba(0, 0, 0, .52);--hero: radial-gradient(circle at 12% 8%, rgba(47, 140, 255, .16), transparent 28%), radial-gradient(circle at 92% 14%, rgba(56, 189, 248, .1), transparent 32%), linear-gradient(135deg, rgba(18, 18, 18, .98), rgba(31, 31, 31, .92) 52%, rgba(13, 13, 13, .98))}*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-gutter:stable}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;overscroll-behavior-y:none;background:radial-gradient(circle at 8% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 30%),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--accent-2) 8%,transparent),transparent 32%),var(--page);transition:background .28s ease,color .28s ease}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:32px 0}.auth-shell{position:relative;display:grid;min-height:100dvh;place-items:center;isolation:isolate;overflow:hidden;padding:32px 20px}.auth-wave-background{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 14% 82%,rgba(76,169,255,.14),transparent 35%),linear-gradient(135deg,#f8fbff,#f4f7ff 58%,#fbfcff)}:root[data-theme=dark] .auth-wave-background{background:radial-gradient(circle at 14% 82%,rgba(0,133,255,.15),transparent 38%),linear-gradient(135deg,#050a14,#07101f 58%,#030711)}.auth-wave-canvas{display:block;width:100%;height:100%}.auth-security-icons{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth-security-icon{position:absolute;display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(59,130,246,.18);border-radius:16px;background:#f4f8ff9e;color:#2f64dd;opacity:.72;-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);box-shadow:0 12px 28px #3a5da41a,inset 0 1px #ffffffad;animation:auth-security-drift 9.5s ease-in-out infinite}.auth-security-icon-lock{top:20%;left:5.5%}.auth-security-icon-fingerprint{top:5.5%;left:24%;animation-delay:-2.1s}.auth-security-icon-key{top:8%;right:8%;animation-delay:-4.4s}.auth-security-icon-shield{top:34%;right:4%;animation-delay:-1.2s}.auth-security-icon-id{right:8%;bottom:13%;animation-delay:-5.6s}:root[data-theme=dark] .auth-security-icon{border-color:#4897ff33;background:#07122494;color:#60b7ff;box-shadow:0 14px 32px #00000042,inset 0 1px #a6d7ff1a}.auth-shell .auth-card{position:relative;z-index:1;display:grid;width:min(520px,100%);gap:15px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:22px;padding:25px;background:color-mix(in srgb,var(--panel-strong) 89%,transparent);-webkit-backdrop-filter:blur(22px) saturate(128%);backdrop-filter:blur(22px) saturate(128%);box-shadow:0 34px 90px #264e8a2e,0 1px 2px #0f172a0d,inset 0 1px #ffffffb8;transform:none}.auth-shell .auth-card:before{display:none}.auth-header,.auth-brand,.connected-account{display:flex;align-items:center}.auth-header{justify-content:space-between;gap:16px}.auth-brand{min-width:0;gap:11px}.auth-brand-mark{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:11px;background:var(--accent-soft);color:var(--accent)}.auth-brand-copy,.connected-account-copy{display:grid;min-width:0}.auth-brand-copy{gap:2px}.auth-brand-copy strong{color:var(--text);font-size:.98rem;letter-spacing:-.02em}.auth-brand-copy small,.connected-account-copy small{color:var(--muted);font-size:.72rem;font-weight:650}.auth-title-block{display:grid;gap:6px;padding-top:3px}.auth-title-block .eyebrow{margin:0}.auth-card h1{max-width:none;margin:0;color:var(--text);font-size:clamp(2rem,7vw,2.55rem);line-height:1.06;letter-spacing:-.05em}.auth-card .hero-copy{max-width:48ch;color:var(--muted);font-size:.9rem;line-height:1.5}.auth-notice{display:grid;gap:4px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:14px;padding:12px 13px;background:var(--accent-soft);color:var(--text)}.onboarding-notice{gap:6px}.onboarding-notice span{color:var(--muted);font-size:.86rem;line-height:1.5}.google-login{display:flex;width:100%;align-items:center;justify-content:center;gap:11px;min-height:56px;border:1px solid #747775;border-radius:13px;padding:0 16px;background:#fff;color:#1f1f1f;text-align:center;box-shadow:0 2px 5px #1e406e14;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.google-login:hover{border-color:#5f6368;background:#f8fafc;box-shadow:0 5px 14px #2563eb1f}.google-login:active{transform:scale(.99)}.google-login:disabled{cursor:wait;opacity:.72}.google-login:focus-visible,.auth-text-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.google-login-copy{color:inherit;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:0}.google-mark{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;background:transparent}.google-mark img{display:block;width:20px;height:20px;object-fit:contain}.connected-account{min-width:0;gap:12px;border:1px solid color-mix(in srgb,var(--active) 30%,var(--border));border-radius:14px;padding:11px 12px;background:color-mix(in srgb,var(--active) 8%,var(--panel-strong))}.connected-account-copy{flex:1;gap:2px}.connected-account-copy strong{overflow:hidden;color:var(--text);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.auth-text-action{border:0;border-radius:9px;padding:8px 9px;background:transparent;color:var(--accent);font-size:.75rem;font-weight:800}.auth-text-action:hover{background:var(--accent-soft)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--border)}.auth-security-note{display:flex;align-items:center;gap:9px;padding:2px 1px;color:var(--muted)}.auth-security-note>span{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.auth-security-note p{margin:0;font-size:.74rem;font-weight:650;line-height:1.4}.auth-pin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-field{gap:7px;color:color-mix(in srgb,var(--text) 82%,var(--muted));font-size:.78rem;font-weight:750}.auth-field input{height:50px;border-radius:13px}.auth-error{margin:0;border:1px solid color-mix(in srgb,#ef4444 34%,var(--border));border-radius:13px;padding:12px 14px;background:color-mix(in srgb,#ef4444 10%,var(--panel-strong));color:color-mix(in srgb,#ef4444 78%,var(--text));font-size:.82rem;font-weight:750;line-height:1.45}.auth-switch{min-height:46px}.auth-card .primary{min-height:50px;border-radius:14px;background:#2563eb;color:#fff;box-shadow:0 10px 24px #2563eb38}.auth-card .primary:hover{background:#1d4ed8;box-shadow:0 12px 28px #2563eb42}.auth-card .ghost{min-height:46px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text)}.auth-card .theme-toggle.theme-toggle{width:104px;height:36px}.auth-card .theme-orb{top:3px;left:3px;width:28px;height:28px;transform:translate(70px)}.auth-card .theme-state{font-size:.55rem}.auth-card .theme-state-light{left:13px}.auth-card .theme-state-dark{right:11px}:root[data-theme=dark] .auth-card .theme-orb{transform:translate(0)}.auth-card .theme-toggle.theme-toggle:active .theme-orb{transform:translate(70px) scale(.94)}:root[data-theme=dark] .auth-card .theme-toggle.theme-toggle:active .theme-orb{transform:translate(0) scale(.94)}:root[data-theme=dark] .auth-shell .auth-card{border-color:#60a5fa2e;background:#0b111cdb;background-size:auto;box-shadow:0 34px 96px #0000009e,0 0 64px #1863d214,inset 0 1px #ffffff0d}@keyframes auth-security-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-5px,0)}}:root[data-theme=dark] .google-login{border-color:#8e918f;background:#131314;color:#e3e3e3;box-shadow:none}:root[data-theme=dark] .google-login:hover{border-color:#a9aca9;background:#1b1c1e;box-shadow:0 6px 18px #3b82f61f}:root[data-theme=dark] .auth-card .primary{background:#3b82f6;color:#fff;box-shadow:0 10px 26px #3b82f633}:root[data-theme=dark] .auth-card .primary:hover{background:#2563eb}:root[data-theme=dark] .auth-card .ghost{background:#1b1c1e}.hero{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:32px;border:1px solid rgba(255,255,255,.7);border-radius:32px;background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 34%),linear-gradient(135deg,#fff,#e5f0ff);box-shadow:0 24px 80px #0f172a1f}.eyebrow{margin:0 0 8px;color:#2563eb;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:720px;margin-bottom:12px;color:#0f172a;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.9;letter-spacing:-.08em}h2{margin-bottom:8px;color:#111827;font-size:1.55rem;letter-spacing:-.04em}.hero-copy{max-width:620px;margin-bottom:0;color:#475569;font-size:1.1rem}.welcome-line{margin:6px 0 0;color:var(--accent-2);font-size:clamp(1.05rem,2vw,1.55rem);font-weight:950;letter-spacing:-.03em}.stats-card{display:grid;min-width:190px;place-content:center;padding:24px;border-radius:28px;background:#111827;color:#fff;text-align:center}.stats-card span{font-size:4rem;font-weight:900;line-height:1}.stats-card p{margin:8px 0 0;color:#cbd5e1}.cloud-user,.sync-status{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.sync-status{color:#93c5fd!important}.lock-button{margin-top:18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 14px;background:#ffffff1a;color:#fff;font-weight:850}.vault-actions{display:grid;gap:8px;margin-top:18px}.vault-actions .lock-button{margin-top:0}.import-button{display:grid;min-height:40px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 14px;background:#ffffff1a;color:#fff;font-size:.86rem;font-weight:850}.import-button input{display:none}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr) 340px;gap:20px;margin-top:20px}.sidebar,.details,.add-card{border:1px solid rgba(226,232,240,.9);border-radius:28px;background:#ffffffd1;box-shadow:0 18px 60px #0f172a14}.sidebar,.add-card{padding:20px}.profile-card{display:grid;gap:12px;border:1px solid var(--border);border-radius:24px;padding:16px;margin-bottom:16px;background:radial-gradient(circle at 12% 0%,rgba(47,140,255,.16),transparent 34%),var(--panel-strong)}.profile-card-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0}.profile-card h3,.profile-card p{margin:0}.profile-card h3{color:var(--text);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-copy,.profile-message{color:var(--muted);font-size:.82rem;line-height:1.45}.profile-avatar{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:1px solid rgba(47,140,255,.32);border-radius:20px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.92),transparent 28%),linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:1.4rem;font-weight:950;box-shadow:0 14px 28px #2f8cff29}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.profile-actions.compact{grid-template-columns:1fr}.profile-upload-button{min-height:38px;padding:0 12px}.platform-picker{position:relative;z-index:auto}.platform-picker.open{z-index:var(--layer-popover)}.platform-field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.platform-field-hint{display:inline-flex;align-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:999px;padding:3px 7px;background:color-mix(in srgb,var(--accent-soft) 34%,transparent);color:var(--muted);font-size:.64rem;font-weight:750;letter-spacing:.02em;white-space:nowrap}.platform-field-error{color:#f87171;font-size:.72rem;font-weight:700}.platform-trigger,.platform-option{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);color:var(--text);text-align:left}.platform-trigger{min-height:48px;border-radius:15px;padding:8px 11px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel-strong) 96%,var(--accent) 4%),var(--panel-strong));box-shadow:inset 0 1px color-mix(in srgb,white 5%,transparent),0 1px color-mix(in srgb,var(--page) 35%,transparent);transition:border-color .18s ease,box-shadow .22s ease,background .18s ease}.platform-trigger.platform-search{cursor:text}.platform-picker.has-error .platform-trigger{border-color:color-mix(in srgb,#f87171 55%,var(--border))}.platform-leading{display:grid;place-items:center}.platform-search-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 68%,white 3%),color-mix(in srgb,var(--panel) 90%,transparent));color:var(--muted);transition:color .18s ease,border-color .18s ease,background .18s ease,transform .22s cubic-bezier(.16,1,.3,1)}.library-add-panel .platform-search .platform-search-input{height:auto;min-height:0;width:100%;min-width:0;border:0;border-radius:0;padding:0;outline:0;background:transparent;box-shadow:none;color:var(--text);font-size:.9rem;font-weight:750;letter-spacing:-.01em;line-height:1.35;transform:none}.library-add-panel .platform-search .platform-search-input:hover,.library-add-panel .platform-search .platform-search-input:focus,.library-add-panel .platform-search .platform-search-input:not(:placeholder-shown){border:0;outline:none;background:transparent;box-shadow:none;transform:none}.platform-search-input::placeholder{color:color-mix(in srgb,var(--muted) 76%,transparent);font-weight:580}.platform-clear{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--muted);cursor:pointer;transition:color .16s ease,background .16s ease,transform .18s cubic-bezier(.16,1,.3,1)}.platform-clear:hover{color:var(--text);background:color-mix(in srgb,var(--accent-soft) 70%,transparent);transform:rotate(8deg) scale(1.04)}.platform-trigger:hover,.platform-picker.open .platform-trigger{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent),0 12px 28px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px color-mix(in srgb,white 7%,transparent)}.platform-picker.open .platform-search-icon{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent-soft) 60%,var(--panel));color:var(--accent);transform:scale(1.04)}.platform-logo{display:grid;width:28px;height:28px;place-items:center;overflow:hidden;border-radius:9px;border:1px solid color-mix(in srgb,var(--platform-color, var(--accent)) 36%,white);background:color-mix(in srgb,var(--platform-color, var(--accent)) 10%,white);color:var(--platform-color, var(--accent));font-size:.82rem;font-weight:950;box-shadow:0 6px 14px color-mix(in srgb,var(--platform-color, var(--accent)) 16%,transparent);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .18s ease}.platform-picker.open .platform-leading .platform-logo{transform:scale(1.04);box-shadow:0 8px 18px color-mix(in srgb,var(--platform-color, var(--accent)) 22%,transparent)}.platform-logo-fallback,.platform-logo img{grid-area:1 / 1}.platform-logo-fallback{display:grid;width:100%;height:100%;place-items:center}.platform-logo-fallback[hidden]{display:none}.platform-logo img{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:76%;max-height:76%;object-fit:contain}.platform-chevron{justify-self:end;color:var(--muted);transform-origin:50% 50%;transition:color .16s ease,transform .22s cubic-bezier(.16,1,.3,1)}.platform-picker.open .platform-chevron{color:var(--accent);transform:rotate(180deg)}.platform-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1;display:grid;max-height:300px;gap:3px;overflow:auto;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:16px;padding:7px;background:linear-gradient(155deg,color-mix(in srgb,var(--panel-strong) 97%,var(--accent) 3%),var(--panel-strong));box-shadow:0 18px 42px color-mix(in srgb,var(--page) 45%,transparent),inset 0 1px color-mix(in srgb,white 5%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;overscroll-behavior:contain;animation:platform-menu-in .19s cubic-bezier(.16,1,.3,1) both}.platform-menu-caption{margin:0;padding:4px 8px 6px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.platform-option{grid-template-columns:auto minmax(0,1fr) 22px;border-radius:12px;padding:8px 10px;background:transparent;font-weight:850;transition:background .16s ease,border-color .16s ease,box-shadow .18s ease}.platform-option-copy{display:grid;min-width:0;gap:1px}.platform-option-copy strong{overflow:hidden;font-size:.86rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.platform-option-copy small{color:var(--muted);font-size:.66rem;font-weight:650}.platform-option-custom{margin-top:2px;border-style:dashed}.platform-option-check{display:grid;width:22px;height:22px;place-items:center;border-radius:999px;color:var(--accent)}.platform-option:hover,.platform-option.selected{border-color:#2f8cff73;background:var(--accent-soft);box-shadow:inset 3px 0 color-mix(in srgb,var(--accent) 72%,transparent)}.platform-option:hover .platform-logo,.platform-option.selected .platform-logo,.platform-option:hover .platform-search-icon{transform:scale(1.06)}@keyframes platform-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-game-field{display:grid;gap:5px}.custom-game-autocomplete{position:relative;z-index:auto}.custom-game-autocomplete.open{z-index:var(--layer-popover)}.custom-game-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1;display:grid;gap:4px;max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:16px;padding:8px;background:var(--panel-strong);box-shadow:0 14px 32px color-mix(in srgb,var(--page) 34%,transparent);overscroll-behavior:contain;animation:platform-menu-in .16s ease both}.custom-game-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:12px;padding:8px 10px;background:transparent;color:var(--text);font-size:.88rem;font-weight:750;text-align:left;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.custom-game-option:hover,.custom-game-option.selected{transform:translate(3px);border-color:#2f8cff73;background:var(--accent-soft)}.custom-game-option-logo,.custom-game-option-fallback{width:24px;height:24px;border-radius:7px;object-fit:contain}.custom-game-option-fallback{display:grid;place-items:center;background:color-mix(in srgb,var(--accent-soft) 80%,transparent);color:var(--accent);font-size:.72rem;font-weight:850}.details{min-height:640px;padding:28px}label{display:grid;gap:8px;color:#475569;font-size:.86rem;font-weight:750}input,textarea,select{width:100%;border:1px solid #dbe3ef;border-radius:16px;outline:none;background:#f8fafc;color:#0f172a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}button:disabled{cursor:not-allowed;opacity:.65}input,select{height:46px;padding:0 14px}textarea{resize:vertical;padding:14px}input:focus,textarea:focus,select:focus{border-color:#60a5fa;background:#fff;box-shadow:0 0 0 4px #2563eb24}.search{margin-bottom:18px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chips button{border:0;border-radius:999px;padding:9px 12px;background:#eff6ff;color:#1d4ed8;font-weight:800}.chips button.active{background:#2563eb;color:#fff}.account-list{display:grid;gap:10px}.account-row{display:grid;gap:4px;width:100%;border:1px solid transparent;border-radius:18px;padding:14px;background:#f8fafc;color:#64748b;text-align:left}.account-row:hover,.account-row.selected{border-color:#bfdbfe;background:#eff6ff}.service{color:#111827;font-size:1rem;font-weight:850}.game-tag,.game-title{color:#2563eb;font-weight:800}.status-line{margin-bottom:6px;color:#334155;font-weight:800}.active-status,.expired,.obsolete{width:fit-content;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900}.active-status{background:linear-gradient(135deg,#22c55e,#84cc16);color:#052e16;box-shadow:0 0 0 1px #22c55e47,0 8px 18px #22c55e47}.expired{background:#fee2e2;color:#b91c1c}.obsolete{background:#fef3c7;color:#92400e}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.account-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;min-width:0;align-items:center}.account-hero-icon{display:grid;grid-template:1fr / 1fr;width:72px;height:72px;place-items:center;overflow:hidden;padding:8px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:22px;background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.9),transparent 24%),linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:1.6rem;font-weight:950;box-shadow:0 18px 38px #2f8cff33}.account-hero-icon>*{grid-area:1 / 1}.account-hero-icon img,.account-hero-icon .automatic-brand-icon,.account-hero-icon .brand-icon-image{width:100%;height:100%;object-fit:contain}.account-hero-icon:has(.brand-icon-image){background:var(--panel-strong);color:var(--accent);box-shadow:none}.account-hero-icon .automatic-battlefield-icon{width:100%;height:100%}.automatic-battlefield-icon{display:block;width:72%;height:72%;background:var(--text);-webkit-mask:url(/brands/battlefield.svg) center / contain no-repeat;mask:url(/brands/battlefield.svg) center / contain no-repeat}.account-hero-copy{min-width:0}.account-hero-copy h2{margin-bottom:4px}.account-meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;color:var(--muted);font-size:.86rem;font-weight:800}.panel-header p:last-child,.account-meta-row{margin-bottom:0;color:var(--muted)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.full{grid-column:1 / -1}.password-row,.upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.upload-button{display:grid;min-height:46px;place-items:center;border-radius:16px;padding:0 14px;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:900}.upload-button input{display:none}.linked-section,.quick-links-section,.mini-linked{display:grid;gap:12px}.linked-section,.quick-links-section{border:1px solid #dbeafe;border-radius:22px;padding:18px;background:#f8faff}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-toggle{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:14px;border:0;padding:0;background:transparent;color:inherit;text-align:left}.section-toggle span{flex:0 0 auto;border-radius:999px;padding:8px 12px;background:#eff6ff;color:#1d4ed8;font-size:.78rem;font-weight:900}.compact-toggle h3{font-size:.95rem}.collapsed-card{border:1px solid #dbeafe;border-radius:18px;padding:14px;background:#f8faff}.section-action-row{display:flex;justify-content:flex-end}.section-heading h3{margin:0;color:#111827;font-size:1.05rem}.section-toggle h3{margin:0;color:#111827}.compact-heading h3{font-size:.95rem}.button-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.linked-list{display:grid;gap:10px}.linked-list.compact{gap:8px}.linked-row{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.3fr) auto;gap:8px;align-items:center}.link-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.5fr) auto auto;gap:8px;align-items:center}.account-info-section{gap:14px;border-radius:18px;padding:16px}.account-section-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px}.account-section-header h3,.account-section-editor-heading strong,.saved-account-copy strong,.saved-link-copy strong,.protected-summary strong,.account-section-empty strong{color:var(--text)}.account-section-header h3{margin:0;font-size:1.02rem}.account-section-title-row{display:flex;min-width:0;align-items:center;gap:8px}.account-section-count{display:grid;min-width:24px;height:24px;place-items:center;border:1px solid var(--border);border-radius:8px;padding:0 6px;background:var(--panel-strong);color:var(--muted);font-size:.72rem;font-weight:900}.account-section-description{max-width:560px;margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}.section-manage-button{min-width:78px;min-height:36px;border:1px solid var(--border);border-radius:11px;padding:7px 11px;background:var(--panel-strong);color:var(--text);font-size:.78rem;font-weight:900;transition:border-color .16s ease,background .16s ease,transform .16s ease}.section-manage-button:hover{border-color:color-mix(in srgb,var(--accent) 44%,var(--border));background:var(--accent-soft)}.section-manage-button:active{transform:translateY(1px)}.account-section-editor{display:grid;gap:12px;border-top:1px solid var(--border);padding-top:14px;animation:sectionEditorIn .18s ease both}.account-section-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.account-section-editor-heading>div:first-child{display:grid;gap:3px}.account-section-editor-heading strong{font-size:.88rem}.account-section-editor-heading span{color:var(--muted);font-size:.76rem;line-height:1.4}.account-editor-list{gap:10px}.linked-editor-row,.link-editor-row{display:grid;gap:10px;align-items:end;border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--panel-strong)}.linked-editor-row{grid-template-columns:minmax(128px,.75fr) minmax(160px,1fr) minmax(220px,1.35fr) auto}.link-editor-row{grid-template-columns:minmax(160px,.8fr) minmax(260px,1.5fr) auto}.linked-editor-row label,.link-editor-row label,.recovery-editor label{gap:6px;color:var(--muted);font-size:.72rem}.linked-editor-row input,.linked-editor-row select,.link-editor-row input,.recovery-editor input{min-height:42px}.linked-remove-button,.link-editor-actions{align-self:end}.link-editor-actions{display:flex;gap:7px}.compact-actions{flex:0 0 auto}.saved-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),360px));justify-content:start;gap:9px}.saved-account-summary,.saved-link-summary,.protected-summary{min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--panel-strong)}.saved-account-summary{display:grid;width:100%;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px}.saved-account-icon,.saved-link-icon{display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:11px;background:var(--accent-soft);color:var(--accent)}.saved-account-icon{width:38px;height:38px;padding:6px;grid-template:1fr / 1fr}.saved-account-icon>*{grid-area:1 / 1}.saved-account-icon img,.saved-account-icon svg,.saved-account-icon .brand-icon-image{width:100%;height:100%;object-fit:contain}.saved-account-copy,.saved-link-copy{display:grid;min-width:0;gap:3px}.saved-account-copy strong,.saved-link-copy strong{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.saved-account-copy span,.saved-link-copy span{overflow:hidden;color:var(--muted);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.saved-account-type{color:var(--muted);font-size:.68rem;font-weight:850}.saved-link-list{display:grid;justify-items:start;gap:8px}.saved-link-summary{display:grid;width:min(100%,520px);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px}.saved-link-icon{width:36px;height:36px}.saved-link-icon.tracker-network-icon{border-color:color-mix(in srgb,#e92743 62%,var(--border));background:#e92743;color:#fff;font-size:.64rem;font-weight:1000;letter-spacing:-.08em;line-height:1;text-indent:-.04em}.account-section-empty{display:grid;width:100%;gap:3px;border:1px dashed color-mix(in srgb,var(--muted) 34%,var(--border));border-radius:14px;padding:12px 14px;background:transparent;color:var(--muted);text-align:left;transition:border-color .16s ease,background .16s ease}.account-section-empty:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}.account-section-empty strong{font-size:.82rem}.account-section-empty span,.protected-summary span{color:var(--muted);font-size:.74rem;line-height:1.4}.protected-summary{display:grid;gap:3px;padding:11px 12px}.protected-summary strong{font-size:.82rem}.recovery-editor input{max-width:620px}button:disabled{cursor:not-allowed;opacity:.52}@keyframes sectionEditorIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.linked-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.linked-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:14px;padding:9px 10px;background:#eff6ff;color:#1e40af;font-size:.85rem;font-weight:750}.linked-pill button{display:grid;width:24px;height:24px;place-content:center;border:0;border-radius:999px;background:#fff;color:#1d4ed8;font-weight:900}.add-card{display:flex;flex-direction:column;gap:14px}.primary,.danger,.ghost{border:0;border-radius:16px;font-weight:850}.primary{padding:15px 18px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 16px 28px #2563eb38}.danger{padding:11px 14px;background:#fee2e2;color:#b91c1c}.ghost{padding:0 14px;background:#eff6ff;color:#1d4ed8}.small{padding:10px 12px;border-radius:12px;font-size:.78rem}.empty,.empty-state,.security-note{color:#64748b}.empty-state{display:grid;min-height:480px;gap:12px;place-content:center;text-align:center;justify-items:center;padding:32px}.empty-state h2,.empty-state p{margin:0}.empty-state h2{color:var(--text);font-size:clamp(2rem,4vw,3.4rem)}.empty-state>p:not(.eyebrow){max-width:460px;line-height:1.6}.empty-orb{display:grid;width:82px;height:82px;place-items:center;border-radius:28px;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.96),transparent 30%),linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:2.5rem;font-weight:900;box-shadow:0 20px 42px #2f8cff42}.empty-cta{display:inline-grid;min-width:170px;min-height:46px;margin-top:8px;place-items:center;text-decoration:none}.sidebar-empty{display:grid;gap:6px;border:1px dashed var(--border);border-radius:22px;padding:18px;color:var(--muted);text-align:center}.sidebar-empty strong{color:var(--text)}.sidebar-empty p{margin:0;font-size:.86rem}.security-note{margin:0;border-radius:18px;padding:14px;background:#fff7ed;font-size:.88rem}.field-help{display:block;margin-top:6px;color:var(--muted);font-size:.7rem;font-weight:650;line-height:1.4}.shell{display:flex;align-items:stretch;width:min(1320px,calc(100% - 28px));margin-inline:auto;animation:shellIn .42s ease both;transition:width .28s cubic-bezier(.16,1,.3,1),margin .28s cubic-bezier(.16,1,.3,1),padding .28s cubic-bezier(.16,1,.3,1)}.shell-content{flex:1 1 auto;min-width:0;width:100%}.shell.side-panel-open{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0}.shell.vault-layout.side-panel-open{width:min(100% - 24px,1520px);min-height:0;margin-inline:auto;padding:12px 0 18px}.shell.side-panel-open .shell-content{padding:32px clamp(14px,2vw,28px)}.shell.vault-layout.side-panel-open .shell-content{padding:0 16px 0 0}@keyframes shellIn{0%{opacity:0}to{opacity:1}}.auth-card,.hero,.sidebar,.details,.add-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .22s ease}.auth-card,.sidebar,.details,.add-card{border-color:var(--border);background:var(--panel);box-shadow:var(--shadow)}.hero{position:relative;overflow:hidden;border-color:var(--border);background:var(--hero)}.hero:after{position:absolute;inset:auto -80px -140px auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(14,165,233,.16),transparent 65%);content:"";pointer-events:none;animation:slowFloat 7s ease-in-out infinite}.hero-actions{display:grid;min-width:210px;gap:12px;align-content:start;z-index:1}.stats-card{min-width:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.16),transparent 36%),#111827;box-shadow:0 22px 48px #0f172a38}.auth-theme-toggle{justify-self:end}.workspace{grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(290px,330px);gap:16px}.details,.add-card,.sidebar{min-width:0}.add-card{overflow:visible}h1,h2,.service,.section-toggle h3,.section-heading h3{color:var(--text)}.hero-copy,.empty,.empty-state,.panel-header p:last-child,label{color:var(--muted)}input,textarea,select{min-width:0;border-color:var(--border);background:var(--panel-strong);color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--panel-strong);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.chips button,.ghost,.section-toggle span,.linked-pill{background:var(--accent-soft);color:var(--accent)}.chips button.active,.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.account-row,.linked-section,.quick-links-section,.collapsed-card{min-width:0;border-color:var(--border);background:var(--panel-soft)}.account-row{transition:transform .18s ease,background .18s ease,border-color .18s ease}.account-row:hover,.account-row.selected{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--accent-soft)}.field-grid,.linked-row,.link-row,.password-row{min-width:0}.linked-row{grid-template-columns:minmax(120px,150px) minmax(0,1fr) minmax(0,1.2fr) auto}.link-row{grid-template-columns:minmax(110px,.68fr) minmax(0,1.5fr) auto auto}.linked-pill{min-width:0;align-items:flex-start;overflow:hidden}.linked-pill span{min-width:0;overflow-wrap:anywhere;word-break:break-word}.linked-pill button{flex:0 0 24px}.button-row{justify-content:flex-start}.security-note{background:color-mix(in srgb,#f59e0b 14%,var(--panel-strong));color:var(--muted)}:root[data-theme=dark] .danger{background:#f8717129;color:#fecaca}:root[data-theme=dark] .hero{border-color:#ffffff1c;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),var(--hero);background-size:18px 18px,18px 18px,auto;box-shadow:0 28px 90px #0000008c,inset 0 1px #ffffff12,inset 0 -1px #0000008c}:root[data-theme=dark] .auth-card,:root[data-theme=dark] .sidebar,:root[data-theme=dark] .details,:root[data-theme=dark] .add-card{border-color:#ffffff14;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),var(--panel);background-size:16px 16px,16px 16px,auto;box-shadow:0 24px 70px #00000075,inset 0 1px #ffffff0b}:root[data-theme=dark] .stats-card{background:radial-gradient(circle at 20% 0%,rgba(47,140,255,.16),transparent 38%),linear-gradient(145deg,#171717fa,#090909fa);box-shadow:0 20px 42px #00000075,inset 0 1px #ffffff14}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:#0206175c;border-color:#94a3b833}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--panel-strong) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}:root[data-theme=dark] input:-webkit-autofill,:root[data-theme=dark] input:-webkit-autofill:hover,:root[data-theme=dark] input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #0f1116 inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}:root[data-theme=dark] input:hover,:root[data-theme=dark] textarea:hover,:root[data-theme=dark] select:hover{border-color:#2f8cff5c}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .game-tag,:root[data-theme=dark] .game-title{color:#60a5fa}:root[data-theme=dark] .chips button,:root[data-theme=dark] .ghost,:root[data-theme=dark] .section-toggle span,:root[data-theme=dark] .linked-pill{background:#ffffff0e;color:#e8e5dd;border:1px solid rgba(255,255,255,.06)}:root[data-theme=dark] .chips button.active,:root[data-theme=dark] .primary{background:linear-gradient(135deg,#2f8cff,#22d3ee);color:#fff;box-shadow:0 14px 28px #2f8cff38}:root[data-theme=dark] .active-status{background:linear-gradient(135deg,#6ef27a,#b8ff5f);color:#071507;box-shadow:0 0 0 1px #6ef27a40,0 8px 18px #6ef27a2e}:root[data-theme=dark] .quick-links-section,:root[data-theme=dark] .linked-section,:root[data-theme=dark] .collapsed-card,:root[data-theme=dark] .notes-section{background:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),#161616c2;background-size:14px 14px,14px 14px,auto;border-color:#ffffff14}:root[data-theme=dark] .account-row.selected{border-color:#2f8cff57;background:radial-gradient(circle at 12% 20%,rgba(47,140,255,.14),transparent 42%),#ffffff09}:root[data-theme=dark] .game-icon{background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.32),transparent 28%),linear-gradient(135deg,#2f8cff,#22d3ee);box-shadow:0 12px 22px #2f8cff2e}:root[data-theme=dark] .import-button,:root[data-theme=dark] .lock-button{border-color:#ffffff1f;background:#ffffff14}.settings-shortcut,.settings-profile-link{display:grid;place-items:center;text-decoration:none}.account-settings-page{overflow:hidden;border:1px solid var(--border);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);animation:pageIn .28s ease both}.account-settings-page.embedded-settings-page{border-radius:18px;animation:none}.embedded-settings-page .settings-page-header{align-items:center;padding:18px 20px;background:var(--panel)}.embedded-settings-page .settings-page-header h2{margin-top:0;font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-.04em}.embedded-settings-page .settings-page-header p{margin-top:6px;font-size:.86rem}.settings-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.settings-logout-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px}.settings-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);padding:30px 32px;background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 34%),var(--panel-strong)}.settings-page-header h2,.settings-page-header p{margin:0}.settings-page-header h2{margin-top:14px;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.055em}.settings-page-header p{max-width:640px;margin-top:8px;color:var(--muted);line-height:1.55}.settings-back{border:0;padding:0;background:transparent;color:var(--accent);font-size:.88rem;font-weight:900}.settings-back:hover{text-decoration:underline;text-underline-offset:4px}.settings-security-badge,.encrypted-label{flex:0 0 auto;border:1px solid color-mix(in srgb,#22c55e 38%,var(--border));border-radius:12px;padding:8px 10px;background:color-mix(in srgb,#22c55e 12%,var(--panel-strong));color:color-mix(in srgb,#16a34a 78%,var(--text));font-size:.78rem;font-weight:900;white-space:nowrap}.settings-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-width:0}.settings-profile-summary{min-width:0;border-right:1px solid var(--border);padding:22px 18px;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 30%),var(--panel-soft)}.settings-profile-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--border);border-radius:18px;padding:13px;background:color-mix(in srgb,var(--panel-strong) 78%,transparent)}.settings-avatar{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:17px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:1.5rem;font-weight:950;box-shadow:0 16px 32px color-mix(in srgb,var(--accent) 18%,transparent)}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-profile-copy{min-width:0}.settings-profile-copy h3{margin:5px 0 0;overflow:hidden;color:var(--text);font-size:1.08rem;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.settings-profile-label{color:var(--accent);font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.settings-summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0}.settings-summary-list>div{display:grid;gap:4px;border:1px solid var(--border);border-radius:14px;padding:11px 12px;background:color-mix(in srgb,var(--panel-strong) 74%,transparent)}.settings-summary-list>.settings-identity-summary{grid-column:1 / -1;border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%),color-mix(in srgb,var(--panel-strong) 78%,transparent)}.settings-summary-list>.settings-account-count{border-color:color-mix(in srgb,var(--accent) 26%,var(--border));background:var(--accent-soft)}.settings-summary-list dt{color:var(--muted);font-size:.75rem;font-weight:800}.settings-summary-list dd{margin:0;color:var(--text);font-size:.9rem;font-weight:850}.settings-identity-summary dd,.settings-cloud-summary dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-identity-summary span{color:var(--muted);font-size:.68rem;font-weight:750}.settings-account-count dd{color:var(--accent);font-size:1.5rem;line-height:1}.settings-cloud-summary dd{color:var(--active);font-size:.76rem}.settings-content{min-width:0;padding:0 32px}.settings-section{display:grid;gap:20px;border-bottom:1px solid var(--border);padding:30px 0}.settings-section:last-child{border-bottom:0}.settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.settings-section-heading h3,.settings-section-heading p{margin:0}.settings-section-heading h3{color:var(--text);font-size:1.15rem;letter-spacing:-.02em}.settings-section-heading p{max-width:620px;margin-top:5px;color:var(--muted);font-size:.9rem;line-height:1.5}.settings-form-grid,.pin-change-grid{display:grid;gap:14px}.settings-form-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end}.pin-change-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-full-row{grid-column:1 / -1}.settings-picture-actions,.settings-action-row,.settings-data-actions,.session-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.settings-action-row{justify-content:flex-end}.settings-upload-button,.settings-import-button{min-height:46px;white-space:nowrap}.settings-message{margin:-4px 0 0;color:var(--accent);font-size:.84rem;font-weight:800}.current-pin-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--border);border-radius:18px;padding:16px 18px;background:var(--panel-soft)}.current-pin-panel>div{display:grid;grid-template-columns:auto auto;gap:4px 16px;align-items:center}.current-pin-panel span{color:var(--muted);font-size:.78rem;font-weight:850}.current-pin-panel output{color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.35rem;font-weight:950;letter-spacing:.22em}.current-pin-panel small{grid-column:1 / -1;color:var(--muted);font-size:.76rem}.theme-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-choice button{display:grid;gap:4px;min-height:76px;border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--panel-soft);color:var(--text);text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.theme-choice button:hover{border-color:color-mix(in srgb,var(--accent) 46%,var(--border))}.theme-choice button:active{transform:scale(.99)}.theme-choice button.active{border-color:var(--accent);background:var(--accent-soft)}.theme-choice button span{color:var(--muted);font-size:.8rem}.settings-data-actions .ghost,.settings-data-actions .settings-import-button{flex:1 1 220px;min-height:48px}.session-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--border);border-radius:18px;padding:16px 18px;background:var(--panel-soft)}.session-row>div:first-child{display:grid;gap:4px;min-width:0}.session-row strong{color:var(--text)}.session-row span{overflow:hidden;color:var(--muted);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.settings-section button:focus-visible,.settings-back:focus-visible,.settings-profile-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.64fr);min-height:0;gap:0;padding:0;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel-strong) 96%,var(--accent) 4%),var(--panel));box-shadow:inset 0 1px color-mix(in srgb,var(--text) 7%,transparent),0 18px 46px color-mix(in srgb,var(--page) 72%,transparent)}.hero:after{display:none}.hero-main,.hero-command-center,.hero-command-top,.hero-brand,.hero-context{position:relative;z-index:1;min-width:0}.hero-main{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:94px;align-items:center;gap:26px;padding:13px 18px}.hero-brand{display:grid;gap:3px}.hero .eyebrow{margin:0;color:var(--accent);font-size:.56rem;letter-spacing:.16em}.hero h1{margin:0;color:var(--text);font-size:clamp(1.8rem,2.4vw,2.35rem);line-height:1;letter-spacing:-.055em}.hero-command-center{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;min-height:94px;gap:6px 12px;border-left:1px solid var(--border);padding:9px 12px;background:repeating-linear-gradient(100deg,transparent 0 58px,color-mix(in srgb,var(--text) 3%,transparent) 59px 60px),color-mix(in srgb,var(--panel-strong) 76%,transparent)}.hero-command-top{grid-row:1;grid-column:2;display:flex;justify-content:flex-end}.hero-context{display:grid;gap:2px;border-left:1px solid color-mix(in srgb,var(--text) 11%,var(--border));padding-left:24px}.hero .welcome-line{margin:0;color:var(--text);font-size:.78rem;font-weight:850;letter-spacing:-.025em}.hero-copy{max-width:420px;margin:0;color:var(--muted);font-size:.68rem;line-height:1.35}.hero-count{display:grid;grid-row:1;grid-column:1;grid-template-columns:auto minmax(0,1fr);place-content:center start;align-items:center;gap:6px;min-height:30px;padding:0;text-align:left}.hero-count strong{color:var(--gold);font-size:1.2rem;line-height:1}.hero-count span{color:var(--muted);font-size:.51rem;font-weight:800;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}.hero-action-grid{grid-row:2;grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;gap:6px}.hero-action-grid.has-sign-out{grid-template-columns:repeat(5,minmax(0,1fr))}.vault-action{position:relative;display:flex;min-width:0;min-height:38px;align-items:center;justify-content:center;gap:6px;margin:0;border:1px solid color-mix(in srgb,var(--text) 14%,var(--border));border-radius:10px;padding:5px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 4%,transparent),transparent),color-mix(in srgb,var(--panel-soft) 78%,transparent);color:var(--muted);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 8%,transparent);text-align:left;text-decoration:none;transform:translateY(0);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.vault-action:hover{border-color:color-mix(in srgb,var(--gold) 38%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 8%,transparent),transparent),color-mix(in srgb,var(--panel-soft) 94%,transparent);color:var(--text);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 12%,transparent),0 8px 18px color-mix(in srgb,var(--page) 24%,transparent);transform:translateY(-1px)}.vault-action:active{box-shadow:inset 0 1px 4px color-mix(in srgb,var(--page) 30%,transparent);transform:translateY(1px) scale(.985)}.vault-action:focus-visible{border-color:var(--gold);outline:2px solid color-mix(in srgb,var(--gold) 74%,transparent);outline-offset:2px}.vault-action-icon{display:grid;width:22px;height:22px;place-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:7px;background:color-mix(in srgb,currentColor 7%,transparent);color:color-mix(in srgb,var(--text) 78%,var(--muted));transition:background .18s ease,color .18s ease}.vault-action-copy{display:grid;min-width:0;gap:1px;line-height:1;white-space:nowrap}.vault-action-copy strong{color:var(--text);font-size:.6rem;font-weight:850}.vault-action:hover .vault-action-icon{background:color-mix(in srgb,var(--gold) 10%,transparent);color:var(--gold)}.vault-action-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.hero-action-grid .hero-lock-action{border-color:color-mix(in srgb,var(--gold) 58%,var(--border));color:var(--gold)}.hero-lock-action .vault-action-icon{border-color:color-mix(in srgb,var(--gold) 34%,transparent);background:color-mix(in srgb,var(--gold) 9%,transparent);color:var(--gold)}.hero-action-grid .sign-out-action{min-height:38px}.account-row-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.account-summary{display:grid;min-width:0;gap:2px}.account-summary .service,.account-summary .game-tag,.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-row-meta{display:flex;min-width:0;align-items:center;gap:8px;padding-left:48px}.account-email{min-width:0;color:var(--muted);font-size:.8rem}.game-icon{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:14px;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.38),transparent 28%),linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:1000;box-shadow:0 12px 22px color-mix(in srgb,var(--accent) 22%,transparent)}.game-icon img{width:100%;height:100%;object-fit:cover}.notes-section,.notes-card{display:grid;gap:12px}.notes-section{border:1px solid var(--border);border-radius:22px;padding:18px;background:var(--panel-soft)}.notes-section h3,.notes-card h3{margin:0;color:var(--text);font-size:1.05rem}.notes-section textarea,.notes-card textarea{min-height:140px}.theme-toggle.theme-toggle{position:relative;isolation:isolate;display:block;width:138px;height:44px;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 30%,var(--border));border-radius:999px;padding:0;background:radial-gradient(circle at 78% 50%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 34%),color-mix(in srgb,var(--panel-soft) 94%,var(--panel-strong));color:var(--text);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 38%,transparent),0 7px 20px color-mix(in srgb,var(--page) 38%,transparent);transform:none;transition:border-color .22s ease,background .28s ease,box-shadow .22s ease}.theme-toggle.theme-toggle:before{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border:1px solid color-mix(in srgb,#ffffff 26%,transparent);border-radius:inherit;content:"";pointer-events:none}.theme-toggle.theme-toggle:after{position:absolute;top:50%;right:18px;left:18px;z-index:-1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 15%,transparent),transparent);content:"";pointer-events:none}.theme-toggle.theme-toggle:hover{border-color:color-mix(in srgb,var(--gold) 54%,var(--border));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 42%,transparent),0 8px 22px color-mix(in srgb,var(--gold) 13%,transparent);transform:none}.theme-toggle.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.theme-state{position:absolute;top:50%;z-index:1;color:var(--muted);font-size:.62rem;font-weight:850;letter-spacing:.11em;line-height:1;text-transform:uppercase;transform:translateY(-50%);transition:color .18s ease,opacity .18s ease,transform .24s ease}.theme-state-light{left:17px;color:color-mix(in srgb,var(--gold) 82%,var(--text));opacity:1}.theme-state-dark{right:15px;opacity:0;transform:translate(5px,-50%)}.theme-orb{position:absolute;top:4px;left:4px;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 58%,#ffffff);border-radius:999px;background:linear-gradient(145deg,#fff,#f3ead0);box-shadow:0 5px 14px color-mix(in srgb,var(--gold) 24%,transparent),inset 0 1px #ffffffe6;transform:translate(96px);will-change:transform;transition:border-color .26s ease,background .26s ease,box-shadow .26s ease,transform .32s cubic-bezier(.22,1,.36,1)}.theme-orb-halo{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:inherit;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 28%,transparent),transparent 68%);opacity:.9;transition:background .26s ease,opacity .26s ease}.theme-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1)}.theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}.theme-icon-sun:before{width:10px;height:10px;border-radius:999px;background:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,#8c7117 52%,transparent);content:""}.theme-icon-sun:after{position:absolute;width:2px;height:2px;border-radius:999px;background:var(--gold);box-shadow:0 -8px 0 var(--gold),0 8px 0 var(--gold),8px 0 0 var(--gold),-8px 0 0 var(--gold),6px 6px 0 var(--gold),-6px -6px 0 var(--gold),6px -6px 0 var(--gold),-6px 6px 0 var(--gold);content:""}.theme-icon-moon{opacity:0;transform:rotate(-18deg) scale(.72)}.theme-icon-moon:before,.theme-icon-moon:after{position:absolute;width:15px;height:15px;border-radius:999px;content:""}.theme-icon-moon:before{background:#edf3ff;box-shadow:0 0 8px #aec9ff6b}.theme-icon-moon:after{background:#151b27;transform:translate(5px,-2px)}:root[data-theme=dark] .theme-toggle.theme-toggle{border-color:color-mix(in srgb,#7f9ccf 34%,var(--border));background:radial-gradient(circle at 22% 50%,rgba(103,139,204,.16),transparent 36%),linear-gradient(135deg,#111620,#1b2230);box-shadow:inset 0 1px #ffffff14,0 8px 22px #0000003d}:root[data-theme=dark] .theme-state-light{opacity:0;transform:translate(-5px,-50%)}:root[data-theme=dark] .theme-state-dark{color:#aebfde;opacity:1;transform:translateY(-50%)}:root[data-theme=dark] .theme-orb{border-color:#a7c1ef73;background:linear-gradient(145deg,#202a3a,#101722);box-shadow:0 5px 14px #00000057,inset 0 1px #ffffff1f;transform:translate(0)}:root[data-theme=dark] .theme-orb-halo{background:radial-gradient(circle,rgba(108,145,214,.28),transparent 68%)}:root[data-theme=dark] .theme-icon-sun{opacity:0;transform:rotate(35deg) scale(.72)}:root[data-theme=dark] .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle.theme-toggle:active .theme-orb{transform:translate(96px) scale(.94);transition-duration:90ms}:root[data-theme=dark] .theme-toggle.theme-toggle:active .theme-orb{transform:translate(0) scale(.94)}.hero-command-center .theme-toggle.theme-toggle{width:100px;height:30px}.hero-command-center .theme-orb{top:3px;left:3px;width:24px;height:24px;transform:translate(70px)}.hero-command-center .theme-state{font-size:.55rem}.hero-command-center .theme-state-light{left:11px}.hero-command-center .theme-state-dark{right:10px}.hero-command-center .theme-icon-sun:before{width:8px;height:8px}.hero-command-center .theme-icon-sun:after{box-shadow:0 -7px 0 var(--gold),0 7px 0 var(--gold),7px 0 0 var(--gold),-7px 0 0 var(--gold),5px 5px 0 var(--gold),-5px -5px 0 var(--gold),5px -5px 0 var(--gold),-5px 5px 0 var(--gold)}.hero-command-center .theme-icon-moon:before,.hero-command-center .theme-icon-moon:after{width:13px;height:13px}:root[data-theme=dark] .hero-command-center .theme-toggle.theme-toggle{background:radial-gradient(circle at 22% 50%,rgba(103,139,204,.16),transparent 36%),linear-gradient(135deg,#111620,#1b2230);box-shadow:inset 0 1px #ffffff14,0 8px 22px #0000003d}:root[data-theme=dark] .hero-command-center .theme-orb{background:linear-gradient(145deg,#202a3a,#101722);transform:translate(0)}.hero-command-center .theme-toggle.theme-toggle:active .theme-orb{transform:translate(70px) scale(.94)}:root[data-theme=dark] .hero-command-center .theme-toggle.theme-toggle:active .theme-orb{transform:translate(0) scale(.94)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell.vault-layout{display:flex;align-items:stretch;gap:0;width:min(100% - 24px,1520px);padding:12px 0 18px;transition:none}.shell.vault-layout .vault-sidebar{flex:0 0 auto;margin-right:16px}.shell.vault-layout .shell-content{flex:1 1 auto;min-width:0}.vault-panel-slot{display:flex;flex:0 0 auto;width:0;min-width:0;overflow:hidden;pointer-events:none;transition:width .26s cubic-bezier(.16,1,.3,1)}.vault-panel-slot.open{width:420px;pointer-events:auto}.vault-panel-slot .library-side-panel{width:420px;min-width:420px;flex:0 0 420px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}@media(max-width:1280px){.vault-panel-slot.open{width:min(420px,34vw)}.vault-panel-slot .library-side-panel{width:min(420px,34vw);min-width:min(420px,34vw);flex-basis:min(420px,34vw)}}@media(max-width:760px){.vault-panel-slot,.vault-panel-slot.open{width:min(420px,calc(100vw - 20px))}.vault-panel-slot .library-side-panel{width:100%;min-width:0;flex-basis:auto}}.sidebar-backdrop{display:none}.vault-sidebar{position:sticky;top:12px;display:flex;width:268px;height:calc(100dvh - 24px);flex:0 0 268px;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;border:1px solid color-mix(in srgb,var(--border) 88%,#d8cbb8 12%);border-radius:24px;padding:14px 12px;background:linear-gradient(180deg,color-mix(in srgb,#f8f3ea 72%,var(--panel-strong) 28%),color-mix(in srgb,#efe6d8 48%,var(--panel) 52%));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 72%,transparent),0 18px 44px color-mix(in srgb,var(--page) 70%,transparent);transition:width .26s cubic-bezier(.16,1,.3,1),flex-basis .26s cubic-bezier(.16,1,.3,1),padding .26s cubic-bezier(.16,1,.3,1)}:root[data-theme=dark] .vault-sidebar{border-color:color-mix(in srgb,var(--border) 90%,#3a342c 10%);background:linear-gradient(180deg,color-mix(in srgb,#1a1814 58%,var(--panel-strong) 42%),color-mix(in srgb,#12100d 42%,var(--panel) 58%));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 6%,transparent),0 18px 44px #00000057}.vault-sidebar.collapsed{width:78px;flex-basis:78px;padding-inline:10px}.vault-sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 8px}.vault-brand-lockup{display:flex;min-width:0;align-items:center;gap:10px}.vault-brand-home{display:grid;flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:11px;background:transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.vault-brand-home:hover{transform:translateY(-1px);box-shadow:0 8px 18px #2e5dff3d}.vault-brand-home:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.vault-brand-icon{flex:0 0 auto;border-radius:11px}.vault-brand-copy{display:grid;min-width:0;gap:1px}.vault-brand-copy span{color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vault-brand-copy strong{overflow:hidden;color:var(--text);font-size:1rem;font-weight:850;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle,.sidebar-close,.mobile-sidebar-toggle{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel-strong) 84%,transparent);color:var(--muted)}.sidebar-toggle:hover,.sidebar-close:hover,.mobile-sidebar-toggle:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--text)}.mobile-sidebar-toggle,.sidebar-close{display:none}.vault-sidebar-welcome{margin:0 6px 2px;color:var(--muted);font-size:.74rem;line-height:1.35}.vault-sidebar-nav,.vault-filter-group{display:grid;gap:4px}.vault-sidebar-nav{border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);padding-bottom:10px}.vault-filter-group>p{display:flex;align-items:center;gap:6px;margin:8px 8px 4px;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.vault-filter-group>p span{min-width:0}.vault-nav-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:38px;border:1px solid transparent;border-radius:12px;padding:8px 10px;background:transparent;color:var(--muted);text-align:left}.vault-filter-group .vault-nav-button{grid-template-columns:minmax(0,1fr) auto}.vault-nav-button:hover{background:color-mix(in srgb,var(--panel-strong) 72%,transparent);color:var(--text)}.vault-nav-button.active{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent-soft) 82%,var(--panel-strong) 18%);color:var(--accent)}.vault-nav-icon{display:grid;place-items:center}.vault-nav-label{overflow:hidden;font-size:.8rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.vault-nav-button strong{min-width:24px;border-radius:8px;padding:3px 6px;background:color-mix(in srgb,var(--text) 7%,transparent);font-size:.66rem;text-align:center}.vault-sidebar-spacer{flex:1 1 auto;min-height:8px}.vault-sidebar-controls{display:grid;gap:8px;border-top:1px solid color-mix(in srgb,var(--border) 88%,transparent);padding-top:10px}.vault-sidebar-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.vault-sidebar-count{display:flex;min-width:0;align-items:center;gap:6px;color:var(--muted)}.vault-sidebar-count strong{color:var(--gold);font-size:1.05rem;line-height:1}.vault-sidebar-count span{overflow:hidden;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.vault-sidebar-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.vault-sidebar-actions.has-sign-out{grid-template-columns:repeat(5,minmax(0,1fr))}.vault-sidebar-actions .vault-action{min-height:36px;padding-inline:6px}.vault-sidebar-actions .vault-action-copy{display:none}.vault-sidebar-controls .theme-toggle.theme-toggle{width:74px;min-width:74px;height:34px}.vault-sidebar-controls .theme-orb{top:3px;left:3px;width:28px;height:28px;transform:translate(40px)}.vault-sidebar-controls .theme-state{font-size:.55rem}.vault-sidebar-controls .theme-state-light{left:8px}.vault-sidebar-controls .theme-state-dark{right:7px}:root[data-theme=dark] .vault-sidebar-controls .theme-orb{transform:translate(0)}.vault-sidebar-controls .theme-toggle.theme-toggle:active .theme-orb{transform:translate(40px) scale(.94)}:root[data-theme=dark] .vault-sidebar-controls .theme-toggle.theme-toggle:active .theme-orb{transform:translate(0) scale(.94)}.vault-sidebar-upgrade{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:16px;padding:10px;background:color-mix(in srgb,var(--panel-strong) 88%,transparent)}.vault-sidebar-upgrade-copy{display:grid;min-width:0;gap:4px}.vault-sidebar-upgrade-copy span{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vault-sidebar-upgrade-copy strong{color:var(--text);font-size:.86rem}.vault-upgrade-track{margin-top:2px}.vault-upgrade-button{flex:0 0 auto}.vault-upgrade-icon{display:grid;width:100%;min-height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 34%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--gold-soft) 72%,transparent);color:var(--gold)}.vault-sidebar-profile{border-top:1px solid color-mix(in srgb,var(--border) 88%,transparent);padding-top:10px}.vault-profile-button{display:flex;width:100%;align-items:center;gap:10px;border:1px solid transparent;border-radius:14px;padding:8px;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer;font:inherit}.vault-profile-button:hover{border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--panel-strong) 72%,transparent)}.vault-profile-avatar{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:.9rem;font-weight:800}.vault-profile-avatar img{width:100%;height:100%;object-fit:cover}.vault-profile-copy{display:grid;min-width:0;gap:2px}.vault-profile-copy strong{overflow:hidden;color:var(--text);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.vault-profile-copy span{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.vault-sidebar.collapsed .vault-sidebar-brand{flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding-inline:0}.vault-sidebar.collapsed .vault-brand-lockup{justify-content:center}.vault-sidebar.collapsed .sidebar-toggle{width:34px;height:34px}.vault-sidebar.collapsed .vault-sidebar-welcome,.vault-sidebar.collapsed .vault-brand-copy,.vault-sidebar.collapsed .vault-nav-label,.vault-sidebar.collapsed .vault-filter-group,.vault-sidebar.collapsed .vault-sidebar-count span,.vault-sidebar.collapsed .vault-profile-copy,.vault-sidebar.collapsed .vault-sidebar-upgrade-copy{display:none}.vault-sidebar.collapsed .vault-nav-button{grid-template-columns:1fr;justify-items:center;padding-inline:8px}.vault-sidebar.collapsed .vault-nav-button strong{position:absolute;top:4px;right:4px;min-width:18px;padding:2px 4px;font-size:.58rem}.vault-sidebar.collapsed .vault-nav-button{position:relative}.vault-sidebar.collapsed .vault-sidebar-actions{grid-template-columns:1fr}.vault-sidebar.collapsed .vault-sidebar-meta{flex-direction:column}.vault-sidebar.collapsed .vault-sidebar-controls .theme-toggle.theme-toggle{width:42px;min-width:42px}.vault-sidebar.collapsed .vault-sidebar-controls .theme-state{display:none}.workspace.library-shell{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;margin-top:0}.library-sidebar{position:sticky;top:14px;display:grid;max-height:calc(100dvh - 28px);gap:12px;overflow-y:auto;padding:12px;border-radius:20px;scrollbar-width:thin}.library-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:6px 4px 14px}.library-sidebar-header>div{display:grid;min-width:0;gap:2px}.library-sidebar-header span{color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.library-sidebar-header strong{color:var(--text);font-size:1.05rem}.library-sidebar-header a{flex:0 0 auto;border:1px solid var(--border);border-radius:9px;padding:7px 9px;background:var(--panel-soft);color:var(--text);font-size:.68rem;font-weight:850;text-decoration:none}.library-sidebar-header a:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));color:var(--accent)}.library-nav,.library-filter-group{display:grid;gap:4px}.library-nav{border-bottom:1px solid var(--border);padding-bottom:10px}.library-nav button,.library-filter-group button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:36px;border:1px solid transparent;border-radius:10px;padding:7px 9px;background:transparent;color:var(--muted);text-align:left}.library-nav button:hover,.library-filter-group button:hover{background:var(--panel-soft);color:var(--text)}.library-nav button.active,.library-filter-group button.active{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--accent-soft);color:var(--accent)}.library-nav button span,.library-filter-group button span{overflow:hidden;font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.library-nav button strong,.library-filter-group button strong{min-width:24px;border-radius:7px;padding:3px 5px;background:color-mix(in srgb,var(--text) 7%,transparent);color:inherit;font-size:.66rem;text-align:center}.library-filter-group>p{margin:3px 8px 4px;color:var(--muted);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.library-main{display:flex;min-width:0;flex-direction:column;gap:14px}.library-toolbar{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:18px;padding:10px;background:var(--panel);box-shadow:var(--shadow)}.library-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-search{display:grid;min-width:0;flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;padding:0 11px;background:var(--panel-strong);color:var(--muted)}.library-search>span{font-size:1.3rem;line-height:1}.library-search input{min-height:42px;border:0;padding:0;background:transparent;box-shadow:none}.library-search input:focus{border:0;background:transparent;box-shadow:none}.library-add-button{display:inline-flex;min-height:42px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;border:1px solid color-mix(in srgb,var(--gold) 86%,#8c7117);border-radius:12px;padding:0 20px;background:linear-gradient(135deg,#f2cf4a,var(--gold));color:var(--gold-ink);box-shadow:0 9px 22px color-mix(in srgb,var(--gold) 26%,transparent);font-weight:850}.library-add-button>span[aria-hidden=true]{font-size:1.15rem;font-weight:500;line-height:1}.library-add-button:hover{background:linear-gradient(135deg,#f7d85f,#ecc63b);box-shadow:0 11px 26px color-mix(in srgb,var(--gold) 34%,transparent);transform:translateY(-1px)}.library-add-button:active{box-shadow:0 5px 13px color-mix(in srgb,var(--gold) 22%,transparent);transform:translateY(1px) scale(.99)}.library-heading-row{min-height:44px;padding:0 2px}.library-heading-row>div:first-child{display:flex;align-items:center;gap:8px}.library-heading-row h2{margin:0;color:var(--text);font-size:1.35rem}.library-heading-row>div:first-child>span{border-radius:999px;padding:4px 8px;background:var(--panel-soft);color:var(--muted);font-size:.7rem;font-weight:800}.library-view-controls{display:flex;align-items:center;gap:8px}.sort-picker{position:relative;flex:0 0 auto;z-index:auto}.sort-picker.open{z-index:var(--layer-popover)}.sort-trigger{display:grid;min-width:205px;min-height:42px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--border);border-radius:12px;padding:5px 9px 5px 6px;background:color-mix(in srgb,var(--panel-strong) 88%,transparent);color:var(--text);box-shadow:0 8px 20px color-mix(in srgb,var(--page) 72%,transparent);text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.sort-trigger:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--panel-strong);transform:translateY(-1px)}.sort-trigger.open{border-color:color-mix(in srgb,var(--accent) 64%,var(--border));background:color-mix(in srgb,var(--accent-soft) 54%,var(--panel-strong))}.sort-trigger:focus-visible,.sort-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sort-trigger-icon,.sort-option-icon{display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:var(--accent-soft);color:var(--accent)}.sort-trigger-icon{width:30px;height:30px;border-radius:9px}.sort-trigger-copy,.sort-option-copy{display:grid;min-width:0}.sort-trigger-copy small{color:var(--muted);font-size:.58rem;font-weight:750;line-height:1.05}.sort-trigger-copy strong{overflow:hidden;color:var(--text);font-size:.73rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sort-chevron{color:var(--muted);transition:transform .16s ease}.sort-trigger.open .sort-chevron{transform:rotate(180deg)}.sort-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1;display:grid;width:276px;gap:4px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:15px;padding:6px;background:color-mix(in srgb,var(--panel-strong) 96%,transparent);box-shadow:0 18px 48px color-mix(in srgb,var(--page) 58%,transparent);transform-origin:top right;animation:sortMenuEnter .15s cubic-bezier(.16,1,.3,1)}.sort-menu button{display:grid;width:100%;min-height:56px;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;border:1px solid transparent;border-radius:11px;padding:7px 8px;background:transparent;color:var(--text);text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease}.sort-menu button:hover{border-color:var(--border);background:var(--panel-soft);transform:translate(2px)}.sort-menu button.selected{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--accent-soft)}.sort-option-icon{width:34px;height:34px;border-radius:10px}.sort-option-copy strong{font-size:.76rem;line-height:1.25}.sort-option-copy small{margin-top:2px;color:var(--muted);font-size:.64rem;line-height:1.25}.sort-option-check{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;color:var(--accent)}@keyframes sortMenuEnter{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.layout-toggle{display:grid;grid-template-columns:repeat(2,auto);gap:3px;border:1px solid var(--border);border-radius:11px;padding:3px;background:var(--panel)}.layout-toggle button{min-height:30px;border:0;border-radius:7px;padding:0 9px;background:transparent;color:var(--muted);font-size:.68rem;font-weight:850}.layout-toggle button.active{background:var(--accent-soft);color:var(--accent)}.library-account-grid{order:2;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.shell.vault-layout.side-panel-open .library-account-grid:not(.list-layout){grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.library-account-card{position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 58%),var(--panel);box-shadow:0 10px 28px color-mix(in srgb,var(--page) 78%,transparent);transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s ease,box-shadow .18s ease,background .18s ease}.library-card-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;width:100%;min-width:0}.library-account-card:hover,.library-account-card.selected{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 10%,transparent),0 10px 28px color-mix(in srgb,var(--page) 78%,transparent);transform:translateY(-1px)}.library-card-main{grid-column:1;grid-row:1;display:grid;width:100%;min-width:0;gap:10px;border:0;padding:14px 4px 14px 14px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.library-card-top{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.library-card-icon{display:grid;grid-template:1fr / 1fr;width:46px;height:46px;flex-shrink:0;place-items:center;overflow:hidden;padding:5px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--panel-strong) 92%,var(--panel));color:var(--accent);font-size:1.05rem;font-weight:950}.library-card-icon>*{grid-area:1 / 1}.library-card-icon img,.library-card-icon .automatic-brand-icon,.brand-icon-image{width:100%;height:100%;object-fit:contain}.library-card-icon-fallback{display:none;place-items:center;width:100%;height:100%}.library-card-icon-fallback[hidden]{display:none!important}.library-card-icon:not(.brand-icon-broken) .library-card-icon-fallback:not([hidden]){display:none!important}.brand-icon-broken .brand-icon-image{display:none!important}.brand-icon-broken .library-card-icon-fallback{display:grid!important}.library-card-icon .automatic-battlefield-icon{width:100%;height:100%}.library-card-title{display:grid;min-width:0;gap:2px}.library-card-title strong,.library-card-title span,.library-card-identity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card-title strong{font-size:.94rem;font-weight:800;letter-spacing:-.01em}.library-card-title span,.library-card-identity,.library-card-footer>span:last-child{color:var(--muted);font-size:.72rem}.library-card-identity{display:block;padding-right:2px}.library-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.library-card-footer>span:first-child{flex-shrink:0}.library-card-footer>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-toggle{position:relative;z-index:2;grid-column:2;grid-row:1;display:flex;width:34px;height:34px;flex-shrink:0;align-items:center;justify-content:center;align-self:start;margin:10px 10px 0 0;overflow:visible;border:1px solid color-mix(in srgb,var(--text) 10%,var(--border));border-radius:999px;padding:0;background:color-mix(in srgb,var(--panel-soft) 82%,transparent);cursor:pointer;pointer-events:auto;opacity:.72;transition:opacity .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.library-account-card:hover .favorite-toggle,.library-account-card:focus-within .favorite-toggle,.favorite-toggle:hover,.favorite-toggle:focus-visible,.favorite-toggle.favorite{opacity:1}.favorite-toggle:hover{border-color:color-mix(in srgb,var(--gold) 34%,var(--border));background:color-mix(in srgb,var(--gold) 10%,var(--panel-strong))}.favorite-toggle:hover .favorite-motion-layer{transform:scale(1.08)}.favorite-toggle.favorite{border-color:color-mix(in srgb,var(--gold) 48%,transparent);background:color-mix(in srgb,var(--gold) 16%,var(--panel-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 12%,transparent)}.favorite-motion-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transform:scale(1);transform-origin:center;transition:transform .18s cubic-bezier(.22,1,.36,1);will-change:transform}.favorite-glow{position:absolute;top:0;right:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 90%,transparent),transparent 70%);opacity:0;pointer-events:none}.favorite-star{position:absolute;top:50%;left:50%;width:17px;height:17px;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.favorite-star-outline{color:color-mix(in srgb,var(--muted) 86%,var(--text));opacity:1;transform:translate(-50%,-50%) scale(1)}.favorite-star-fill{color:var(--gold);opacity:0;transform:translate(-50%,-50%) scale(.5)}.favorite-toggle.favorite .favorite-star-outline{opacity:0;transform:translate(-50%,-50%) scale(.5)}.favorite-toggle.favorite .favorite-star-fill{opacity:1;transform:translate(-50%,-50%) scale(1)}.favorite-particle{position:absolute;z-index:3;top:50%;left:50%;width:5px;height:5px;border-radius:999px;background:var(--gold);box-shadow:0 0 5px color-mix(in srgb,var(--gold) 80%,transparent);pointer-events:none}.favorite-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.panel-actions .favorite{background:color-mix(in srgb,var(--gold) 14%,var(--panel-strong));color:var(--gold)}.library-account-grid.list-layout{grid-template-columns:1fr;gap:8px;max-width:920px}.list-layout .library-account-card{border-radius:16px}.list-layout .library-card-shell{grid-template-columns:minmax(0,1fr) auto;align-items:center}.list-layout .library-card-main{grid-template-columns:minmax(160px,1fr) minmax(180px,1.15fr) auto;align-items:center;column-gap:20px;row-gap:0;padding:9px 6px 9px 12px}.list-layout .library-card-top{gap:10px}.list-layout .library-card-title strong{font-size:.88rem}.list-layout .library-card-title span,.list-layout .library-card-identity,.list-layout .library-card-footer>span:last-child{font-size:.7rem}.list-layout .library-card-identity{min-width:0;padding-right:0}.list-layout .favorite-toggle{align-self:center;width:34px;height:34px;margin:0 8px 0 0}.list-layout .library-card-icon{width:36px;height:36px;border-radius:11px;padding:4px}.list-layout .library-card-footer{justify-content:flex-end;gap:10px;padding-right:0;white-space:nowrap}.library-empty{grid-column:1 / -1;display:grid;min-height:240px;place-content:center;justify-items:center;border:1px dashed var(--border);border-radius:18px;padding:30px;background:color-mix(in srgb,var(--panel) 72%,transparent);text-align:center}.library-empty h3,.library-empty p{margin-bottom:8px}.library-empty>p:not(.eyebrow){max-width:420px;color:var(--muted)}.library-empty .primary{margin-top:10px}.library-editor{order:3;width:100%;min-height:0;border-radius:20px;animation:pageIn .22s ease both}.library-add-panel{order:3;min-height:0}.library-editor{padding:20px}.library-editor .editor-core-grid{grid-template-columns:repeat(2,minmax(260px,390px));justify-content:start;align-items:start;gap:14px 16px}.library-editor .editor-core-grid>label{min-width:0;width:100%}.library-editor .editor-password-field .password-row{max-width:376px;grid-template-columns:minmax(0,254px) 44px 62px}.library-editor .editor-password-field .password-row .ghost{min-width:62px;padding-inline:10px}.library-editor .copy-field-row{display:grid;max-width:372px;grid-template-columns:minmax(0,320px) 44px;gap:8px}.field-copy-button{display:grid;width:44px;height:46px;place-items:center;border:1px solid var(--border);border-radius:13px;background:var(--panel-strong);color:var(--muted);transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease}.field-copy-button:hover{border-color:color-mix(in srgb,var(--accent) 46%,var(--border));background:var(--accent-soft);color:var(--accent)}.field-copy-button:active{transform:scale(.96)}.field-copy-button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 58%,transparent);outline-offset:2px}.field-copy-button.copied{border-color:color-mix(in srgb,var(--active) 54%,var(--border));background:color-mix(in srgb,var(--active) 12%,var(--panel-strong));color:var(--active)}.library-editor .editor-status-field{max-width:260px}.library-editor .editor-core-grid>.full{width:100%}.library-editor .notes-section{gap:8px;border-radius:18px;padding:14px}.library-editor .notes-section textarea{min-height:108px}.library-editor .notebook-notes{line-height:1.75;transition:border-color .16s ease,background-color .18s ease,outline-color .16s ease,transform .18s cubic-bezier(.16,1,.3,1)}.library-editor .notebook-notes:placeholder-shown{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,color-mix(in srgb,var(--accent) 16%,transparent) 29px,color-mix(in srgb,var(--accent) 16%,transparent) 30px);background-position:0 12px;background-size:100% 30px}.library-editor .notebook-notes:not(:placeholder-shown){background-image:none}.panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.panel-actions button{min-height:36px;padding:8px 11px}.library-side-panel,.add-card.library-add-panel,.library-add-panel,.details.library-editor.library-side-panel{position:relative;top:auto;z-index:5;display:flex;width:100%;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);margin:0;flex-direction:column;align-self:stretch;overflow:hidden;padding:14px 12px;border:1px solid color-mix(in srgb,var(--border) 88%,#d8cbb8 12%);border-radius:24px;background:#f3ebe0;box-shadow:0 12px 28px color-mix(in srgb,var(--page) 55%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;contain:paint;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--accent) 38%,transparent) transparent;scrollbar-width:thin}:root[data-theme=dark] .library-side-panel,:root[data-theme=dark] .add-card.library-add-panel,:root[data-theme=dark] .library-add-panel,:root[data-theme=dark] .details.library-editor.library-side-panel{border-color:color-mix(in srgb,var(--border) 90%,#3a342c 10%);background:#171512;box-shadow:0 12px 28px #00000057}.details.library-editor.library-side-panel{padding:14px 12px;overflow-y:auto}.details.library-editor.library-side-panel .panel-header{position:sticky;top:-14px;z-index:3;flex-direction:column;align-items:stretch;gap:12px;margin:0 0 12px;padding:2px 4px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:transparent}.details.library-editor.library-side-panel .account-hero-icon{width:52px;height:52px;border-radius:16px;font-size:1.2rem}.details.library-editor.library-side-panel .panel-actions{justify-content:flex-start}.details.library-editor.library-side-panel .editor-core-grid{grid-template-columns:minmax(0,1fr);gap:12px}.details.library-editor.library-side-panel .editor-password-field .password-row,.details.library-editor.library-side-panel .copy-field-row{max-width:none;width:100%}.details.library-editor.library-side-panel .editor-password-field .password-row{grid-template-columns:minmax(0,1fr) 44px auto}.details.library-editor.library-side-panel .copy-field-row{grid-template-columns:minmax(0,1fr) 44px}.details.library-editor.library-side-panel .editor-status-field{max-width:none}.add-panel-body{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--accent) 38%,transparent) transparent;scrollbar-width:thin}.add-panel-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 12px;padding:12px 4px 18px}.add-panel-form>.platform-field-group,.add-panel-form>.description-field,.add-panel-form>.password-field,.add-panel-form>.add-panel-section,.add-panel-form>.notes-card{grid-column:1 / -1}.add-panel-field-half{min-width:0}.add-panel-form label{gap:5px;font-size:.76rem;font-weight:780}.add-panel-form input,.add-panel-form textarea{min-height:40px;padding:8px 11px;font-size:.88rem}.add-panel-form .platform-search-input{min-height:0;padding:0;font-size:.92rem}.add-panel-form textarea{min-height:72px;resize:vertical}.add-panel-section{gap:8px;border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:var(--panel-soft)}.add-panel-section .section-toggle h3{font-size:.86rem}.add-panel-section .section-toggle span{padding:5px 10px;font-size:.72rem}.add-panel-section .eyebrow{margin:0;font-size:.62rem}.notes-card{padding-bottom:12px}.notes-card label{gap:6px}.library-add-panel .compact-form-field{align-self:start;justify-self:start;width:100%}.library-add-panel .platform-field-group{display:grid;align-self:start;min-width:0;gap:8px}.library-add-panel .password-field{max-width:none}.library-add-panel .password-field .password-row{grid-template-columns:minmax(0,1fr) auto}.library-add-panel .password-field .password-row .ghost{min-width:62px;padding-inline:10px}.library-add-panel .status-field{max-width:none}.library-add-panel .linked-form{gap:8px}.library-add-panel .linked-account-form,.library-add-panel .quick-link-form{display:grid;align-items:start;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}.library-add-panel .linked-account-form .compact-submit-button,.library-add-panel .quick-link-form .compact-submit-button,.library-add-panel .quick-link-form .quick-link-helper,.library-add-panel .linked-type-field,.library-add-panel .quick-link-type-field{grid-column:1 / -1}.library-add-panel .quick-link-form.single-link-form{grid-template-columns:1fr}.library-add-panel .compact-submit-button{grid-column:1 / -1;justify-self:start;min-width:180px;min-height:42px;padding:9px 16px}.quick-link-helper{align-self:center;max-width:420px;margin:0;color:var(--muted);font-size:.78rem;font-weight:650;line-height:1.45}.linked-form-field{gap:6px}.linked-form-field>span{color:var(--text);font-size:.78rem;font-weight:820}.linked-form-field>small{color:var(--muted);font-size:.72rem;font-weight:650;line-height:1.35}.add-panel-header,.library-add-panel .add-panel-footer{grid-column:unset;flex:0 0 auto}.add-panel-header{position:sticky;z-index:4;top:-14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);padding:2px 4px 12px;background:transparent}.add-panel-header h2{margin:0;font-size:1.15rem;letter-spacing:-.02em}.add-panel-header>div{display:grid;gap:2px}.add-panel-header .eyebrow{margin:0;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.drawer-close{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:10px;padding:0;background:color-mix(in srgb,var(--panel-strong) 84%,transparent);color:var(--muted);font-size:1.35rem;line-height:1;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.drawer-close:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--accent-soft);color:var(--accent)}.drawer-close:active{transform:scale(.95)}.add-panel-footer{position:sticky;z-index:4;bottom:-14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;border-top:1px solid color-mix(in srgb,var(--border) 88%,transparent);padding:12px 4px calc(12px + env(safe-area-inset-bottom,0px));background:transparent}.add-panel-footer .security-note{margin:0;padding:0;background:transparent;color:var(--muted);font-size:.65rem;line-height:1.35}.add-panel-footer .primary{min-width:148px;min-height:42px;padding-inline:18px}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slowFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-18px,-12px,0) scale(1.06)}}@media(max-width:1120px){.auth-security-icon-fingerprint,.auth-security-icon-key{display:none}.hero{grid-template-columns:minmax(0,1fr) minmax(390px,.76fr)}.workspace{grid-template-columns:300px 1fr}.library-account-grid:not(.list-layout){grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.add-card:not(.library-add-panel){grid-column:1 / -1}.settings-layout{grid-template-columns:230px minmax(0,1fr)}.settings-content{padding:0 24px}.pin-change-grid{grid-template-columns:1fr}}@media(max-width:900px){.library-add-panel,.library-editor .editor-core-grid{grid-template-columns:minmax(0,1fr)}.library-editor .editor-password-field .password-row{grid-template-columns:minmax(0,254px) 44px 62px}.library-editor .editor-status-field{max-width:none}}@media(max-width:760px){.workspace.library-shell{grid-template-columns:1fr}.shell.side-panel-open{flex-direction:column}.shell.vault-layout.side-panel-open{display:flex;flex-direction:row;width:min(100% - 16px,100%);padding:8px 0 12px}.shell.vault-layout.side-panel-open .shell-content{display:block;padding:0}.shell.side-panel-open .shell-content{display:block;padding:0}.add-panel-form{grid-template-columns:1fr;padding-inline:14px}.add-panel-field-half{grid-column:1 / -1}.auth-shell .auth-card{transform:none}.auth-security-icon{width:48px;height:48px;border-radius:14px;opacity:.42}.auth-security-icon-lock{top:9%;left:-12px}.auth-security-icon-shield{top:auto;right:-13px;bottom:12%}.auth-security-icon-id{display:none}.library-add-panel .password-field,.library-add-panel .status-field{max-width:none}.library-add-panel .password-field .password-row{grid-template-columns:minmax(0,1fr) auto}.shell{width:min(100% - 20px,1440px);padding:10px 0}.panel-header{flex-direction:column}.hero{grid-template-columns:1fr;gap:0;padding:0}.hero-main{min-height:0;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:13px 14px}.hero-command-center{min-height:0;border-top:1px solid var(--border);border-left:0;padding:9px 14px 11px}.hero-count{min-height:30px}.hero-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.workspace,.field-grid,.settings-layout,.settings-form-grid,.theme-choice,.workspace.library-shell{grid-template-columns:1fr}.shell.vault-layout{width:min(100% - 16px,100%);padding:8px 0 12px}.shell.vault-layout .vault-sidebar{margin-right:0}.shell.vault-layout .shell-content{width:100%}.sidebar-backdrop{display:block;position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;border:0;background:#080c1480;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vault-sidebar,.vault-sidebar.collapsed{position:fixed;z-index:90;top:10px;left:10px;bottom:10px;width:min(300px,calc(100vw - 28px));height:auto;max-height:calc(100dvh - 20px);flex:none;flex-basis:auto;margin:0;border:1px solid color-mix(in srgb,var(--border) 88%,#d8cbb8 12%);border-radius:24px;padding:14px 12px;overflow-x:hidden;overflow-y:auto;background:#f3ebe0;box-shadow:0 24px 64px #00000047;transform:translate3d(calc(-100% - 28px),0,0);transition:transform .26s cubic-bezier(.16,1,.3,1);pointer-events:none}:root[data-theme=dark] .vault-sidebar,:root[data-theme=dark] .vault-sidebar.collapsed{border-color:color-mix(in srgb,var(--border) 90%,#3a342c 10%);background:#171512;box-shadow:0 24px 64px #0000008c}.vault-sidebar.mobile-open{transform:translateZ(0);pointer-events:auto}.vault-sidebar.collapsed .vault-sidebar-welcome,.vault-sidebar.collapsed .vault-brand-copy,.vault-sidebar.collapsed .vault-nav-label,.vault-sidebar.collapsed .vault-filter-group,.vault-sidebar.collapsed .vault-sidebar-count span,.vault-sidebar.collapsed .vault-profile-copy,.vault-sidebar.collapsed .vault-sidebar-upgrade-copy{display:revert}.vault-sidebar.collapsed .vault-sidebar-brand{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 8px}.vault-sidebar.collapsed .vault-brand-lockup{justify-content:flex-start}.vault-sidebar.collapsed .vault-brand-copy,.vault-sidebar.collapsed .vault-filter-group,.vault-sidebar.collapsed .vault-profile-copy,.vault-sidebar.collapsed .vault-sidebar-upgrade-copy{display:grid}.vault-sidebar.collapsed .vault-nav-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-items:stretch;padding-inline:10px}.vault-sidebar.collapsed .vault-nav-button strong{position:static}.vault-sidebar.collapsed .vault-sidebar-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.vault-sidebar.collapsed .vault-sidebar-actions.has-sign-out{grid-template-columns:repeat(5,minmax(0,1fr))}.vault-sidebar.collapsed .vault-sidebar-meta{flex-direction:row}.vault-panel-slot{position:fixed;z-index:90;top:10px;right:10px;bottom:10px;display:flex;width:min(420px,calc(100vw - 20px));height:auto;max-height:calc(100dvh - 20px);overflow:hidden;border-radius:24px;pointer-events:none;transform:translate3d(calc(100% + 28px),0,0);transition:transform .26s cubic-bezier(.16,1,.3,1)}.vault-panel-slot.open{width:min(420px,calc(100vw - 20px));pointer-events:auto;transform:translateZ(0)}.vault-panel-slot .library-side-panel{width:100%;min-width:0;flex:1 1 auto;height:100%;max-height:none;border-radius:24px}.mobile-sidebar-toggle,.sidebar-close{display:grid}.sidebar-toggle{display:none}.library-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.library-heading-row{align-items:stretch;flex-direction:column}.library-add-button{width:100%}.library-heading-row>div:first-child,.library-view-controls{justify-content:space-between}.sort-picker{min-width:0;flex:1}.sort-trigger{width:100%;min-width:0}.sort-menu{right:auto;left:0;width:min(276px,calc(100vw - 52px));transform-origin:top left}.library-account-grid,.library-add-panel{grid-template-columns:1fr}.list-layout .library-card-main{grid-template-columns:1fr;gap:10px}.list-layout .library-card-footer{padding-right:0}.add-panel-header,.library-add-panel .mini-linked,.library-add-panel .add-panel-footer{grid-column:auto}.add-panel-footer{grid-template-columns:1fr;gap:8px}.add-panel-footer .security-note{display:none}.add-panel-footer .primary{width:100%}.settings-page-header,.settings-section-heading,.current-pin-panel,.session-row{align-items:stretch;flex-direction:column}.settings-page-header{padding:24px 20px}.settings-security-badge,.encrypted-label{align-self:flex-start}.settings-profile-summary{border-right:0;border-bottom:1px solid var(--border);padding:24px 20px}.settings-content{padding:0 20px}.settings-section{padding:24px 0}.settings-picture-actions,.settings-action-row,.settings-data-actions,.session-actions{align-items:stretch;flex-direction:column}.settings-action-row>*,.settings-picture-actions>*,.session-actions>*{width:100%}.current-pin-panel>div{grid-template-columns:1fr}.current-pin-panel small{grid-column:auto}.linked-row,.link-row,.linked-form,.linked-editor-row,.link-editor-row{grid-template-columns:1fr}.library-add-panel .linked-account-form,.library-add-panel .quick-link-form{grid-template-columns:1fr;max-width:none}.library-add-panel .compact-submit-button{width:100%}.account-section-header,.account-section-editor-heading{align-items:stretch;grid-template-columns:1fr}.account-section-editor-heading{display:grid}.section-manage-button{width:100%}.saved-account-grid{grid-template-columns:1fr}.linked-remove-button,.link-editor-actions,.compact-actions{width:100%}.link-editor-actions>*,.compact-actions>*{flex:1}.details{min-height:auto}}@media(max-width:520px){.library-editor .copy-field-row{max-width:none;grid-template-columns:minmax(0,1fr) 44px}.library-editor .editor-password-field .password-row{max-width:none;grid-template-columns:minmax(0,1fr) 44px 62px}.auth-shell{align-items:start;padding:10px}.auth-shell .auth-card{gap:14px;border-radius:18px;padding:17px}.auth-header{gap:10px}.auth-brand-copy small{display:none}.auth-card h1{font-size:clamp(1.85rem,10vw,2.25rem)}.auth-pin-grid{grid-template-columns:1fr}.google-login{min-height:54px}.connected-account{align-items:center}.auth-security-note{padding:2px 1px}.hero-command-center .theme-toggle.theme-toggle{width:96px}.hero-command-center .theme-orb{transform:translate(66px)}:root[data-theme=dark] .hero-command-center .theme-orb{transform:translate(0)}.hero-command-center .theme-toggle.theme-toggle:active .theme-orb{transform:translate(66px) scale(.94)}:root[data-theme=dark] .hero-command-center .theme-toggle.theme-toggle:active .theme-orb{transform:translate(0) scale(.94)}.hero h1{font-size:clamp(1.75rem,10vw,2.25rem)}.hero-main{grid-template-columns:1fr;gap:7px;padding:12px 14px}.hero-context{border-left:0;padding-left:0}.hero-command-center{min-height:0;padding:9px 12px 11px}.hero-action-grid,.hero-action-grid.has-sign-out{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-action-grid .sign-out-action{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.favorite-toggle,.favorite-star,.vault-action,.vault-action-icon,.theme-toggle,.theme-state,.theme-orb,.theme-icon,.google-login,.platform-trigger,.platform-chevron,.platform-option,.sort-trigger,.sort-chevron,.sort-menu button{transition-duration:.01ms}.platform-menu,.sort-menu,.auth-security-icon{animation:none}}@media(prefers-reduced-transparency:reduce){.auth-shell .auth-card{background:var(--panel-strong);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=dark] .auth-shell .auth-card{background:#0d1420}}.settings-summary-list>.settings-plan-summary{grid-column:1 / -1;border-color:color-mix(in srgb,var(--gold) 34%,var(--border));background:color-mix(in srgb,var(--gold) 8%,var(--panel-strong))}.settings-plan-summary dd{color:color-mix(in srgb,var(--gold) 78%,var(--text))}.settings-plan-summary span{color:var(--muted);font-size:.68rem;font-weight:750}.billing-settings-section{position:relative}.plan-status-badge{flex:0 0 auto;border:1px solid var(--border);border-radius:999px;padding:7px 11px;background:var(--panel-soft);color:var(--muted);font-size:.76rem;font-weight:850}.plan-status-badge.paid{border-color:color-mix(in srgb,var(--gold) 44%,var(--border));background:var(--gold-soft);color:color-mix(in srgb,var(--gold) 76%,var(--text))}.billing-overview{display:grid;gap:10px;border:1px solid var(--border);border-radius:18px;padding:17px 18px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 56%),var(--panel-soft)}.billing-usage-copy{display:flex;align-items:center;justify-content:space-between;gap:16px}.billing-usage-copy span{color:var(--muted);font-size:.82rem;font-weight:800}.billing-usage-copy strong{color:var(--text);font-size:.98rem}.billing-usage-track{width:100%;height:4px;overflow:hidden;border-radius:999px;background:transparent}.billing-usage-track span{display:block;width:var(--usage);height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent);transition:width .32s cubic-bezier(.16,1,.3,1)}.billing-renewal-note,.billing-unlimited-note{margin:0;color:var(--muted);font-size:.8rem}.billing-actions button{display:inline-flex;align-items:center;gap:7px}.upgrade-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:28px;background:color-mix(in srgb,#050a12 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(110%);backdrop-filter:blur(14px) saturate(110%);animation:upgrade-backdrop-in .18s ease-out both}.upgrade-dialog{width:min(1040px,100%);max-height:calc(100dvh - 56px);overflow-y:auto;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:24px;padding:26px;background:var(--panel-strong);color:var(--text);box-shadow:0 32px 100px #030a1857;animation:upgrade-dialog-in .26s cubic-bezier(.16,1,.3,1) both}.upgrade-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.upgrade-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.upgrade-header h2{margin:9px 0 7px;color:var(--text);font-size:clamp(1.75rem,4vw,2.45rem);letter-spacing:-.045em;line-height:1.02}.upgrade-header p{max-width:650px;margin:0;color:var(--muted);line-height:1.5}.upgrade-close{flex:0 0 auto;border:1px solid var(--border);border-radius:12px;padding:9px 12px;background:var(--panel-soft);color:var(--text);font-weight:800}.billing-period-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(390px,100%);margin:22px 0 18px;border:1px solid var(--border);border-radius:14px;padding:4px;background:var(--panel-soft)}.billing-period-toggle button{border:0;border-radius:10px;padding:10px 12px;background:transparent;color:var(--muted);font-size:.84rem;font-weight:850;transition:background .18s ease,color .18s ease,transform .18s ease}.billing-period-toggle button.active{background:var(--panel-strong);color:var(--text);box-shadow:0 5px 16px color-mix(in srgb,var(--text) 8%,transparent)}.billing-period-toggle button:active{transform:scale(.98)}.billing-period-toggle span{margin-left:5px;color:var(--active);font-size:.7rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pricing-plan{position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;min-width:0;border:1px solid var(--border);border-radius:18px;padding:20px;background:var(--panel-soft)}.pricing-plan.featured{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%),var(--panel-soft);box-shadow:inset 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.pricing-plan.current{outline:2px solid color-mix(in srgb,var(--active) 60%,transparent);outline-offset:2px}.pricing-recommendation{position:absolute;top:13px;right:13px;color:var(--accent);font-size:.67rem;font-weight:900;text-transform:uppercase}.pricing-plan-top{display:grid;min-height:82px;align-content:start}.pricing-plan-top>span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.pricing-plan-top strong{margin-top:4px;color:var(--text);font-size:2rem;letter-spacing:-.045em}.pricing-plan-top small{color:var(--muted);font-size:.74rem}.pricing-plan h3{margin:10px 0 5px;color:var(--text);font-size:1.05rem}.pricing-plan>p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.pricing-plan ul{display:grid;gap:10px;margin:18px 0 20px;padding:0;list-style:none}.pricing-plan li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;color:var(--text);font-size:.8rem;line-height:1.35}.pricing-plan li svg{color:var(--active)}.plan-button{width:100%;min-height:43px;border:1px solid var(--border);border-radius:12px;background:var(--panel-strong);color:var(--text);font-weight:900;transition:transform .18s ease,border-color .18s ease,background .18s ease}.plan-button:not(:disabled):hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--border))}.plan-button:not(:disabled):active{transform:scale(.98)}.plan-button.primary-plan{border-color:var(--accent);background:var(--accent);color:#f8fbff}.plan-button.current{color:var(--muted)}.plan-button:disabled{cursor:default;opacity:.68}.upgrade-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-top:18px;color:var(--muted);font-size:.76rem}.upgrade-footer span:first-child{display:inline-flex;align-items:center;gap:7px}.upgrade-error{margin:14px 0 0;border:1px solid color-mix(in srgb,#dc2626 28%,var(--border));border-radius:12px;padding:11px 12px;background:color-mix(in srgb,#dc2626 8%,var(--panel-strong));color:color-mix(in srgb,#dc2626 78%,var(--text));font-size:.82rem;font-weight:800}@keyframes upgrade-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes upgrade-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:820px){.pricing-grid{grid-template-columns:1fr}.pricing-plan{grid-template-rows:auto}}@media(max-width:560px){.upgrade-backdrop{place-items:end center;padding:0}.upgrade-dialog{max-height:94dvh;border-radius:22px 22px 0 0;padding:20px 16px 24px}.upgrade-header{gap:14px}.upgrade-header h2{font-size:1.7rem}.billing-heading,.billing-usage-copy{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.upgrade-backdrop,.upgrade-dialog{animation:none}.billing-usage-track span,.billing-period-toggle button,.plan-button{transition-duration:.01ms}}.hero,.sidebar,.vault-sidebar,.details,.add-card,.library-toolbar,.account-settings-page{-webkit-backdrop-filter:none;backdrop-filter:none}.library-add-panel:not(.library-side-panel),.library-editor:not(.library-side-panel){background:var(--panel);background-image:none;box-shadow:0 12px 34px color-mix(in srgb,var(--page) 46%,transparent);text-rendering:auto}:root[data-theme=dark] .library-add-panel:not(.library-side-panel),:root[data-theme=dark] .library-editor:not(.library-side-panel){background:var(--panel);background-image:none}:root[data-theme=dark] .library-add-panel .quick-links-section,:root[data-theme=dark] .library-add-panel .linked-section,:root[data-theme=dark] .library-add-panel .collapsed-card,:root[data-theme=dark] .library-add-panel .add-panel-section,:root[data-theme=dark] .library-add-panel .notes-section,:root[data-theme=dark] .library-editor .quick-links-section,:root[data-theme=dark] .library-editor .linked-section,:root[data-theme=dark] .library-editor .collapsed-card,:root[data-theme=dark] .library-editor .notes-section{background:var(--panel-soft);background-image:none}label{transition:color .16s ease}label:focus-within{color:var(--accent)}input,textarea,select{caret-color:var(--accent);outline:2px solid transparent;outline-offset:1px;transition:border-color .16s ease,background-color .16s ease,outline-color .16s ease,transform .18s cubic-bezier(.16,1,.3,1)}input:hover,textarea:hover,select:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}input:focus,textarea:focus,select:focus{outline-color:color-mix(in srgb,var(--accent) 54%,transparent);box-shadow:none;transform:translateY(-1px)}input:focus,textarea:focus{will-change:transform}.typing-strike{position:fixed;z-index:120;display:inline-grid;min-width:.2em;place-items:center;color:color-mix(in srgb,var(--accent) 78%,var(--text));line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transform-origin:center;contain:layout paint style;will-change:transform,opacity}.typing-strike:after{position:absolute;top:50%;left:calc(100% + 2px);width:1px;height:1.05em;border-radius:999px;background:currentColor;content:"";opacity:.55;transform:translateY(-50%)}input:not(:placeholder-shown),textarea:not(:placeholder-shown){border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.library-search input:focus,.library-search input:not(:placeholder-shown){border-color:transparent;outline-color:transparent;box-shadow:none;transform:none}.library-add-panel .platform-menu{background:var(--panel-strong);background-image:none;box-shadow:0 12px 28px color-mix(in srgb,var(--page) 42%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.library-add-panel,.account-section-editor{animation:none}.section-manage-button,.account-section-empty,label,input,textarea,select{transition-duration:.01ms}input:focus,textarea:focus,select:focus{transform:none}.typing-strike{display:none}}.choice-select.svelte-qv8mg4{position:relative;min-width:0;z-index:auto}.choice-select.open.svelte-qv8mg4{z-index:var(--layer-popover, 60)}.choice-trigger.svelte-qv8mg4,.choice-option.svelte-qv8mg4{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;color:var(--text);text-align:left}.choice-trigger.has-marker.svelte-qv8mg4,.choice-option.has-marker.svelte-qv8mg4{grid-template-columns:auto minmax(0,1fr) auto}.choice-trigger.svelte-qv8mg4{min-height:46px;gap:11px;border:1px solid var(--border);border-radius:16px;padding:0 14px;background:var(--input-bg, var(--panel-strong));box-shadow:inset 0 1px color-mix(in srgb,var(--text) 5%,transparent);font:inherit;font-weight:820;transition:transform .17s cubic-bezier(.16,1,.3,1),border-color .17s ease,background-color .17s ease,box-shadow .17s ease}.choice-trigger.svelte-qv8mg4:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.choice-trigger.svelte-qv8mg4:focus-visible,.choice-select.open.svelte-qv8mg4 .choice-trigger:where(.svelte-qv8mg4){border-color:color-mix(in srgb,var(--accent) 74%,var(--border));outline:2px solid color-mix(in srgb,var(--accent) 46%,transparent);outline-offset:1px;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 7%,transparent);transform:translateY(-1px)}.choice-trigger.svelte-qv8mg4:active{transform:translateY(0) scale(.99)}.choice-trigger-copy.svelte-qv8mg4{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-chevron.svelte-qv8mg4{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;color:var(--muted);transform-origin:50% 50%;transition:color .16s ease,transform .22s cubic-bezier(.16,1,.3,1)}.choice-chevron.svelte-qv8mg4 svg{display:block}.choice-select.open.svelte-qv8mg4 .choice-chevron:where(.svelte-qv8mg4){color:var(--accent);transform:rotate(180deg)}.choice-menu.svelte-qv8mg4{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1;display:grid;max-height:330px;gap:5px;overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:16px;padding:7px;background:var(--panel-strong);box-shadow:0 18px 42px color-mix(in srgb,var(--page) 46%,transparent);animation:svelte-qv8mg4-choice-menu-enter .18s cubic-bezier(.16,1,.3,1) both}.compact.svelte-qv8mg4 .choice-menu:where(.svelte-qv8mg4){right:auto;width:min(320px,calc(100vw - 32px))}.choice-select.align-right.svelte-qv8mg4 .choice-menu:where(.svelte-qv8mg4){right:0;left:auto}.choice-select.narrow.svelte-qv8mg4 .choice-menu:where(.svelte-qv8mg4){right:auto;width:min(220px,calc(100vw - 32px))}.choice-select.narrow.svelte-qv8mg4 .choice-option:where(.svelte-qv8mg4){min-height:44px;padding:7px 9px}.choice-option.svelte-qv8mg4{min-height:52px;gap:11px;border:1px solid transparent;border-radius:12px;padding:9px 10px;background:transparent;font:inherit;transition:transform .15s cubic-bezier(.16,1,.3,1),border-color .15s ease,background-color .15s ease}.choice-option.svelte-qv8mg4:hover,.choice-option.svelte-qv8mg4:focus-visible{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));outline:none;background:var(--accent-soft);transform:translate(2px)}.choice-option.selected.svelte-qv8mg4{border-color:color-mix(in srgb,var(--accent) 44%,var(--border));background:color-mix(in srgb,var(--accent-soft) 78%,var(--panel-strong))}.choice-option-copy.svelte-qv8mg4{display:grid;min-width:0;gap:2px}.choice-option-copy.svelte-qv8mg4 strong:where(.svelte-qv8mg4){color:var(--text);font-size:.84rem;line-height:1.2}.choice-option-copy.svelte-qv8mg4 small:where(.svelte-qv8mg4){color:var(--muted);font-size:.72rem;font-weight:650;line-height:1.35}.choice-check.svelte-qv8mg4{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;color:var(--accent);opacity:0;transform:scale(.72);transition:opacity .15s ease,transform .18s cubic-bezier(.16,1,.3,1)}.choice-check.visible.svelte-qv8mg4{opacity:1;transform:scale(1)}.choice-status-icon.svelte-qv8mg4{position:relative;display:grid;width:26px;height:26px;align-self:center;justify-self:center;flex:0 0 26px;place-items:center;border-radius:9px;line-height:0;transition:color .16s ease,background-color .16s ease,transform .18s cubic-bezier(.16,1,.3,1)}.choice-status-glyph.svelte-qv8mg4{position:absolute;top:50%;left:50%;display:grid;width:18px;height:18px;place-items:center;transform:translate(-50%,-50%)}.choice-status-glyph.expired-glyph.svelte-qv8mg4{transform:translate(calc(-50% - .5px),-50%)}.choice-status-glyph.svelte-qv8mg4 svg{display:block;width:17px;height:17px}.choice-option.svelte-qv8mg4:hover .choice-status-icon:where(.svelte-qv8mg4),.choice-option.svelte-qv8mg4:focus-visible .choice-status-icon:where(.svelte-qv8mg4){transform:scale(1.06)}.choice-status-icon.active.svelte-qv8mg4{background:#67e86f1f}.choice-status-icon.obsolete.svelte-qv8mg4{background:#e8c4541f;color:#e8c454}.choice-status-icon.expired.svelte-qv8mg4{background:#ef6f751f;color:#ef6f75}.choice-marker.svelte-qv8mg4{width:10px;height:10px;border-radius:50%;background:#67e86f;box-shadow:0 0 0 4px #67e86f21}@keyframes svelte-qv8mg4-choice-menu-enter{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.compact.svelte-qv8mg4 .choice-menu:where(.svelte-qv8mg4),.choice-select.narrow.svelte-qv8mg4 .choice-menu:where(.svelte-qv8mg4){right:0;width:100%}}@media(prefers-reduced-motion:reduce){.choice-trigger.svelte-qv8mg4,.choice-chevron.svelte-qv8mg4,.choice-option.svelte-qv8mg4,.choice-status-icon.svelte-qv8mg4,.choice-check.svelte-qv8mg4,.choice-menu.svelte-qv8mg4{animation:none;transition-duration:.01ms}.choice-trigger.svelte-qv8mg4:focus-visible,.choice-select.open.svelte-qv8mg4 .choice-trigger:where(.svelte-qv8mg4),.choice-option.svelte-qv8mg4:hover,.choice-option.svelte-qv8mg4:focus-visible{transform:none}}.recovery-link.svelte-1ujj7pn{display:inline-flex;align-self:center;align-items:center;gap:6px;border:0;padding:2px 4px;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;font-weight:750;cursor:pointer}.recovery-link.svelte-1ujj7pn:hover{color:var(--accent)}.recovery-backdrop.svelte-1ujj7pn{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#06080eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.recovery-card.svelte-1ujj7pn{position:relative;display:grid;width:min(100%,520px);max-height:calc(100vh - 36px);overflow:auto;gap:16px;border:1px solid var(--border);border-radius:24px;padding:26px;background:var(--panel-strong);box-shadow:0 28px 90px #0000006b}.recovery-close.svelte-1ujj7pn{position:absolute;top:16px;right:16px;display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted);cursor:pointer}.recovery-icon.svelte-1ujj7pn{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.recovery-heading.svelte-1ujj7pn{display:grid;gap:4px}.recovery-heading.svelte-1ujj7pn p:where(.svelte-1ujj7pn),.recovery-heading.svelte-1ujj7pn h2:where(.svelte-1ujj7pn),.recovery-heading.svelte-1ujj7pn span:where(.svelte-1ujj7pn),.warning.svelte-1ujj7pn p:where(.svelte-1ujj7pn){margin:0}.recovery-heading.svelte-1ujj7pn p:where(.svelte-1ujj7pn){color:var(--accent);font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.recovery-heading.svelte-1ujj7pn h2:where(.svelte-1ujj7pn){color:var(--text);font-size:1.38rem}.recovery-heading.svelte-1ujj7pn span:where(.svelte-1ujj7pn),.recovery-loading.svelte-1ujj7pn{color:var(--muted);font-size:.78rem}.backup-ready.svelte-1ujj7pn{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:14px;padding:11px;background:color-mix(in srgb,var(--accent-soft) 34%,transparent);color:var(--accent)}.backup-ready.svelte-1ujj7pn span:where(.svelte-1ujj7pn){display:grid;gap:2px}.backup-ready.svelte-1ujj7pn strong:where(.svelte-1ujj7pn){color:var(--text);font-size:.78rem}.backup-ready.svelte-1ujj7pn small:where(.svelte-1ujj7pn){color:var(--muted);font-size:.66rem;line-height:1.35}.backup-ready.svelte-1ujj7pn button:where(.svelte-1ujj7pn),.retry-button.svelte-1ujj7pn{border:1px solid var(--border);border-radius:9px;padding:7px 10px;background:var(--panel);color:var(--text);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.warning.svelte-1ujj7pn{display:grid;grid-template-columns:auto 1fr;gap:9px;border:1px solid rgba(245,158,11,.34);border-radius:14px;padding:12px;background:#f59e0b14;color:#d99008}.warning.svelte-1ujj7pn p:where(.svelte-1ujj7pn){color:var(--muted);font-size:.73rem;line-height:1.5}.warning.svelte-1ujj7pn strong:where(.svelte-1ujj7pn){color:var(--text)}.pin-grid.svelte-1ujj7pn{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pin-grid.svelte-1ujj7pn label:where(.svelte-1ujj7pn){display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:800}.pin-grid.svelte-1ujj7pn input:where(.svelte-1ujj7pn){width:100%;min-height:44px;border:1px solid var(--border);border-radius:11px;padding:0 12px;background:var(--panel);color:var(--text);font:inherit;font-size:1rem;letter-spacing:.18em}.acknowledgement.svelte-1ujj7pn{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;color:var(--muted);font-size:.71rem;font-weight:650;line-height:1.45;cursor:pointer}.acknowledgement.svelte-1ujj7pn input:where(.svelte-1ujj7pn){margin-top:2px;accent-color:var(--accent)}.reset-button.svelte-1ujj7pn{min-height:45px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#915eff));color:#fff;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 22%,transparent)}.reset-button.svelte-1ujj7pn:disabled{opacity:.62;cursor:wait}.recovery-error.svelte-1ujj7pn{margin:0;color:#ef6f77;font-size:.74rem;font-weight:750}@media(max-width:560px){.recovery-card.svelte-1ujj7pn{padding:21px 17px;border-radius:19px}.pin-grid.svelte-1ujj7pn{grid-template-columns:1fr}.backup-ready.svelte-1ujj7pn{grid-template-columns:auto 1fr}.backup-ready.svelte-1ujj7pn button:where(.svelte-1ujj7pn){grid-column:1 / -1}}.brand-mark.svelte-oiupeh{display:block;width:72%;height:72%}.trusted-device-toggle.svelte-gyf5k{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:13px;padding:10px 11px;background:color-mix(in srgb,var(--panel-strong) 92%,transparent);cursor:pointer;transition:border-color .17s ease,background .17s ease,box-shadow .18s ease}.trusted-device-toggle.enabled.svelte-gyf5k{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent-soft) 32%,var(--panel-strong))}.trusted-device-toggle.svelte-gyf5k:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.device-icon.svelte-gyf5k{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent-soft) 68%,transparent);color:var(--accent)}.device-copy.svelte-gyf5k{display:grid;min-width:0;gap:2px}.device-copy.svelte-gyf5k strong:where(.svelte-gyf5k){color:var(--text);font-size:.78rem}.device-copy.svelte-gyf5k small:where(.svelte-gyf5k){color:var(--muted);font-size:.67rem;font-weight:650;line-height:1.35}.toggle-control.svelte-gyf5k{position:relative;width:38px;height:22px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--muted) 16%,transparent);transition:border-color .17s ease,background .17s ease}.enabled.svelte-gyf5k .toggle-control:where(.svelte-gyf5k){border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 68%,transparent)}.toggle-thumb.svelte-gyf5k{position:absolute;top:2px;left:2px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#fff;color:var(--accent);box-shadow:0 2px 6px #0003;transition:transform .2s cubic-bezier(.16,1,.3,1)}.enabled.svelte-gyf5k .toggle-thumb:where(.svelte-gyf5k){transform:translate(16px)}input.svelte-gyf5k{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.trusted-device-toggle.svelte-gyf5k,.toggle-control.svelte-gyf5k,.toggle-thumb.svelte-gyf5k{transition-duration:.01ms}}
