@keyframes skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(1deg)}50%{transform:translateY(-6px)rotate(-1deg)}75%{transform:translateY(-18px)rotate(.5deg)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:var(--c-pulse-glow-0)}50%{box-shadow:var(--c-pulse-glow-50)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/60% 40% 30% 60%}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes text-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)scale(1)}}@keyframes orbit{0%{transform:rotate(0)translate(100px)rotate(0)}to{transform:rotate(360deg)translate(100px)rotate(-360deg)}}.animate-float{animation:6s ease-in-out infinite float}.animate-float-slow{animation:8s ease-in-out infinite float-slow}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-shimmer{background-size:200%;animation:3s linear infinite shimmer}.animate-gradient{background-size:200% 200%;animation:4s infinite gradient-shift}.animate-spin-slow{animation:20s linear infinite spin-slow}.animate-blob{animation:8s ease-in-out infinite blob}.animate-slide-up{animation:.6s ease-out forwards slide-up}.animate-scale-in{animation:.4s ease-out forwards scale-in}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}.stagger-5{animation-delay:.4s}.stagger-6{animation-delay:.48s}.stagger-7{animation-delay:.56s}.stagger-8{animation-delay:.64s}.stagger-9{animation-delay:.72s}.stagger-10{animation-delay:.8s}.stagger-11{animation-delay:.88s}.stagger-12{animation-delay:.96s}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.25rem;min-height:40px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .12s cubic-bezier(.25,1,.5,1),box-shadow .12s cubic-bezier(.25,1,.5,1),background .15s,border-color .15s,color .15s,outline .12s;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:2px solid #9585d6}.btn svg{flex-shrink:0;position:relative;top:-.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#9585d6;background:#9585d626;border-color:#9585d64d;box-shadow:0 2px #9585d633,0 4px 12px #00000040}.btn--primary:hover:not(:disabled){background:#9585d640;border-color:#9585d680;transform:translateY(-1px);box-shadow:0 3px #9585d640,0 6px 16px #0000004d}.btn--primary:active:not(:disabled){transform:translateY(1px)scale(.96);box-shadow:0 1px #9585d626,0 2px 4px #0003}.btn--secondary{background:var(--c-btn-secondary-bg);border-color:var(--c-btn-secondary-border);color:var(--c-text-secondary);box-shadow:var(--c-btn-shadow-sec)}.btn--secondary:hover:not(:disabled){background:var(--c-btn-secondary-hover-bg);border-color:var(--c-btn-secondary-hover-border);color:var(--c-text-primary);box-shadow:var(--c-btn-shadow-sec-hover);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){box-shadow:var(--c-btn-shadow-sec-active);transform:translateY(1px)scale(.96)}.btn--ghost{color:var(--c-text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--c-btn-ghost-hover);color:var(--c-text-primary)}.btn--ghost:active:not(:disabled){transform:scale(.96)}.btn--danger{color:#dc2626;background:#dc262626;border-color:#dc26264d;box-shadow:0 2px #dc262633,0 4px 12px #00000040}.btn--danger:hover:not(:disabled){background:#dc262640;border-color:#dc262680;transform:translateY(-1px);box-shadow:0 3px #dc262640,0 6px 16px #0000004d}.btn--danger:active:not(:disabled){transform:translateY(1px)scale(.96);box-shadow:0 1px #dc262626,0 2px 4px #0003}.btn--sm{min-height:40px;box-shadow:var(--c-btn-shadow-sm);padding:.25rem .5rem;font-size:.75rem}.btn--sm:hover:not(:disabled){box-shadow:var(--c-btn-shadow-sm-hover)}.btn--sm:active:not(:disabled){box-shadow:var(--c-btn-shadow-sm-active)}.btn--lg{padding:.5rem 1rem;font-size:1rem}@media (hover:none){.btn--primary:active,.btn--secondary:active,.btn--danger:active{transform:translateY(1px)}.btn--ghost:active{filter:none;transform:none}}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;--neon-violet:#9585d6;--accent-primary:#9585d6;--accent-secondary:#dc2626;--user-theme-accent:#9585d6;--user-theme-accent-rgb:149, 133, 214;--user-theme-ring:#beb0ef80;--user-theme-soft:#beb0ef33;--user-theme-glow:#beb0ef59;--top-nav-base-spacing:64px;--top-nav-height:64px;--top-nav-page-offset:0px;--top-nav-standalone-trim:16px;--c-bg-primary:#0d0c14;--c-bg-secondary:#11101c;--c-bg-card:#171629;--c-bg-card-hover:#1d1c33;--c-bg-elevated:#151422;--c-bg-glass:#0d0c14;--c-text-primary:#ede8f2;--c-text-heading:#f0edf8;--c-text-secondary:#9896b0;--c-text-muted:#7c7a9a;--c-accent-primary:#9585d6;--c-accent-primary-light:#e0d9f5;--c-accent-primary-mid:#beb0ef;--c-bg-primary-rgb:13, 12, 20;--c-bg-secondary-rgb:17, 16, 28;--c-bg-card-rgb:23, 22, 41;--c-text-primary-rgb:237, 232, 242;--c-text-muted-rgb:124, 122, 154;--c-surface-border:#ffffff0f;--c-surface-border-soft:#ffffff0a;--c-surface-border-strong:#ffffff1a;--c-surface-bg:#151422;--c-row-divide:#ffffff0d;--c-row-hover:rgba(var(--user-theme-accent-rgb,149, 133, 214), .04);--c-inset-bg:#00000038;--c-inset-border:#ffffff0d;--c-scrollbar-thumb:#2e2840;--c-scrollbar-thumb-hover:#443d59;--c-scrollbar-track:#11101c;--c-shadow-sm:0 2px 8px #0006;--c-shadow-md:0 4px 16px #00000080;--c-shadow-lg:0 8px 32px #0009;--c-selection-bg:rgba(#9585d6, .25);--c-selection-color:#f0edf8;--c-btn-secondary-bg:#171629;--c-btn-secondary-border:#ffffff1a;--c-btn-secondary-hover-bg:#1d1c33;--c-btn-secondary-hover-border:#fff3;--c-btn-ghost-hover:#ffffff0d;--c-navbar-scrolled-bg:#0d0c14;--c-navbar-border:#ffffff0a;--c-field-display-bg:#151422;--c-field-display-border:#ffffff0d;--c-bevel-top:#ffffff1a;--c-bevel-left:#ffffff12;--c-bevel-right:#0003;--c-bevel-bottom:#00000040;--c-bevel-shadow:0 2px 8px #00000059;--c-modal-bg:#1e1d30;--c-modal-border:#ffffff17;--c-modal-border-top:#ffffff24;--c-modal-header-bg:#ffffff05;--c-modal-header-border:#ffffff12;--c-modal-input-bg:#2a2940;--c-modal-input-border:#ffffff24;--c-modal-input-placeholder:#ffffff40;--c-modal-select-bg:#27263c;--c-modal-select-border:#ffffff1f;--c-modal-backdrop:#00000059;--c-modal-close-border:#ffffff14;--c-modal-close-hover-bg:#ffffff14;--c-modal-close-hover-border:#fff3;--c-search-bg:#1d1c33;--c-search-border:#ffffff1a;--c-search-shadow:inset 0 1px 0 #ffffff12, 0 2px 12px #0003;--c-chip-border:#ffffff12;--c-chip-hover-border:#ffffff24;--c-panel-bg:#151422;--c-panel-border:#ffffff14;--c-panel-border-top:#ffffff21;--c-panel-shadow:0 16px 40px #00000080;--c-panel-head-border:#ffffff0f;--c-row-border:#ffffff0a;--c-action-chip-border:#ffffff12;--c-action-chip-hover-border:#ffffff24;--c-action-chip-hover-bg:#ffffff0a;--c-ghost-hover-bg:#ffffff0f;--c-mode-switch-border:#ffffff12;--c-uploader-border:#ffffff1a;--c-uploader-bg:#ffffff05;--c-uploader-has-image-border:#ffffff14;--c-input-inset-shadow:inset 0 1px 3px #00000040;--c-modal-shadow:0 32px 72px #000c;--c-modal-inset:inset 0 1px 0 #ffffff0f;--c-avatar-shadow:0 4px 20px #0006;--c-avatar-editor-border:#ffffff1a;--c-avatar-editor-shadow:0 16px 32px #0009;--c-avatar-mode-switch-border:#ffffff14;--c-swatch-border:#ffffff4d;--c-swatch-hover-border:#fff9;--c-swatch-active-border:#ffffffd9;--c-profile-icon-grad-start:#9585d633;--c-profile-icon-grad-end:#9585d60f;--c-profile-icon-border:#9585d638;--c-profile-chip-grad-start:#9585d61a;--c-profile-chip-grad-end:#9585d606;--c-profile-chip-border:#9585d624;--c-card-shadow:inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #00000026, 0 1px 3px #00000080, 0 4px 14px #00000061, 0 12px 32px #0000003d;--c-card-hover-shadow:inset 0 1px 0 #ffffff12, inset 0 -1px 0 #0000001f, 0 2px 6px #00000080, 0 12px 30px #0000007a, 0 30px 68px #00000057;--c-card-mobile-shadow:inset 0 1px 0 #ffffff0a, inset 0 -1px 0 #00000026, 0 2px 8px #00000073, 0 8px 20px #0000004d;--c-item-menu-shadow:0 16px 40px #000000b3;--c-item-menu-inset:inset 0 1px 0 #ffffff0d;--c-skel-from:#ffffff0f;--c-skel-to:#ffffff1c;--c-skel-from-faint:#ffffff0a;--c-skel-to-faint:#ffffff14;--c-surface-tint:#ffffff08;--c-btn-shadow-sec:0 2px 0 0 #0003, 0 4px 10px #00000026;--c-btn-shadow-sec-hover:0 3px 0 0 #00000040, 0 6px 14px #0003;--c-btn-shadow-sec-active:0 1px 0 0 #00000026, 0 2px 4px #0000001f;--c-btn-shadow-sm:0 1px 0 0 #00000026, 0 2px 6px #00000026;--c-btn-shadow-sm-hover:0 2px 0 0 #0003, 0 4px 10px #0003;--c-btn-shadow-sm-active:0 0 0 transparent, 0 1px 2px #0000001a;--c-stat-card-fade:#00000029;--c-stat-card-fade-hover:#0000002e;--c-vault-glow:drop-shadow(0 4px 24px #9585d638) drop-shadow(0 2px 8px #9585d61f);--c-key-glow:drop-shadow(0 4px 18px #9585d647) drop-shadow(0 2px 6px #9585d624);--c-pulse-glow-0:0 0 5px #9585d633, 0 0 20px #9585d61a;--c-pulse-glow-50:0 0 15px #9585d666, 0 0 40px #9585d633;--c-status-error-text:#fca5a5;--c-status-error-text-strong:#ef4444;--c-status-error-bg-soft:#dc262614;--c-status-error-bg:#dc26261a;--c-status-error-bg-strong:#dc262629;--c-status-error-border:#dc262640;--c-status-error-border-strong:#dc262680;--c-status-error-ring:#dc26261f}[data-theme=light]{--c-bg-primary:#c8bfe0;--c-bg-secondary:#bdb4d6;--c-bg-card:#b2a8cc;--c-bg-card-hover:#a79ec4;--c-bg-elevated:#b8afca;--c-bg-glass:#c8bfe0;--c-text-primary:#1c1a2e;--c-text-heading:#130f22;--c-text-secondary:#5a5570;--c-text-muted:#6b6785;--c-accent-primary:#7060c0;--c-accent-primary-light:#5044a0;--c-accent-primary-mid:#6655b0;--c-surface-border:#645aa026;--c-surface-border-soft:#645aa014;--c-surface-border-strong:#645aa038;--c-surface-bg:#b8afca;--c-row-divide:#645aa01a;--c-row-hover:rgba(var(--user-theme-accent-rgb,112, 96, 192), .06);--c-inset-bg:#b4acd661;--c-inset-border:#645aa01f;--c-scrollbar-thumb:#9e96bb;--c-scrollbar-thumb-hover:#8880ae;--c-scrollbar-track:#bdb4d6;--c-shadow-sm:0 2px 8px #3228641a;--c-shadow-md:0 4px 16px #3228641f;--c-shadow-lg:0 8px 32px #32286426;--c-selection-bg:#7060c033;--c-selection-color:#130f22;--c-btn-secondary-bg:#b2a8cc;--c-btn-secondary-border:#7060c02e;--c-btn-secondary-hover-bg:#a79ec4;--c-btn-secondary-hover-border:#7060c04d;--c-btn-ghost-hover:#7060c012;--c-navbar-scrolled-bg:#c8bfe0;--c-navbar-border:#645aa014;--c-field-display-bg:#b8afca;--c-field-display-border:#645aa024;--c-bevel-top:#d2caeeb3;--c-bevel-left:#c8c1e680;--c-bevel-right:#5044822e;--c-bevel-bottom:#483c7638;--c-bevel-shadow:0 2px 8px #3228641a;--c-modal-bg:#b9b1d7;--c-modal-border:#645aa033;--c-modal-border-top:#d2caeeb3;--c-modal-header-bg:#a8a0c86b;--c-modal-header-border:#645aa024;--c-modal-input-bg:#b4add6;--c-modal-input-border:#645aa038;--c-modal-input-placeholder:#5a557080;--c-modal-select-bg:#aea6d0;--c-modal-select-border:#645aa033;--c-modal-backdrop:#503c8c33;--c-modal-close-border:#645aa024;--c-modal-close-hover-bg:#645aa01a;--c-modal-close-hover-border:#645aa04d;--c-search-bg:#b4add6;--c-search-border:#645aa03d;--c-search-shadow:inset 0 1px 0 #cdc6e880, 0 2px 8px #3228641f;--c-chip-border:#645aa01f;--c-chip-hover-border:#645aa038;--c-panel-bg:#b9b1d7;--c-panel-border:#645aa033;--c-panel-border-top:#d2caeeb3;--c-panel-shadow:0 16px 40px #281e503d;--c-panel-head-border:#645aa024;--c-row-border:#645aa012;--c-action-chip-border:#645aa01f;--c-action-chip-hover-border:#645aa038;--c-action-chip-hover-bg:#645aa00f;--c-ghost-hover-bg:#645aa012;--c-mode-switch-border:#645aa01f;--c-uploader-border:#645aa033;--c-uploader-bg:#a8a0c8;--c-uploader-has-image-border:#645aa024;--c-input-inset-shadow:inset 0 1px 3px #645aa012;--c-modal-shadow:0 32px 72px #281e5052;--c-modal-inset:inset 0 1px 0 #d2caee99;--c-avatar-shadow:0 4px 20px #281e5047;--c-avatar-editor-border:#645aa03d;--c-avatar-editor-shadow:0 16px 32px #281e504d;--c-avatar-mode-switch-border:#645aa01f;--c-swatch-border:#645aa059;--c-swatch-hover-border:#645aa099;--c-swatch-active-border:#645aa0d9;--c-profile-icon-grad-start:#7060c038;--c-profile-icon-grad-end:#7060c014;--c-profile-icon-border:#645aa03d;--c-profile-chip-grad-start:#7060c01c;--c-profile-chip-grad-end:#7060c00a;--c-profile-chip-border:#645aa02e;--c-card-shadow:inset 0 1px 0 #c8c2e45c, inset 0 -1px 0 #463a7824, 0 1px 3px #281e5033, 0 4px 14px #281e5029, 0 12px 32px #281e501f;--c-card-hover-shadow:inset 0 1px 0 #cdc6e870, inset 0 -1px 0 #463a781f, 0 2px 6px #281e5038, 0 12px 28px #281e5038, 0 30px 64px #281e5029;--c-card-mobile-shadow:inset 0 1px 0 #c8c2e44d, inset 0 -1px 0 #463a781f, 0 2px 8px #281e502e, 0 8px 20px #281e5021;--c-item-menu-shadow:0 16px 40px #281e5047;--c-item-menu-inset:inset 0 1px 0 #cdc6e88c;--c-skel-from:#645aa012;--c-skel-to:#645aa021;--c-skel-from-faint:#645aa00d;--c-skel-to-faint:#645aa01a;--c-surface-tint:#645aa00d;--c-btn-shadow-sec:0 2px 0 0 #3228641a, 0 4px 10px #32286412;--c-btn-shadow-sec-hover:0 3px 0 0 #3228641f, 0 6px 14px #32286417;--c-btn-shadow-sec-active:0 1px 0 0 #32286412, 0 2px 4px #3228640f;--c-btn-shadow-sm:0 1px 0 0 #32286414, 0 2px 6px #32286414;--c-btn-shadow-sm-hover:0 2px 0 0 #3228641a, 0 4px 10px #3228641a;--c-btn-shadow-sm-active:0 0 0 transparent, 0 1px 2px #32286412;--c-stat-card-fade:#645aa00f;--c-stat-card-fade-hover:#645aa017;--c-vault-glow:drop-shadow(0 4px 24px #6654a861) drop-shadow(0 2px 8px #6654a833);--c-key-glow:drop-shadow(0 4px 18px #6654a86b) drop-shadow(0 2px 6px #6654a838);--c-pulse-glow-0:0 0 5px #6654a840, 0 0 20px #6654a824;--c-pulse-glow-50:0 0 15px #6654a880, 0 0 40px #6654a847;--c-status-error-text:#b91c1c;--c-status-error-text-strong:#991b1b;--c-status-error-bg-soft:#dc262617;--c-status-error-bg:#dc262621;--c-status-error-bg-strong:#dc262633;--c-status-error-border:#dc26265c;--c-status-error-border-strong:#dc26269e;--c-status-error-ring:#dc26262e;--c-bg-primary-rgb:200, 191, 224;--c-bg-secondary-rgb:189, 180, 214;--c-bg-card-rgb:178, 168, 204;--c-text-primary-rgb:28, 26, 46;--c-text-muted-rgb:107, 103, 133;-webkit-font-smoothing:auto}html[data-pwa-platform=ios]{--top-nav-standalone-trim:12px}html[data-pwa-platform=android]{--top-nav-standalone-trim:20px}@media (display-mode:standalone){html{--top-nav-page-offset:max(0px, calc(env(safe-area-inset-top,0px) - var(--top-nav-standalone-trim,16px)))}}@media (width<=768px){html{--top-nav-base-spacing:16px}}body{background-color:var(--c-bg-primary);color:var(--c-text-primary);overscroll-behavior-y:none;min-height:100vh;font-family:DM Sans,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}#root{opacity:0;flex-direction:column;min-height:100vh;display:flex}#root.ready{opacity:1}@supports (scrollbar-width:thin){*{scrollbar-color:var(--scrollbar-thumb,var(--c-scrollbar-thumb)) var(--c-scrollbar-track);scrollbar-width:thin}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--c-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,var(--c-scrollbar-thumb));border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,var(--c-scrollbar-thumb-hover))}::selection{background:var(--c-selection-bg);color:var(--c-selection-color)}a{color:#2563eb;border-radius:2px;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}a:hover{color:#9585d6}a:active{outline:none}a.btn{color:unset}a.btn.btn--primary{color:#9585d6}a.btn.btn--secondary{color:var(--c-text-secondary)}a.btn.btn--secondary:hover{color:var(--c-text-primary)}a.btn.btn--ghost{color:var(--c-text-secondary)}a.btn.btn--ghost:hover{color:var(--c-text-primary)}a.btn.btn--danger{color:#dc2626}h1,h2,h3,h4,h5,h6{color:var(--c-text-heading);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-family:Syne,DM Sans,sans-serif;font-weight:700;line-height:1.2}@supports (text-wrap:balance){h1,h2,h3,h4,h5,h6{text-wrap:balance}}h1{font-weight:800}p,li,figcaption,.text-pretty{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}@supports (text-wrap:pretty){p,li,figcaption,.text-pretty{text-wrap:pretty}}button{cursor:pointer;color:var(--c-text-primary);-webkit-user-select:none;user-select:none;background:0 0;border:none;font-family:DM Sans,Segoe UI,system-ui,-apple-system,sans-serif}button:active{outline:none}:focus-visible{outline-offset:2px;outline:2px solid #9585d6}img{max-width:100%;display:block}input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text}input,textarea,select{color:var(--c-text-primary);background:var(--c-bg-card);border:1px solid var(--c-surface-border);border-radius:8px;outline:none;padding:.5rem 1rem;font-family:DM Sans,Segoe UI,system-ui,-apple-system,sans-serif;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),outline .15s cubic-bezier(.4,0,.2,1)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #9585d6}input:focus,textarea:focus,select:focus{border-color:#9585d6;box-shadow:0 0 0 3px #9585d626}input::placeholder,textarea::placeholder,select::placeholder{color:var(--c-text-muted)}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--c-bg-card) inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary)}input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px var(--c-bg-card) inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary)}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--c-bg-card) inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary)}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--c-bg-card) inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary)}textarea:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px var(--c-bg-card) inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary)}textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--c-bg-card) inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary)}select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--c-bg-card) inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary)}select:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px var(--c-bg-card) inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary)}select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--c-bg-card) inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary)}@media screen and (-webkit-device-pixel-ratio>=0) and (width<=768px){input,textarea,select{font-size:16px!important}}.glass{background:var(--c-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--c-surface-border)}.gradient-text{background:linear-gradient(135deg,#beb0ef 0%,#9585d6 50%,#e0d9f5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page{isolation:isolate;padding-top:calc(var(--top-nav-base-spacing,64px) + var(--top-nav-page-offset,0px));flex:1;min-height:100vh;position:relative}@media (width<=768px){.page{padding-bottom:max(80px, 80px + env(safe-area-inset-bottom,0px));min-height:calc(100dvh + 24px)}.page.auth{padding-bottom:max(80px, 80px + env(safe-area-inset-bottom,0px));min-height:100dvh}.swipe-nav__page .page{padding-bottom:max(80px, 80px + env(safe-area-inset-bottom,0px));min-height:calc(100dvh + 24px)}.swipe-nav__page .page.auth{padding-bottom:max(80px, 80px + env(safe-area-inset-bottom,0px));min-height:100dvh}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.tabular-nums{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout-toggle{background:var(--c-btn-secondary-bg);border:1px solid var(--c-surface-border-strong);width:40px;color:var(--c-text-muted);border-radius:16px;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex}.layout-toggle:hover{color:var(--c-text-primary);background:#9585d614;border-color:#9585d666}.layout-toggle:active{transform:scale(.96)}.icon-dropdown{flex-shrink:0;align-self:stretch;position:relative}.icon-dropdown__trigger{background:var(--c-btn-secondary-bg);border:1px solid var(--c-surface-border-strong);width:36px;height:100%;min-height:36px;color:var(--c-text-muted);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex}.icon-dropdown__trigger svg{pointer-events:none;flex-shrink:0}.icon-dropdown__trigger:focus-visible{outline:2px solid rgba(var(--user-theme-accent-rgb,149, 133, 214), .45);outline-offset:2px}.icon-dropdown__trigger:active{transform:scale(.96)}.icon-dropdown:hover .icon-dropdown__trigger{color:var(--c-text-primary);background:#9585d614;border-color:#9585d666}.icon-dropdown--active .icon-dropdown__trigger{color:var(--user-theme-accent,#9585d6);border-color:rgba(var(--user-theme-accent-rgb,149, 133, 214), .4);background:rgba(var(--user-theme-accent-rgb,149, 133, 214), .08)}.icon-dropdown__menu{z-index:200;background:var(--c-bg-card);border:1px solid var(--c-surface-border-strong);transform-origin:100% 0;border-radius:16px;min-width:150px;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 6px -1px #00000040,0 2px 4px -1px #00000026,0 0 0 1px #00000014}.icon-dropdown__option{color:var(--c-text-secondary);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;padding:.45rem .5rem;font-size:.875rem;font-weight:500;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex}.icon-dropdown__option:hover{color:var(--c-text-primary);background:#9585d614}.icon-dropdown__option--selected{color:var(--user-theme-accent,#9585d6);font-weight:600}.icon-dropdown__option-meta{color:var(--c-text-muted);opacity:.75;margin-left:6px;font-weight:400}.icon-dropdown__badge{background:rgb(var(--cover-color-rgb,var(--user-theme-accent-rgb,149, 133, 214)));color:#12101ef2;pointer-events:none;border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-5px}.icon-dropdown__menu--multi{min-width:220px;padding:.25rem}.icon-dropdown__section+.icon-dropdown__section{border-top:1px solid var(--c-surface-border-strong);margin-top:4px;padding-top:.25rem}.icon-dropdown__section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted);padding:.2rem .5rem .3rem;font-size:10px;font-weight:700}.icon-dropdown__option--toggle{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;gap:.5rem;width:100%}.icon-dropdown__option-tick{width:14px;height:14px;color:rgb(var(--cover-color-rgb,var(--user-theme-accent-rgb,149, 133, 214)));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.vault-select{border:1px solid var(--c-surface-border-strong);min-height:40px;color:var(--c-text-secondary);background:linear-gradient(180deg, var(--c-surface-tint), transparent), var(--c-btn-secondary-bg);letter-spacing:.01em;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--c-text-muted) 50%), linear-gradient(135deg, var(--c-text-muted) 50%, transparent 50%), linear-gradient(180deg, var(--c-surface-tint), transparent);background-position:calc(100% - 12px) calc(50% - 2px),calc(100% - 7px) calc(50% - 2px),0 0;background-repeat:no-repeat;background-size:5px 5px,5px 5px,100% 100%;border-radius:16px;padding:0 1.9rem 0 .75rem;font-size:.75rem;font-weight:600;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.vault-select:focus-visible{border-color:#9585d680;outline:none;box-shadow:0 0 0 3px #9585d61f}.vault-select:hover{color:var(--c-text-primary);background:linear-gradient(180deg, #9585d614, transparent), var(--c-btn-secondary-bg);border-color:#9585d666}.scroll-to-top{bottom:calc(2rem + env(safe-area-inset-bottom,0px));z-index:200;color:#ffffffeb;background:linear-gradient(#ffffff0f 0%,#0000 50%,#0003 100%),#2e2840;border:none;border-radius:16px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;right:1.5rem;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #00000040,0 4px 16px #00000059,0 2px 5px #0000004d}.scroll-to-top:hover{background:linear-gradient(#ffffff14 0%,#0000 50%,#0003 100%),#443d59;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #00000040,0 8px 22px #0006,0 3px 8px #0000004d}.scroll-to-top:active{filter:brightness(.92);transform:translateY(1px)scale(.96)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-clear{background:var(--c-btn-secondary-bg);width:20px;height:20px;color:var(--c-text-muted);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.search-clear:hover{color:var(--c-text-primary)}.search-clear:before{content:"";border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px) and (orientation:landscape){html{transform-origin:0 0;width:100vh;height:100vw;position:absolute;top:100%;left:0;overflow-x:hidden;transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none){html[data-touch-route-reset=true],html[data-touch-route-reset=true] body,html[data-touch-route-reset=true] #root{pointer-events:none}button:active,a:active{outline:none}}@media (width<=768px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.footer{display:none}.scroll-to-top{bottom:calc(70px + env(safe-area-inset-bottom,0px) + .5rem)}}[data-theme=light] .friend-card{border-color:#ffffffbf #645aa01a #645aa01f #ffffff8c}[data-theme=light] .collection-card{border-color:rgba(var(--card-color-rgb), .5);border-top-color:rgba(var(--card-color-rgb), .85);box-shadow:inset 0 1px 0 #fff9, inset 0 -1px 0 #645aa014, 0 1px 3px #32286424, 0 4px 14px #32286429, 0 12px 32px #3228641f, 0 2px 8px rgba(var(--card-color-rgb), .1)}[data-theme=light] .collection-card:hover{border-color:rgba(var(--card-color-rgb), .7);border-top-color:rgba(var(--card-color-rgb), 1);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #645aa00f, 0 2px 6px #3228642e, 0 8px 24px #32286433, 0 24px 56px #32286424, 0 0 0 1px rgba(var(--card-color-rgb), .14), 0 6px 28px rgba(var(--card-color-rgb), .22)}[data-theme=light] .collection-card:active{border-color:#645aa02e #ffffffa6 #ffffffbf #645aa01f;box-shadow:inset 0 2px 8px #645aa01a,inset 0 1px 2px #645aa012,0 1px 4px #32286414}[data-theme=light] .collection-card__badge--public,[data-theme=light] .collection-card__badge--shared{color:#ffffffeb}[data-theme=light] .collection-card__item-count{color:#ffffffe0;background:#00000061;border-color:#ffffff38}[data-theme=light] .collection-card__member-count{color:#ffffffc7}[data-theme=light] .item-card{border-color:rgba(var(--card-color-rgb), .42);border-top-color:rgba(var(--card-color-rgb), .75);box-shadow:inset 0 1px 0 #fff9, inset 0 -1px 0 #645aa00f, 0 1px 2px #32286424, 0 3px 8px #32286429, 0 2px 6px rgba(var(--card-color-rgb), .1)}[data-theme=light] .item-card__menu{border-color:var(--c-surface-border);border-top-color:var(--c-surface-border-strong);box-shadow:0 8px 24px #3228642e,inset 0 1px #ffffff80}[data-theme=light] .item-card__menu button:hover{background:var(--c-btn-ghost-hover);color:var(--c-text-primary)}[data-theme=light] .friend-card{box-shadow:inset 0 1px #fff9,inset 0 -1px #645aa00a,0 1px 2px #32286414,0 2px 8px #3228640f}[data-theme=light] .friend-card:hover{background:linear-gradient(155deg, rgba(var(--user-theme-accent-rgb,112, 96, 192), .08), rgba(var(--user-theme-accent-rgb,112, 96, 192), .02));box-shadow:inset 0 1px #fff9,inset 0 -1px #645aa00d,0 4px 14px #3228641a}[data-theme=light] .navbar__sync,[data-theme=light] .navbar__logout{border-color:#645aa033;box-shadow:0 1px 4px #3228641a}[data-theme=light] .navbar__sync:hover,[data-theme=light] .navbar__logout:hover{box-shadow:0 2px 8px #32286429}[data-theme=light] .navbar__bottom-nav{box-shadow:0 0 0 1px #645aa01f,0 -4px 20px #32286424,0 -1px 6px #3228641a}[data-theme=light] .user-avatar{box-shadow:inset 0 0 0 1px #645aa01f,0 2px 12px #32286433,0 4px 20px #3228641f}[data-theme=light] .dashboard__search,[data-theme=light] .explore__search,[data-theme=light] .collection-view__search{background:#fff9;border-color:#645aa02e;box-shadow:inset 0 1px #ffffffe6,0 2px 8px #3228641f,0 4px 16px #32286414}[data-theme=light] .dashboard__filter-chip-inner,[data-theme=light] .explore__filter-chip-inner{border-color:#645aa024}[data-theme=light] .dashboard__filter-chip:hover .dashboard__filter-chip-inner,[data-theme=light] .explore__filter-chip:hover .explore__filter-chip-inner{border-color:#645aa040}[data-theme=light] .explore__tabs{border-bottom-color:#645aa01f}[data-theme=light] .dashboard__vault-snapshot{border-top-color:#645aa01a}[data-theme=light] .dashboard__vault-snapshot .pcol__row{border-bottom-color:#645aa01a}[data-theme=light] .dashboard__vault-snapshot .pcol__row:first-child{border-top-color:#645aa01a}[data-theme=light] .dashboard__vault-snapshot .pcol__row:hover:not(.pcol__row--open){background:#645aa00a}[data-theme=light] .dashboard__vault-snapshot .pcol__panel-inner{border-top-color:#645aa01a}[data-theme=light] .scroll-to-top{color:#fff;background:linear-gradient(#ffffff1f 0%,#0000 50%,#1e0a5a2e 100%),#4a3ca0;border:none;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #1e0f5547,0 4px 16px #46329661,0 2px 5px #46329647}[data-theme=light] .scroll-to-top:hover{background:linear-gradient(#ffffff29 0%,#0000 50%,#1e0a5a33 100%),#5a4cb0;box-shadow:inset 0 1px #ffffff52,inset 0 -2px #1e0f554d,0 8px 22px #4632967a,0 3px 8px #46329659}[data-theme=light] .dashboard__fab{color:#fff;background:linear-gradient(#fff3 0%,#0000 50%,#321e7824 100%),#7060c0;border:none;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #28146433,0 4px 16px #503ca047,0 2px 5px #503ca033}[data-theme=light] .dashboard__fab:hover:not(:disabled){background:linear-gradient(#ffffff40 0%,#0000 50%,#321e7824 100%),#8070d0;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #28146433,0 8px 22px #503ca061,0 3px 8px #503ca047}[data-theme=light] .collection-view__action-btn{background:#7060c00f;border-color:#645aa024}[data-theme=light] .collection-view__action-btn:hover:not(:disabled){background:#7060c01f;border-color:#645aa040}[data-theme=light] .collection-view__share-menu{border-color:var(--c-surface-border);box-shadow:0 8px 24px #3228642e,inset 0 1px #ffffff80}[data-theme=light] .collection-view__subscribe-btn{border-color:#645aa024;box-shadow:inset 0 1px #ffffff80,0 4px 12px #32286414}[data-theme=light] .collection-view__like-btn{color:#ffffffe0;background:#00000059;border-color:#ffffff38}[data-theme=light] .collection-view__like-btn:hover,[data-theme=light] .collection-view__like-btn.is-liked{color:#fff;border-color:#ffffff73}[data-theme=light] .collection-view__cover-age{color:#ffffffe6;background:#0000007a;border-color:#fff3}[data-theme=light] .collection-view__public-badge{color:#ffffffbf;background:#00000061;border-color:#ffffff2e}[data-theme=light] .profile__sync-btn,[data-theme=light] .profile__logout-btn,[data-theme=light] .profile__install-btn,[data-theme=light] .profile__breakdown-vault-link{border-color:#645aa024}[data-theme=light] .profile__tab-count{background:#645aa01f}[data-theme=light] .profile__avatar-editor{border-color:#645aa02e;box-shadow:0 16px 32px #32286433}[data-theme=light] .profile__avatar-mode-switch{border-color:#645aa024}[data-theme=light] .profile__total{background:#ffffff8c;border-color:#645aa01a}[data-theme=light] .profile__delete-input{background:#ffffffa6}[data-theme=light] .friends-summary__chip-icon{background:#7060c014;border-color:#645aa024}[data-theme=light] .friends-summary__chip--zero .friends-summary__chip-count{background:#7060c00f;border-color:#645aa01a}[data-theme=light] .friends-summary__empty-icon{background:#7060c00f;border-color:#645aa01f}[data-theme=light] .friends-summary__empty{background:#fff6;border-color:#645aa026}[data-theme=light] .blob-bg{mix-blend-mode:multiply;filter:saturate(4)brightness(.42)contrast(1.4)}[data-theme=light] .vault-grid{--grid-color-rgb:84, 70, 165;--line-opacity:calc(.24 * var(--grid-intensity));--cross-opacity:calc(.42 * var(--grid-intensity))}[data-theme=light] .explore__eyebrow{color:var(--c-text-secondary)}[data-theme=light] .explore__filter-chip--active .explore__filter-chip-inner,[data-theme=light] .dashboard__filter-chip--active .dashboard__filter-chip-inner{color:var(--c-accent-primary)}[data-theme=light] .collection-card__name,[data-theme=light] .collection-card__meta-name{color:#fffffff5}.vault-transition{z-index:10000;background:var(--c-bg-primary);justify-content:center;align-items:center;animation:.15s ease-out forwards vt-in;display:flex;position:fixed;inset:0}.vault-transition--exit{animation:.35s ease-in forwards vt-out}.vault-transition__dial{z-index:1;width:100px;height:100px;animation:1s cubic-bezier(.22,1,.36,1) forwards vt-dial;position:relative}.vault-transition__dial svg,.vault-transition__dial img{width:100%;height:100%;display:block}.vault-transition__spin{transform-origin:32px 32px;animation:.9s cubic-bezier(.22,1,.36,1) forwards vt-spin}.vault-transition--close .vault-transition__spin{animation:.7s cubic-bezier(.22,1,.36,1) forwards vt-spin-close}.vault-transition__ring{opacity:0;border:1px solid #9585d63d;border-radius:50%;position:absolute}.vault-transition__ring--1{width:200px;height:200px;animation:.9s ease-out .1s forwards vt-ring}.vault-transition__ring--2{width:340px;height:340px;animation:.9s ease-out .2s forwards vt-ring}.vault-transition--close .vault-transition__dial{animation:.8s cubic-bezier(.25,1,.5,1) forwards vt-dial-close}.vault-transition--close .vault-transition__ring--1{animation:.7s ease-out 50ms forwards vt-ring-close}.vault-transition--close .vault-transition__ring--2{animation:.7s ease-out .15s forwards vt-ring-close}[data-theme=light] .vault-transition__ring{border-color:#5446a557}@keyframes vt-in{0%{opacity:0}to{opacity:1}}@keyframes vt-dial{0%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1)}80%{opacity:.6;transform:scale(2.2)}to{opacity:0;transform:scale(4)}}@keyframes vt-spin{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes vt-spin-close{0%{transform:rotate(270deg)}to{transform:rotate(0)}}@keyframes vt-ring{0%{opacity:0;transform:scale(.5)}30%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes vt-out{0%{opacity:1}to{opacity:0}}@keyframes vt-dial-close{0%{opacity:0;transform:scale(4)}20%{opacity:.6;transform:scale(2.2)}60%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(.8)}}@keyframes vt-ring-close{0%{opacity:0;transform:scale(1.5)}30%{opacity:1}to{opacity:0;transform:scale(.5)}}.profile-transition{z-index:10000;background:var(--c-bg-primary);justify-content:center;align-items:center;animation:.15s ease-out forwards pt-in;display:flex;position:fixed;inset:0}.profile-transition--exit{animation:.35s ease-in forwards pt-out}.profile-transition__dial{z-index:1;width:100px;height:100px;animation:.96s cubic-bezier(.22,1,.36,1) forwards pt-dial;position:relative}.profile-transition__dial svg,.profile-transition__dial img{width:100%;height:100%;display:block}.profile-transition__inner-frame{transform-origin:32px 32px;animation:.72s cubic-bezier(.22,1,.36,1) forwards pt-frame-breathe}.profile-transition__head-ring{transform-origin:32px 26px;animation:.82s cubic-bezier(.22,1,.36,1) forwards pt-head-ring}.profile-transition__head-fill{transform-origin:32px 26px;animation:.76s cubic-bezier(.22,1,.36,1) forwards pt-head-fill}.profile-transition__shoulders{stroke-dasharray:50;stroke-dashoffset:50px;animation:.68s cubic-bezier(.22,1,.36,1) 60ms forwards pt-shoulders}.profile-transition__shoulders-inner{stroke-dasharray:38;stroke-dashoffset:38px;animation:.62s cubic-bezier(.22,1,.36,1) .12s forwards pt-shoulders-inner}.profile-transition__ring{opacity:0;border:1px solid #9585d63d;border-radius:50%;position:absolute}.profile-transition__ring--1{width:200px;height:200px;animation:.9s ease-out 80ms forwards pt-ring}.profile-transition__ring--2{width:340px;height:340px;animation:.9s ease-out .18s forwards pt-ring}[data-theme=light] .profile-transition__ring{border-color:#5446a557}@keyframes pt-in{0%{opacity:0}to{opacity:1}}@keyframes pt-out{0%{opacity:1}to{opacity:0}}@keyframes pt-dial{0%{opacity:0;transform:scale(.5)}14%{opacity:1;transform:scale(1.06)}22%{transform:scale(.98)}30%{transform:scale(1)}78%{opacity:.6;transform:scale(2.2)}to{opacity:0;transform:scale(4)}}@keyframes pt-frame-breathe{0%{opacity:.5;transform:scale(.92)}30%{opacity:1;transform:scale(1.02)}60%{opacity:.9;transform:scale(1)}to{opacity:.85;transform:scale(1)}}@keyframes pt-head-ring{0%{opacity:0;transform:scale(.6)}18%{opacity:1}35%{opacity:1;transform:scale(1.22)}60%{opacity:.9;transform:scale(.96)}to{opacity:.8;transform:scale(1)}}@keyframes pt-head-fill{0%{opacity:0;transform:scale(.5)}30%{opacity:.55;transform:scale(1.4)}60%{opacity:.25;transform:scale(.94)}to{opacity:.22;transform:scale(1)}}@keyframes pt-shoulders{0%{stroke-dashoffset:50px;opacity:.2}60%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.82}}@keyframes pt-shoulders-inner{0%{stroke-dashoffset:38px;opacity:.1}60%{stroke-dashoffset:0;opacity:.45}to{stroke-dashoffset:0;opacity:.35}}@keyframes pt-ring{0%{opacity:0;transform:scale(.5)}30%{opacity:1}to{opacity:0;transform:scale(1.5)}}.notif-backdrop{z-index:289;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;position:fixed;inset:0}.notif-bell{position:relative}.notif-bell__btn{width:36px;height:36px;color:var(--c-text-muted);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notif-bell__btn:hover,.notif-bell__btn--active{color:var(--c-text-primary);background:#9585d614}.notif-bell__badge{color:#fff;text-align:center;pointer-events:none;background:#9585d6;border-radius:9999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-3px;right:-3px}.notif-panel{width:320px;max-width:calc(100vw - 3rem);max-height:420px;position:absolute;top:calc(100% + 10px);right:0}@media (width>=768px){.notif-panel{width:380px;max-height:480px}}.notif-panel{border:1px solid var(--c-panel-border);background:var(--c-panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--c-panel-shadow);z-index:290;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}@media (width>=768px){.notif-panel{top:calc(100% + 12px)}}.notif-panel--portal{position:fixed}@media (width<=768px){.notif-panel--portal{left:50%;right:auto;transform:translate(-50%)}}.notif-panel__head{border-bottom:1px solid var(--c-panel-head-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.notif-panel__title{color:var(--c-text-secondary);font-size:.875rem;font-weight:600}.notif-panel__head-actions{align-items:center;gap:.25rem;display:flex}.notif-panel__action-btn{color:var(--c-text-muted);border:1px solid var(--c-action-chip-border);border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:500;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.notif-panel__action-btn svg{width:12px!important;height:12px!important}.notif-panel__action-btn:hover{color:var(--c-text-secondary);border-color:var(--c-action-chip-hover-border);background:var(--c-action-chip-hover-bg)}.notif-panel__action-btn--danger:hover{color:#dc2626;background:#dc262614;border-color:#dc26264d}.notif-panel__list{overscroll-behavior:contain;flex:1;overflow-y:auto}.notif-panel__empty{text-align:center;color:var(--c-text-muted);padding:2rem 1rem}.notif-panel__empty svg{opacity:.35;margin:0 auto .25rem;display:block}.notif-panel__empty p{font-size:.875rem}.notif-row{border-bottom:1px solid var(--c-row-border);border-left:2px solid #0000;align-items:flex-start;gap:12px;padding:10px 1rem;transition:background .15s cubic-bezier(.4,0,.2,1),border-left-color .15s cubic-bezier(.4,0,.2,1);display:flex}.notif-row--unread{background:#9585d60d;border-left-color:#9585d666}.notif-row--unread .notif-row__text{color:var(--c-text-primary)}.notif-row:last-child{border-bottom:none}.notif-row:hover{background:var(--c-surface-tint)}.notif-row__left{flex-shrink:0;padding-top:1px}.notif-row__avatar-wrap{width:36px;height:36px;position:relative}.notif-row__avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:0;display:flex}.notif-row__type-badge{border:1.5px solid rgba(var(--c-bg-primary-rgb), .97);color:#beb0ef;background:#9585d640;border-radius:9999px;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-3px}.notif-row__type-badge svg{width:9px!important;height:9px!important}.notif-row__system-icon{color:#beb0ef;background:#9585d61f;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-row__system-icon svg{width:16px!important;height:16px!important}.notif-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-row__text{color:var(--c-text-secondary);overflow-wrap:break-word;word-break:break-word;margin:0;font-size:.875rem;line-height:1.35}.notif-row__item-name{color:var(--c-text-primary);font-style:normal;font-weight:600}.notif-row__time{color:var(--c-text-muted);letter-spacing:.01em;font-size:11px}.notif-row__actions{gap:.25rem;margin-top:.25rem;display:flex}.notif-row__link{font-size:inherit;color:var(--c-text-primary);cursor:pointer;vertical-align:baseline;overflow-wrap:break-word;word-break:break-word;background:0 0;border:none;padding:0;font-weight:600;transition:color .15s cubic-bezier(.4,0,.2,1);display:inline}.notif-row__link:hover{color:#beb0ef}.notif-row__delete{width:22px;height:22px;color:var(--c-text-muted);opacity:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:opacity .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex}.notif-row__delete svg{width:11px!important;height:11px!important}.notif-row__delete:hover{color:var(--c-text-primary);background:var(--c-ghost-hover-bg)}@media (hover:none){.notif-row__delete{opacity:1}}.notif-row:hover .notif-row__delete{opacity:1}.notif-row[data-type=friend_request] .notif-row__type-badge{color:#beb0ef;background:#9585d638}.notif-row[data-type=friend_accepted] .notif-row__type-badge,.notif-row[data-type=share_accepted] .notif-row__type-badge{color:#4ade80;background:#16a34a33}.notif-row[data-type=collection_invite] .notif-row__type-badge{color:#93c5fd;background:#2563eb33}.notif-row[data-type=collection_subscribed] .notif-row__type-badge{color:#beb0ef;background:#9585d638}.notif-row[data-type=collection_like] .notif-row__type-badge{color:#fca5a5;background:#dc262633}.notif-row[data-type=collection_item_added] .notif-row__type-badge{color:#fbbf24;background:#c9a84c33}.notif-row[data-type=share_declined] .notif-row__type-badge,.notif-row[data-type=member_left] .notif-row__type-badge{background:rgba(var(--c-text-muted-rgb), .18);color:var(--c-text-secondary)}.notif-row[data-type=pwa_install_reminder] .notif-row__system-icon{color:#9585d6;background:#9585d61a}.btn--xs{height:auto;min-height:0;padding:3px 10px;font-size:.75rem}@media (width<=768px){.notif-panel{top:calc(max(1rem, env(safe-area-inset-top,0px)) + max(1rem, env(safe-area-inset-top,0px)) + 44px + .5rem);transform-origin:top;width:min(380px,100vw - 2rem);max-height:65vh;margin-left:auto;margin-right:auto;position:fixed;bottom:auto;left:0;right:0}}@media (width<=768px) and (display-mode:standalone){.notif-panel{top:calc(env(safe-area-inset-top,0px) + .5rem + 44px + .25rem)}}body.notif-panel-open .dashboard__fab,body.notif-panel-open .scroll-to-top{opacity:0!important;pointer-events:none!important;transition:opacity .15s!important}[data-theme=light] .notif-backdrop{background:#503c8c1a}[data-theme=light] .notif-row__type-badge{color:var(--c-accent-primary);background:#7060c026}[data-theme=light] .notif-row__system-icon{color:var(--c-accent-primary);background:#7060c01a}[data-theme=light] .notif-row[data-type=friend_accepted] .notif-row__type-badge,[data-theme=light] .notif-row[data-type=share_accepted] .notif-row__type-badge{color:#15803d;background:#15803d1f}[data-theme=light] .notif-row[data-type=collection_invite] .notif-row__type-badge{color:#1d4ed8;background:#1d4ed81a}[data-theme=light] .notif-row[data-type=collection_like] .notif-row__type-badge{color:#b91c1c;background:#b91c1c1a}[data-theme=light] .notif-row[data-type=collection_item_added] .notif-row__type-badge{color:#b45309;background:#b453091a}.navbar{z-index:200;padding:max(1rem, env(safe-area-inset-top)) 1.5rem;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}@media (display-mode:standalone){.navbar{padding-bottom:1rem}}.navbar__error-banner{z-index:210;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#dc2626f2;border-bottom:1px solid #ffffff1a;padding:1rem 1.5rem;position:fixed;top:0;left:0;right:0}@media (width<=576px){.navbar__error-banner{padding:.5rem 1rem}}.navbar__error-content{color:#fff;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;font-size:.875rem;font-weight:500;display:flex}@media (width<=576px){.navbar__error-content{flex-wrap:wrap;gap:.5rem}}.navbar__error-icon{color:#fffc;flex-shrink:0}.navbar__error-text{flex:1;min-width:150px}.navbar__error-retry{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-weight:600;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.navbar__error-retry:hover{background:#ffffff4d;border-color:#ffffff80}.navbar__error-retry:active{transform:scale(.96)}@media (width<=576px){.navbar__error-retry{order:3;width:100%}}.navbar__error-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);display:flex}.navbar__error-close:hover{background:#fff3;border-color:#ffffff4d}.navbar__error-close:active{transform:scale(.96)}@media (width<=576px){.navbar__error-close{width:auto;min-height:40px;padding:.25rem .5rem}}.navbar--scrolled{background:var(--c-navbar-scrolled-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--c-navbar-border), var(--c-shadow-md)}.navbar__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}@media (width<=768px){.navbar__inner{justify-content:center;position:relative}}.navbar__back{height:36px;color:var(--c-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.25rem;margin-right:.5rem;padding:0 .5rem;font-size:.875rem;font-weight:600;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.navbar__back:hover{color:var(--navbar-accent,#e0d9f5);background:rgba(var(--user-theme-accent-rgb,149, 133, 214), .1)}.navbar__back:active{transform:scale(.96)}@media (width<=768px){.navbar__back{justify-content:center;width:36px;margin-right:0;padding:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.navbar__back span{display:none}.navbar__back:active{transform:translateY(-50%)scale(.96)}}.navbar__logo{color:var(--c-text-primary);z-index:10;align-items:center;gap:.5rem;text-decoration:none;display:flex;position:relative}.navbar__logo-icon{border-radius:8px;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.navbar__logo-icon svg{z-index:2;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);position:relative}@media (width<=768px){.navbar__logo-icon,.navbar__logo-icon svg{width:22px;height:22px}}.navbar__logo-text{color:var(--c-text-primary);letter-spacing:-.01em;font-family:Syne,DM Sans,sans-serif;font-size:1.4rem;font-weight:800;transition:color .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);position:relative}.navbar__logo:hover .navbar__logo-text{opacity:.8}.navbar__logo--collection .navbar__logo-text{color:var(--navbar-accent,#9585d6)}.navbar__links{align-items:center;gap:.25rem;margin-left:auto;display:flex}@media (width<=768px){.navbar__links{margin-left:0;display:none}}.navbar__link{color:var(--c-text-muted);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.navbar__link svg,.navbar__link .navbar__key-icon{opacity:.7;flex-shrink:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.navbar__link .navbar__profile-avatar{border:1.5px solid var(--c-surface-border);border-radius:999px;width:22px;height:22px;transition:border-color .15s cubic-bezier(.4,0,.2,1);overflow:hidden}.navbar__link:hover{color:var(--c-text-secondary);background:var(--c-btn-ghost-hover)}.navbar__link:hover svg,.navbar__link:hover .navbar__key-icon{opacity:.9}.navbar__link:hover .navbar__profile-avatar{border-color:var(--c-surface-border-strong)}.navbar__link--active{color:var(--c-text-primary);font-weight:600}.navbar__link--active svg,.navbar__link--active .navbar__key-icon{opacity:1}.navbar__link--active .navbar__profile-avatar{border-color:rgba(var(--user-theme-accent-rgb,149, 133, 214), .55)}.navbar__link-indicator{background:var(--user-theme-accent,#9585d6);opacity:.9;border-radius:9999px;width:18px;height:2px;margin:0 auto;position:absolute;bottom:2px;left:0;right:0}.navbar__auth{border-left:1px solid var(--c-surface-border-soft);align-items:center;gap:.5rem;height:32px;margin-left:.5rem;padding-left:1rem;display:flex}@media (width<=768px){.navbar__auth{border-left:none;gap:.25rem;margin-left:0;padding-left:0;position:absolute;right:0}.navbar__auth .navbar__logout{display:none}}.navbar__sync,.navbar__logout{border:1.5px solid var(--c-surface-border);width:44px;height:44px;color:var(--c-text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);display:flex}.navbar__sync svg,.navbar__logout svg{transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.navbar__sync:hover,.navbar__logout:hover{color:var(--user-theme-accent,#9585d6);border-color:rgba(var(--user-theme-accent-rgb,149, 133, 214), .4);background:rgba(var(--user-theme-accent-rgb,149, 133, 214), .08)}.navbar__sync:active,.navbar__logout:active{transform:scale(.96)}.navbar__theme-toggle{color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.navbar__theme-toggle:hover{color:var(--user-theme-accent,#9585d6);background:rgba(var(--user-theme-accent-rgb,149, 133, 214), .08)}.navbar__theme-toggle:active{transform:scale(.96)}.navbar__theme-toggle--desktop{width:28px;height:28px;margin-left:.25rem}@media (width<=768px){.navbar__theme-toggle--desktop{display:none}}.navbar__theme-toggle--mobile{display:none}@media (width<=768px){.navbar__theme-toggle--mobile{width:36px;height:36px;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}}@media (width<=768px) and (hover:none){.navbar__theme-toggle--mobile:active{transform:translateY(-50%)scale(.96)}}@media (width>=769px){.navbar__logout{width:28px;height:28px}.navbar__logout svg{font-size:1.05rem}}.navbar__login-btn{background:#9585d6;border:1.5px solid #9585d6;border-radius:6px;align-items:center;gap:.25rem;margin-left:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .12s cubic-bezier(.25,1,.5,1),box-shadow .12s cubic-bezier(.25,1,.5,1),background .15s,border-color .15s;display:flex;box-shadow:0 3px #6b5aaf,0 6px 16px #00000059;color:var(--c-bg-primary)!important}.navbar__login-btn:hover{background:#e0d9f5;border-color:#e0d9f5;transform:translateY(-1px);box-shadow:0 4px #6b5aaf,0 8px 20px #0006;color:var(--c-bg-primary)!important}.navbar__login-btn:active{transform:translateY(2px)scale(.96);box-shadow:0 1px #6b5aaf,0 2px 6px #0000004d}@media (hover:none){.navbar__link:active,.navbar__logout:active,.navbar__login-btn:active{background:unset;outline:none}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:200;background:rgba(var(--c-bg-card-rgb), .82);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);width:max-content;max-width:calc(100vw - 32px);box-shadow:0 0 0 1px var(--c-surface-border), 0 8px 32px #0000007a, 0 2px 8px #00000047;border-radius:9999px;align-items:center;gap:4px;margin:0 auto;padding:5px;display:flex;position:fixed;left:0;right:0}}.bottom-nav__item{color:var(--c-text-secondary);letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:9999px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;min-width:60px;padding:8px 22px;font-size:10px;font-weight:500;text-decoration:none;transition-property:color,scale,padding,min-width,gap;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bottom-nav__item svg,.bottom-nav__item .navbar__key-icon{z-index:1;flex-shrink:0;width:20px;height:20px;position:relative}.bottom-nav__item .navbar__profile-avatar{z-index:1;border-radius:999px;flex-shrink:0;width:20px;height:20px;position:relative;overflow:hidden}.bottom-nav__item:active{scale:.96}.bottom-nav__item--active,.bottom-nav__item--active svg,.bottom-nav__item--active .navbar__key-icon{color:#e0d9f5}.bottom-nav__label{z-index:1;white-space:nowrap;text-overflow:ellipsis;max-width:72px;max-height:20px;line-height:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),max-width .2s cubic-bezier(.4,0,.2,1),max-height .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (width<=768px){.bottom-nav--compact{gap:2px;padding:4px}.bottom-nav--compact .bottom-nav__item{gap:0;min-width:50px;padding:7px 14px}.bottom-nav--compact .bottom-nav__label{opacity:0;pointer-events:none;max-width:0;max-height:0;margin:0;overflow:hidden;transform:translateY(3px)}}.bottom-nav__pill{background:#9585d621;border-radius:9999px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #9585d633}[data-theme=light] .bottom-nav{box-shadow:0 0 0 1px var(--c-surface-border), 0 4px 16px #503c8c29, 0 2px 6px #503c8c1a}[data-theme=light] .bottom-nav .bottom-nav__item--active,[data-theme=light] .bottom-nav .bottom-nav__item--active svg,[data-theme=light] .bottom-nav .bottom-nav__item--active .navbar__key-icon{color:var(--c-accent-primary)}.bottom-nav-blur{display:none}@media (width<=768px){.bottom-nav-blur{height:calc(env(safe-area-inset-bottom,0px) + 108px);pointer-events:none;z-index:199;background:var(--c-bg-primary);opacity:.62;display:block;position:fixed;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 70%);mask-image:linear-gradient(#0000 0%,#000 70%)}}[data-theme=light] .bottom-nav-blur{opacity:.52}[data-theme=light] .navbar__login-btn:hover{background:var(--c-accent-primary)!important;border-color:var(--c-accent-primary)!important}.lightbox-open .navbar,.lightbox-open .navbar__error-banner,.lightbox-open .bottom-nav,.lightbox-open .bottom-nav-blur{visibility:hidden}.modal-open .navbar,.modal-open .navbar__error-banner,.modal-open .bottom-nav,.modal-open .bottom-nav-blur{z-index:298}.footer{text-align:center;margin-top:auto;padding:3rem 1.5rem 1.5rem;position:relative;overflow:hidden}.footer__glow{opacity:.6;background:linear-gradient(90deg,#9585d600 0%,#9585d659 25% 75%,#9585d600 100%);width:300px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer__inner{flex-direction:column;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer__brand{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;display:flex}.footer__logo-icon{border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),filter .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.footer__logo-icon svg{z-index:2;position:relative}.footer__name{color:#9585d6;font-family:Syne,DM Sans,sans-serif;font-size:1.25rem;font-weight:700}.footer__name--collection{color:var(--navbar-accent,#9585d6)}.footer__tagline{color:var(--c-text-muted);font-size:.875rem}.footer__bottom{color:var(--c-text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.swipe-nav{touch-action:pan-y pinch-zoom;width:100%;position:relative;overflow:hidden}.swipe-nav__track{width:calc(var(--page-count) * 100%);will-change:transform;display:flex}.swipe-nav__track--swiping .swipe-nav__page{pointer-events:none}.swipe-nav__page{width:calc(100% / var(--page-count));overscroll-behavior-y:contain;flex-shrink:0;height:100dvh;position:relative;overflow:hidden auto}.floating-particles{pointer-events:none;z-index:-1;backface-visibility:hidden;width:100%;height:100lvh;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(0)}.floating-particles__dot{bottom:-10px;left:var(--x);animation:linear infinite particle-rise;animation-play-state:var(--play-state,running);will-change:transform, opacity;backface-visibility:hidden;border-radius:50%;position:absolute}@keyframes particle-rise{0%{opacity:0;transform:translate(0,0)scale(0)}8%{opacity:.8;transform:translate3d(calc(var(--drift) * .1), -8lvh, 0) scale(1)}50%{opacity:.5;transform:translate3d(var(--drift), -50lvh, 0) scale(.8)}85%{opacity:.3;transform:translate3d(calc(var(--drift) * .5), -85lvh, 0) scale(.4)}to{transform:translate3d(calc(var(--drift) * -.5), -105lvh, 0) scale(.2);opacity:0}}.push-prompt{z-index:310;background:rgba(var(--c-bg-primary-rgb), .97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--c-shadow-lg), inset 0 1px 0 var(--c-surface-border);border:1px solid #9585d62e;border-radius:12px;align-items:center;gap:10px;max-width:min(310px,100vw - 48px);padding:10px 10px 10px 12px;display:flex;position:fixed;bottom:24px;left:24px}.push-prompt__icon-wrap{color:#beb0ef;background:#9585d61f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.push-prompt__body{flex:1;min-width:0}.push-prompt__title{color:var(--c-text-primary);margin:0 0 2px;font-size:.875rem;font-weight:600;line-height:1.3}.push-prompt__sub{color:var(--c-text-secondary);margin:0;font-size:11px;line-height:1.4}.push-prompt__enable{background:var(--c-accent-primary);color:var(--c-bg-primary);cursor:pointer;white-space:nowrap;box-shadow:var(--c-btn-shadow-sm);border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-family:DM Sans,Segoe UI,system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:600;transition:transform .12s cubic-bezier(.25,1,.5,1),box-shadow .12s cubic-bezier(.25,1,.5,1),background .15s}.push-prompt__enable:hover{background:var(--c-accent-primary-light);box-shadow:var(--c-btn-shadow-sm-hover);transform:translateY(-1px)}.push-prompt__enable:active{box-shadow:var(--c-btn-shadow-sm-active);transform:translateY(1px)}.push-prompt__dismiss{width:22px;height:22px;color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex}.push-prompt__dismiss:hover{color:var(--c-text-secondary);background:var(--c-ghost-hover-bg)}@media (width<=576px){.push-prompt{max-width:none;bottom:80px;left:12px;right:12px}}[data-theme=light] .push-prompt__icon-wrap{color:var(--c-accent-primary)}