@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/v21-co3umX5slCNuHLi8bLeY9MK7whWMhyjypVO7abI26QOD_iE9KnnOiss4.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/v21-co3umX5slCNuHLi8bLeY9MK7whWMhyjypVO7abI26QOD_iE9KnDOiss4.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/v21-co3umX5slCNuHLi8bLeY9MK7whWMhyjypVO7abI26QOD_iE9KnrOiss4.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/v21-co3umX5slCNuHLi8bLeY9MK7whWMhyjypVO7abI26QOD_iE9KnTOig.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/v37-0QI6MX1D_JOuGQbT0gvTJPa787zAvBJMkq1umA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/v37-0QI6MX1D_JOuGQbT0gvTJPa787zAvBJFkq1umA.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/v37-0QI6MX1D_JOuGQbT0gvTJPa787zAvBJPkq1umA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/v37-0QI6MX1D_JOuGQbT0gvTJPa787zAvBJBkq0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/v20-xn7gYHE41ni1AdIRggqxSuXd.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/v20-xn7gYHE41ni1AdIRggOxSuXd.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/v20-xn7gYHE41ni1AdIRggmxSuXd.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/v20-xn7gYHE41ni1AdIRggexSg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/v32-XRXI3I6Li01BKofiOc5wtlZ2di8HDBImdTk3j77e.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/v32-XRXI3I6Li01BKofiOc5wtlZ2di8HDBImdTA3j77e.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/v32-XRXI3I6Li01BKofiOc5wtlZ2di8HDBImdTo3j77e.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/v32-XRXI3I6Li01BKofiOc5wtlZ2di8HDBImdTQ3jw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/v12-Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6__244fNgc6L.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/v12-Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6__2447Ngc6L.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/v12-Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6__244TNgc6L.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/v12-Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6__244rNgQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 34px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 22px;--sp-6: 30px;--sp-7: 42px;--sp-8: 60px;--ease: cubic-bezier(.34, 1.4, .5, 1);--ease-out: cubic-bezier(.22, .9, .3, 1);--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Cormorant Garamond", Georgia, serif;--maxw: 1180px}html[data-theme=romantic]{--bg: #fff7f3;--bg-tint-a: #ffd9e0;--bg-tint-b: #ffe9d2;--bg-tint-c: #f3e0ff;--surface: #ffffff;--surface-2: #fff1ec;--surface-glass: rgba(255, 255, 255, .78);--surface-menu: rgba(255, 255, 255, .97);--blur: 16px;--border: rgba(190, 120, 130, .16);--border-strong: rgba(190, 120, 130, .3);--text: #3d2b30;--text-dim: #866c72;--text-faint: #8c6971;--accent: #e0607e;--accent-ink: #b83a5c;--accent-2: #f0a07a;--accent-soft: #ffe4ea;--on-accent: #ffffff;--urgent: #dc314c;--urgent-ink: #cc233e;--normal: #e0607e;--later: #9b8cc4;--shadow-sm: 0 2px 8px rgba(160, 90, 100, .07);--shadow: 0 10px 30px -12px rgba(160, 90, 100, .28);--shadow-lg: 0 30px 70px -28px rgba(140, 70, 90, .45);--font-display: "Cormorant Garamond", Georgia, serif;--display-weight: 600;--card-radius: var(--r-lg);color-scheme:light}html[data-theme=night]{--bg: #12101a;--bg-tint-a: #ff4d8d;--bg-tint-b: #7c4dff;--bg-tint-c: #2ad6ff;--surface: rgba(255, 255, 255, .055);--surface-2: rgba(255, 255, 255, .09);--surface-glass: rgba(24, 20, 38, .72);--surface-menu: rgba(28, 24, 42, .97);--blur: 22px;--border: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .22);--text: #f3edff;--text-dim: #b0a4c8;--text-faint: #8a81a1;--accent: #ff5f9e;--accent-ink: #ff5f9e;--accent-2: #a78bfa;--accent-soft: rgba(255, 95, 158, .16);--on-accent: #ffffff;--urgent: #ff5c7a;--urgent-ink: #ff5c7a;--normal: #ff8fc4;--later: #8fb6ff;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .4);--shadow: 0 14px 40px -14px rgba(0, 0, 0, .7);--shadow-lg: 0 40px 90px -30px rgba(0, 0, 0, .85);--font-display: "Cormorant Garamond", Georgia, serif;--display-weight: 600;--card-radius: var(--r-lg);color-scheme:dark}html[data-theme=playful]{--bg: #fdf6ff;--bg-tint-a: #ffd6ea;--bg-tint-b: #d6f4ff;--bg-tint-c: #fff3c4;--surface: #ffffff;--surface-2: #f7effd;--surface-glass: rgba(255, 255, 255, .8);--surface-menu: rgba(255, 255, 255, .97);--blur: 14px;--border: rgba(150, 110, 190, .16);--border-strong: rgba(150, 110, 190, .32);--text: #3a2e4d;--text-dim: #7c6b96;--text-faint: #7e68a2;--accent: #ff7fb0;--accent-ink: #c2356f;--accent-2: #6fd0e0;--accent-soft: #ffe6f1;--on-accent: #ffffff;--urgent: #eb0031;--urgent-ink: #d5002d;--normal: #ff9ec4;--later: #7cc6d8;--shadow-sm: 0 3px 0 rgba(150, 110, 190, .1);--shadow: 0 12px 26px -12px rgba(150, 110, 190, .45);--shadow-lg: 0 30px 60px -24px rgba(150, 110, 190, .55);--font-display: "Nunito", system-ui, sans-serif;--display-weight: 900;--card-radius: var(--r-xl);color-scheme:light}html[data-theme=mint]{--bg: #f4faf6;--bg-tint-a: #cfeadd;--bg-tint-b: #e6f2d9;--bg-tint-c: #d4ecf2;--surface: #ffffff;--surface-2: #ecf5ef;--surface-glass: rgba(255, 255, 255, .8);--surface-menu: rgba(255, 255, 255, .97);--blur: 15px;--border: rgba(60, 130, 100, .16);--border-strong: rgba(60, 130, 100, .3);--text: #22322a;--text-dim: #556259;--text-faint: #5c6b62;--accent: #3f9d7a;--accent-ink: #2f7a5e;--accent-2: #7bc4a4;--accent-soft: #dcf0e6;--on-accent: #ffffff;--urgent: #c8452f;--urgent-ink: #b03a26;--normal: #3f9d7a;--later: #53778f;--shadow-sm: 0 2px 8px rgba(50, 110, 85, .08);--shadow: 0 10px 30px -12px rgba(50, 110, 85, .26);--shadow-lg: 0 30px 70px -28px rgba(40, 95, 72, .42);--font-display: "Cormorant Garamond", Georgia, serif;--display-weight: 600;--card-radius: var(--r-lg);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(38% 32% at 15% 12%,var(--bg-tint-a) 0%,transparent 62%),radial-gradient(34% 30% at 85% 22%,var(--bg-tint-b) 0%,transparent 60%),radial-gradient(40% 34% at 60% 90%,var(--bg-tint-c) 0%,transparent 62%);opacity:.55;filter:blur(30px);animation:drift 26s ease-in-out infinite alternate}html[data-theme=night] body:before{opacity:.3;filter:blur(70px)}@keyframes drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.06)}to{transform:translate3d(-2%,2%,0) scale(1.02)}}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight);margin:0;letter-spacing:-.01em}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--accent)}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid transparent;background-clip:content-box}.fx-canvas{position:fixed;inset:0;z-index:9999;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-theme=family-light]{--bg: #FBF5EC;--bg-tint-a: #F6E3D2;--bg-tint-b: rgba(217, 154, 43, .28);--bg-tint-c: rgba(180, 83, 42, .14);--surface: #FFFFFF;--surface-2: #F6E3D2;--surface-glass: rgba(255, 255, 255, .8);--surface-menu: rgba(255, 255, 255, .97);--blur: 16px;--border: rgba(58, 42, 31, .12);--border-strong: rgba(58, 42, 31, .24);--text: #3A2A1F;--text-dim: #76604F;--text-faint: #76604F;--accent: #B4532A;--accent-ink: #9A4420;--accent-2: #D99A2B;--accent-soft: #F6E3D2;--on-accent: #FFFFFF;--urgent: #C62A43;--urgent-ink: #B8223B;--normal: #B4532A;--later: #5B6BA8;--shadow-sm: 0 2px 8px rgba(58, 42, 31, .07);--shadow: 0 10px 30px -12px rgba(58, 42, 31, .22);--shadow-lg: 0 30px 70px -28px rgba(58, 42, 31, .35);--font-display: "Lora", Georgia, "Times New Roman", serif;--display-weight: 600;--card-radius: var(--r-lg);color-scheme:light}html[data-theme=family-dark]{--bg: #1C1511;--bg-tint-a: rgba(232, 145, 95, .35);--bg-tint-b: rgba(230, 184, 92, .3);--bg-tint-c: rgba(232, 145, 95, .18);--surface: #2A201A;--surface-2: #3A2A20;--surface-glass: rgba(42, 32, 26, .78);--surface-menu: rgba(42, 32, 26, .98);--blur: 20px;--border: rgba(245, 233, 221, .13);--border-strong: rgba(245, 233, 221, .26);--text: #F5E9DD;--text-dim: #C4AE9C;--text-faint: #C4AE9C;--accent: #E8915F;--accent-ink: #F0A677;--accent-2: #E6B85C;--accent-soft: #3A2A20;--on-accent: #2A1609;--urgent: #FF6B86;--urgent-ink: #FF7C93;--normal: #E8915F;--later: #9DB0F2;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .4);--shadow: 0 14px 40px -14px rgba(0, 0, 0, .7);--shadow-lg: 0 40px 90px -30px rgba(0, 0, 0, .85);--font-display: "Lora", Georgia, "Times New Roman", serif;--display-weight: 600;--card-radius: var(--r-lg);color-scheme:dark}html[data-theme=friends-light]{--bg: #FFFAF2;--bg-tint-a: #FFE5DA;--bg-tint-b: rgba(106, 77, 240, .28);--bg-tint-c: rgba(204, 62, 24, .14);--surface: #FFFFFF;--surface-2: #FFE5DA;--surface-glass: rgba(255, 255, 255, .8);--surface-menu: rgba(255, 255, 255, .97);--blur: 16px;--border: rgba(35, 26, 51, .12);--border-strong: rgba(35, 26, 51, .24);--text: #231A33;--text-dim: #645A74;--text-faint: #645A74;--accent: #CC3E18;--accent-ink: #B8360F;--accent-2: #6A4DF0;--accent-soft: #FFE5DA;--on-accent: #FFFFFF;--urgent: #C62A43;--urgent-ink: #B8223B;--normal: #CC3E18;--later: #5B6BA8;--shadow-sm: 0 2px 8px rgba(35, 26, 51, .07);--shadow: 0 10px 30px -12px rgba(35, 26, 51, .22);--shadow-lg: 0 30px 70px -28px rgba(35, 26, 51, .35);--font-display: "Unbounded", "Manrope", system-ui, sans-serif;--display-weight: 700;--card-radius: var(--r-lg);color-scheme:light}html[data-theme=friends-dark]{--bg: #15122A;--bg-tint-a: rgba(255, 138, 92, .35);--bg-tint-b: rgba(165, 148, 255, .3);--bg-tint-c: rgba(255, 138, 92, .18);--surface: #211C3C;--surface-2: #2E2752;--surface-glass: rgba(33, 28, 60, .78);--surface-menu: rgba(33, 28, 60, .98);--blur: 20px;--border: rgba(243, 238, 255, .13);--border-strong: rgba(243, 238, 255, .26);--text: #F3EEFF;--text-dim: #B5ABCF;--text-faint: #B5ABCF;--accent: #FF8A5C;--accent-ink: #FF9B72;--accent-2: #A594FF;--accent-soft: #2E2752;--on-accent: #2A0E03;--urgent: #FF6B86;--urgent-ink: #FF7C93;--normal: #FF8A5C;--later: #9DB0F2;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .4);--shadow: 0 14px 40px -14px rgba(0, 0, 0, .7);--shadow-lg: 0 40px 90px -30px rgba(0, 0, 0, .85);--font-display: "Unbounded", "Manrope", system-ui, sans-serif;--display-weight: 700;--card-radius: var(--r-lg);color-scheme:dark}html[data-theme=team-light]{--bg: #F5F6FA;--bg-tint-a: #E4E7F8;--bg-tint-b: rgba(201, 138, 28, .28);--bg-tint-c: rgba(62, 75, 196, .14);--surface: #FFFFFF;--surface-2: #E4E7F8;--surface-glass: rgba(255, 255, 255, .8);--surface-menu: rgba(255, 255, 255, .97);--blur: 16px;--border: rgba(27, 31, 46, .12);--border-strong: rgba(27, 31, 46, .24);--text: #1B1F2E;--text-dim: #565C72;--text-faint: #565C72;--accent: #3E4BC4;--accent-ink: #3844B5;--accent-2: #C98A1C;--accent-soft: #E4E7F8;--on-accent: #FFFFFF;--urgent: #C62A43;--urgent-ink: #B8223B;--normal: #3E4BC4;--later: #5B6BA8;--shadow-sm: 0 2px 8px rgba(27, 31, 46, .07);--shadow: 0 10px 30px -12px rgba(27, 31, 46, .22);--shadow-lg: 0 30px 70px -28px rgba(27, 31, 46, .35);--font-display: "Manrope", system-ui, sans-serif;--display-weight: 700;--card-radius: var(--r-lg);color-scheme:light}html[data-theme=team-dark]{--bg: #111318;--bg-tint-a: rgba(143, 154, 255, .35);--bg-tint-b: rgba(231, 180, 78, .3);--bg-tint-c: rgba(143, 154, 255, .18);--surface: #1B1E26;--surface-2: #262A3A;--surface-glass: rgba(27, 30, 38, .78);--surface-menu: rgba(27, 30, 38, .98);--blur: 20px;--border: rgba(236, 238, 245, .13);--border-strong: rgba(236, 238, 245, .26);--text: #ECEEF5;--text-dim: #A5AABB;--text-faint: #A5AABB;--accent: #8F9AFF;--accent-ink: #A3ACFF;--accent-2: #E7B44E;--accent-soft: #262A3A;--on-accent: #11163B;--urgent: #FF6B86;--urgent-ink: #FF7C93;--normal: #8F9AFF;--later: #9DB0F2;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .4);--shadow: 0 14px 40px -14px rgba(0, 0, 0, .7);--shadow-lg: 0 40px 90px -30px rgba(0, 0, 0, .85);--font-display: "Manrope", system-ui, sans-serif;--display-weight: 700;--card-radius: var(--r-lg);color-scheme:dark}html[data-theme$=-dark] body:before{opacity:.28;filter:blur(70px)}.shell{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-4) calc(120px + env(safe-area-inset-bottom))}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:var(--sp-2)}.spacer{flex:1}.auth{min-height:var(--vv-height, 100dvh);display:grid;place-items:center;padding:var(--sp-5)}.auth-card{width:100%;max-width:420px;background:var(--surface-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:var(--sp-7) var(--sp-6) var(--sp-6);animation:rise .6s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.auth-logo{font-size:46px;text-align:center;line-height:1;margin-bottom:var(--sp-3);animation:beat 2.6s var(--ease-out) infinite}@keyframes beat{0%,60%,to{transform:scale(1)}15%{transform:scale(1.16)}30%{transform:scale(1.03)}45%{transform:scale(1.1)}}.auth-title{font-size:clamp(30px,7vw,40px);text-align:center;line-height:1.1}.auth-sub{text-align:center;color:var(--text-dim);font-size:14.5px;margin:var(--sp-2) 0 var(--sp-6)}.auth-tabs{display:flex;gap:4px;padding:4px;margin-bottom:var(--sp-5);background:var(--surface-2);border-radius:var(--r-pill)}.auth-tabs button{flex:1;padding:10px 8px;border-radius:var(--r-pill);font-size:14px;font-weight:700;color:var(--text-dim);transition:background .2s,color .2s,box-shadow .2s}.auth-tabs button.on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.auth-switch{text-align:center;margin-top:var(--sp-5);font-size:14px;color:var(--text-dim)}.auth-switch button{color:var(--accent);font-weight:700;padding:4px 6px;border-radius:8px}.auth-switch button:hover{background:var(--accent-soft)}.auth-note{margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-radius:var(--r-md);font-size:12.5px;color:var(--text-dim);line-height:1.55}.header{position:sticky;top:0;z-index:40;background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.4);border-bottom:1px solid var(--border);padding:var(--sp-3) 0;margin-bottom:var(--sp-5)}.header-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-4);display:flex;align-items:center;gap:var(--sp-3)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-switch{text-align:left;border-radius:var(--r-md);padding:4px 8px 4px 4px;margin-left:-4px}.brand-switch:hover{background:var(--surface-2)}.brand-caret{font-size:.6em;color:var(--text-dim);vertical-align:middle}.brand-switch .brand-title{overflow:hidden;text-overflow:ellipsis;max-width:52vw}.menu-themes.menu-themes-group{grid-template-columns:repeat(3,1fr)}.onb-spaces{position:fixed;left:0;right:0;bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;pointer-events:none}.onb-spaces .btn{pointer-events:auto;background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.brand-mark{font-size:24px;filter:drop-shadow(0 2px 6px var(--accent-soft));animation:beat 3.4s var(--ease-out) infinite}.space-pic{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.brand-mark .space-pic{width:30px;height:30px;border-radius:9px}.brand-text{min-width:0}.brand-title{font-size:23px;line-height:1.1;white-space:nowrap}.brand-sub{font-size:11.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-pill);font-size:18px;color:var(--text-dim);background:transparent;transition:background .18s,transform .18s var(--ease),color .18s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:active{transform:scale(.9)}.icon-btn.on{color:var(--accent);background:var(--accent-soft)}.hero{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-5)}.hero-greet{font-size:clamp(21px,4.4vw,28px);line-height:1.15}.hero-line{color:var(--text-dim);font-size:14px;margin-top:4px}.hero-days{display:flex;align-items:baseline;gap:6px;margin-top:7px;font-size:12.5px;color:var(--text-dim)}.hero-days span{font-size:13px}.hero-days b{font-family:var(--font-display);font-size:19px;line-height:1;color:var(--accent-ink);font-variant-numeric:tabular-nums}.ring{position:relative;width:84px;height:84px;flex:none}.ring svg{transform:rotate(-90deg);display:block}.ring-track{stroke:var(--border)}.ring-fill{stroke:url(#ringGrad);stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease-out)}.ring-label{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:17px;font-family:var(--font-body)}.tabs{display:flex;gap:4px;padding:5px;width:fit-content;max-width:100%;background:var(--surface-2);border-radius:var(--r-pill);overflow-x:auto;scrollbar-width:none;margin-bottom:var(--sp-4)}.tabs::-webkit-scrollbar{display:none}.filter-line{display:flex;align-items:flex-start;gap:var(--sp-2)}.filter-line>.row-wrap{flex:1 1 auto;min-width:0}.filter-actions{display:flex;gap:var(--sp-2);flex:0 0 auto}.row-wrap{position:relative;width:fit-content;max-width:100%}.row-wrap.wide{width:100%}.row-wrap.edge-r>:first-child{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 42px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 42px),transparent)}.row-wrap.edge-l>:first-child{-webkit-mask-image:linear-gradient(90deg,transparent,#000 42px);mask-image:linear-gradient(90deg,transparent,#000 42px)}.row-wrap.edge-lr>:first-child{-webkit-mask-image:linear-gradient(90deg,transparent,#000 42px,#000 calc(100% - 42px),transparent);mask-image:linear-gradient(90deg,transparent,#000 42px,#000 calc(100% - 42px),transparent)}.row-arrow{position:absolute;top:50%;width:26px;height:26px;margin-top:-13px;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--accent);font-size:18px;font-weight:800;line-height:1;padding-bottom:2px;box-shadow:var(--shadow-sm),0 0 0 1px var(--border);transition:transform .18s var(--ease)}.row-arrow.left{left:-2px}.row-arrow.right{right:-2px}.row-arrow:active{transform:scale(.88)}.row-wrap:has(>.chips) .row-arrow{top:calc(50% - var(--sp-1))}.tab{flex:0 0 auto;padding:9px 16px;border-radius:var(--r-pill);font-size:14px;font-weight:700;color:var(--text-dim);white-space:nowrap;display:flex;align-items:center;gap:7px;transition:color .2s,background .25s var(--ease),transform .2s var(--ease)}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tab:active{transform:scale(.96)}.tab-count{font-size:11.5px;font-weight:800;padding:1px 7px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent)}.tab.active .tab-count{background:var(--accent);color:var(--on-accent)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-5);align-items:center}.chip{padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;color:var(--text-dim);display:flex;align-items:center;gap:6px;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease)}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 6px 16px -8px var(--accent)}.chip:active{transform:scale(.94)}.search{flex:1;min-width:160px;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface)}.search input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:14px}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input::placeholder{color:var(--text-faint)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:var(--sp-4)}.group-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-family:var(--font-body);margin:var(--sp-6) 0 var(--sp-3)}.group-title:after{content:"";flex:1;height:1px;background:var(--border)}.group-title:first-child{margin-top:0}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;width:100%;transition:transform .28s var(--ease),box-shadow .28s var(--ease-out),border-color .28s,opacity .3s;animation:cardIn .45s var(--ease-out) both}html[data-theme=night] .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--border-strong)}.card:active{transform:translateY(-1px) scale(.99)}.card.done{opacity:.62}.card.done .card-title{text-decoration:line-through;text-decoration-color:var(--text-faint)}.card.done:hover{opacity:.9}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pr, var(--accent));opacity:.9;z-index:2}.card.done:before{opacity:.3}.card-photo{position:relative;aspect-ratio:4 / 3;background:var(--surface-2);overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-out)}.card:hover .card-photo img{transform:scale(1.05)}.card-photo.placeholder{display:grid;place-items:center;font-size:46px;aspect-ratio:16 / 7;background:radial-gradient(120% 100% at 50% 0%,var(--accent-soft) 0%,transparent 70%),var(--surface-2)}.card-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:10px;flex:1}.card-top{display:flex;align-items:flex-start;gap:10px}.card-title{font-family:var(--font-body);font-size:15.5px;font-weight:700;line-height:1.35;flex:1;overflow-wrap:anywhere}.card-note{font-size:13px;color:var(--text-dim);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:4px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;background:var(--surface-2);color:var(--text-dim);white-space:nowrap}.pill.accent{background:var(--accent-soft);color:var(--accent)}.pill.due-past,.pill.due-today{background:#e0475f24;color:var(--urgent-ink)}.pill.due-soon{background:var(--accent-soft);color:var(--accent)}.pill.due-far{background:var(--surface-2);color:var(--text-dim)}.check{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;color:transparent;font-size:15px;transition:all .28s var(--ease)}.check:hover{border-color:var(--accent);transform:scale(1.12)}.check:active{transform:scale(.88)}.check.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:var(--on-accent);box-shadow:0 6px 16px -6px var(--accent);animation:pop .45s var(--ease)}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.card-foot{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-4);border-top:1px solid var(--border);background:var(--surface-2);font-size:12px;color:var(--text-dim)}.card-foot .mini{display:flex;align-items:center;gap:4px}.stamp{position:absolute;top:12px;right:12px;z-index:3;padding:4px 11px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:800;letter-spacing:.03em;box-shadow:var(--shadow-sm);transform:rotate(4deg)}.empty{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--text-dim)}.empty-emoji{font-size:56px;margin-bottom:var(--sp-3);animation:beat 3s var(--ease-out) infinite}.empty h3{font-size:25px;color:var(--text);margin-bottom:6px}.empty p{font-size:14.5px;max-width:380px;margin:0 auto}.fab{position:fixed;right:max(var(--sp-5),env(safe-area-inset-right));bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));z-index:45;height:58px;padding:0 24px 0 20px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);font-weight:800;font-size:15px;display:flex;align-items:center;gap:9px;box-shadow:0 14px 34px -10px var(--accent),var(--shadow);transition:transform .3s var(--ease),box-shadow .3s}.fab:hover{transform:translateY(-3px) scale(1.03)}.fab:active{transform:scale(.94)}.fab-plus{font-size:22px;line-height:1}.backdrop{position:fixed;left:0;right:0;top:var(--vv-top, 0px);height:var(--vv-height, 100dvh);z-index:100;background:#140a146b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--sp-5);animation:fade .25s var(--ease-out)}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:560px;max-height:min(calc(var(--vv-height, 88dvh) - var(--sp-5) * 2),900px);display:flex;flex-direction:column;background:var(--surface-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:sheetIn .38s var(--ease-out) both}html[data-theme=romantic] .sheet,html[data-theme=playful] .sheet{background:var(--surface)}@keyframes sheetIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}.sheet-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);flex:none}.sheet-title{font-size:24px;flex:1;line-height:1.2}.sheet-body{padding:var(--sp-5);overflow-y:auto;flex:1}.sheet-foot{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);flex:none}.field{margin-bottom:var(--sp-4)}.label{display:block;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px}.input,.textarea,select.input{width:100%;padding:12px 15px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);outline:none;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--surface)}.textarea{resize:vertical;min-height:84px;line-height:1.55}.pass-wrap{position:relative}.pass-input{padding-right:48px}.pass-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-md);font-size:17px;line-height:1;opacity:.55;transition:opacity .2s,background .2s}.pass-eye:hover{opacity:1;background:var(--surface-2)}.pass-eye:active{transform:translateY(-50%) scale(.9)}.btn{padding:12px 22px;border-radius:var(--r-pill);font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s var(--ease),box-shadow .25s,background .2s,opacity .2s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);box-shadow:0 10px 26px -10px var(--accent);flex:1}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px -12px var(--accent)}.btn-ghost{background:var(--surface-2);color:var(--text-dim)}.btn-ghost:hover{color:var(--text);background:var(--border)}.btn-danger{background:transparent;color:var(--urgent)}.btn-danger:hover{background:#e0475f1f}.btn-block{width:100%}.options{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.option{padding:10px 15px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2);font-size:14px;font-weight:600;color:var(--text-dim);display:flex;align-items:center;gap:7px;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease)}.option:hover{border-color:var(--border-strong);color:var(--text)}.option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 4px 14px -8px var(--accent)}.option:active{transform:scale(.95)}.option.pr-urgent.active{border-color:var(--urgent);color:var(--urgent)}.option.pr-later.active{border-color:var(--later);color:var(--later)}.tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--sp-2)}.tag-grid .option{justify-content:flex-start;font-size:13.5px;padding:9px 12px}.photo-drop{position:relative;border:2px dashed var(--border-strong);border-radius:var(--r-lg);min-height:130px;display:grid;place-items:center;text-align:center;color:var(--text-dim);font-size:13.5px;padding:var(--sp-4);cursor:pointer;overflow:hidden;transition:background .25s,border-color .25s,color .25s}.photo-drop:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.photo-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;cursor:pointer}.photo-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-drop .remove{position:absolute;z-index:2;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.input-title{background:var(--surface);border-width:2px;border-color:var(--border-strong);font-size:16px;padding:14px 16px}.input-title:focus{border-color:var(--accent)}.ideas-block{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px dashed var(--border)}.ideas-cap{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--sp-2)}.ideas{display:flex;flex-wrap:wrap;gap:6px}.idea{padding:6px 12px;border-radius:var(--r-pill);background:transparent;border:1px dashed var(--border-strong);font-size:12.5px;color:var(--text-dim);transition:background .18s,border-color .18s,color .18s,transform .18s var(--ease)}.idea:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);border-style:solid}.idea:active{transform:scale(.94)}.avatar{border-radius:50%;object-fit:cover;display:block;flex:none;background:var(--surface-2)}.avatar-emoji{line-height:1;display:inline-block}.avatar-pick{display:flex;align-items:center;gap:var(--sp-4)}.avatar-drop{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);border-radius:var(--r-pill);border:1px dashed var(--border-strong);color:var(--text-dim);font-size:14px;transition:border-color .2s,color .2s}.avatar-drop:hover{border-color:var(--accent);color:var(--accent)}.avatar-preview{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}.detail-photo{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--r-lg);margin-bottom:var(--sp-4);background:var(--surface-2)}.detail-note{font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.detail-meta,.reactions{display:flex;flex-wrap:wrap;gap:7px;margin:var(--sp-4) 0}.react{padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);font-size:15px;display:flex;align-items:center;gap:6px;transition:background .2s,border-color .2s,transform .2s var(--ease)}.react .n{font-size:12px;font-weight:800;color:var(--text-dim)}.react:hover{border-color:var(--accent);transform:translateY(-2px)}.react:active{transform:scale(.9)}.react.mine{background:var(--accent-soft);border-color:var(--accent)}.react.mine .n{color:var(--accent)}.comments{margin-top:var(--sp-5);border-top:1px solid var(--border);padding-top:var(--sp-4)}.comment{display:flex;gap:10px;margin-bottom:var(--sp-3)}.comment-av{width:32px;height:32px;flex:none;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;font-size:15px}.comment-bubble{background:var(--surface-2);border-radius:4px var(--r-md) var(--r-md) var(--r-md);padding:9px 14px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;position:relative}.comment.mine .comment-bubble{background:var(--accent-soft)}.comment-who{font-size:11.5px;font-weight:800;color:var(--text-dim);margin-bottom:2px}.comment-del{font-size:11px;color:var(--text-faint);padding:2px 6px;opacity:0;transition:opacity .2s}.comment:hover .comment-del{opacity:1}.comment-del:hover{color:var(--urgent)}.comment-form{display:flex;gap:8px;margin-top:var(--sp-4)}.comment-form .input{flex:1;padding:10px 15px;border-radius:var(--r-pill)}.comment-send{width:44px;height:44px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);display:grid;place-items:center;font-size:16px;transition:transform .2s var(--ease)}.comment-send:active{transform:scale(.88)}.comment-send:disabled{opacity:.4}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--accent),var(--accent-2),transparent);opacity:.45;border-radius:2px}.tl-month{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:var(--sp-6) 0 var(--sp-3);font-family:var(--font-body)}.tl-month:first-child{margin-top:0}.tl-item{position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-3);cursor:pointer;width:100%;text-align:left;transition:transform .22s var(--ease),box-shadow .22s;animation:cardIn .4s var(--ease-out) both}.tl-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.tl-item:before{content:"💖";position:absolute;left:-27px;font-size:13px;background:var(--bg);border-radius:50%;line-height:1}.tl-thumb{width:46px;height:46px;flex:none;border-radius:var(--r-sm);object-fit:cover;background:var(--surface-2)}.tl-emoji{width:46px;height:46px;flex:none;border-radius:var(--r-sm);background:var(--surface-2);display:grid;place-items:center;font-size:22px}.tl-title{font-weight:700;font-size:14.5px;line-height:1.3}.tl-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.toasts{position:fixed;left:50%;bottom:calc(100dvh - var(--vv-top, 0px) - var(--vv-height, 100dvh) + 90px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(92vw,420px)}.toast{padding:11px 20px;border-radius:var(--r-pill);background:var(--surface-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);box-shadow:var(--shadow);font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px;animation:toastIn .35s var(--ease) both;max-width:100%}.toast.err{color:var(--urgent)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 10px);right:0;z-index:60;min-width:244px;padding:7px;background:var(--surface-menu);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:menuIn .22s var(--ease-out) both}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}.menu-item{width:100%;display:flex;align-items:center;gap:11px;padding:8px 12px;line-height:1.25;border-radius:var(--r-md);font-size:14px;text-align:left;color:var(--text-dim);transition:background .18s,color .18s}.menu-label{padding:2px 12px 6px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.menu-themes{display:grid;grid-template-columns:repeat(5,1fr);min-width:254px;gap:4px;margin-bottom:4px}.menu-theme{display:grid;justify-items:center;gap:3px;padding:8px 2px;border-radius:var(--r-sm);color:var(--text-dim);transition:background .18s,color .18s}.menu-theme span{font-size:19px;line-height:1}.menu-theme i{font-style:normal;font-size:10.5px;font-weight:700}.menu-theme:hover{background:var(--surface-2);color:var(--text)}.menu-theme.active{color:var(--accent-ink);background:var(--accent-soft)}.menu-item:hover{background:var(--surface-2);color:var(--text)}.menu-item.active{color:var(--accent);background:var(--accent-soft)}.menu-item .t{font-weight:700}.menu-item .h{font-size:11.5px;color:var(--text-faint)}.menu-sep{height:1px;background:var(--border);margin:6px 4px}.spin{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100dvh;display:grid;place-items:center;gap:var(--sp-3)}.err-box{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:#e0475f1a;color:var(--urgent);font-size:13.5px;margin-bottom:var(--sp-4);line-height:1.5}.ok-box{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);font-size:13.5px;margin-bottom:var(--sp-4);line-height:1.5}.setup{max-width:620px;margin:0 auto;padding:var(--sp-8) var(--sp-5);line-height:1.65}.setup code{background:var(--surface-2);padding:2px 7px;border-radius:6px;font-size:13px;font-family:ui-monospace,monospace}.setup ol{padding-left:20px}.setup li{margin-bottom:10px}@media(max-width:640px){.shell{padding-left:var(--sp-3);padding-right:var(--sp-3)}.header-inner{padding:0 var(--sp-3)}.brand-title{font-size:20px}.brand-sub{display:none}.hero{padding:var(--sp-4);gap:var(--sp-4);border-radius:var(--r-lg)}.ring{width:68px;height:68px}.grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--sp-3)}.card-body{padding:var(--sp-3)}.card-title{font-size:14px}.card-note{display:none}.backdrop{padding:0;align-items:flex-end}.sheet{max-width:100%;max-height:var(--vv-height, 92dvh);border-radius:var(--r-xl) var(--r-xl) 0 0;padding-bottom:env(safe-area-inset-bottom)}@keyframes sheetIn{0%{opacity:.4;transform:translateY(100%)}to{opacity:1;transform:none}}.sheet-head,.sheet-body,.sheet-foot{padding-left:var(--sp-4);padding-right:var(--sp-4)}.sheet-title{font-size:21px}.fab{left:var(--sp-3);right:var(--sp-3);justify-content:center}.toasts{bottom:calc(96px + env(safe-area-inset-bottom))}}html[data-perf=low] body:before{animation:none;filter:none;opacity:.38}html[data-perf=low] .header,html[data-perf=low] .sheet,html[data-perf=low] .toast,html[data-perf=low] .auth-card,html[data-perf=low] .card{backdrop-filter:none;-webkit-backdrop-filter:none}html[data-perf=low] .header,html[data-perf=low] .sheet,html[data-perf=low] .toast,html[data-perf=low] .auth-card{background:var(--bg)}html[data-perf=low][data-theme=night] .header,html[data-perf=low][data-theme=night] .sheet,html[data-perf=low][data-theme=night] .toast,html[data-perf=low][data-theme=night] .auth-card{background:#1c1828}html[data-perf=low] .card{box-shadow:none}html[data-perf=low] .card:hover{transform:none}html[data-kb="1"] .auth{align-items:start;padding-top:var(--sp-3)}html[data-kb="1"] .auth-logo,html[data-kb="1"] .auth-note{display:none}html[data-kb="1"] .auth-card{padding:var(--sp-4);animation:none}html[data-kb="1"] .auth-title{font-size:25px}html[data-kb="1"] .auth-sub{margin:4px 0 var(--sp-4)}html[data-kb="1"] .field{margin-bottom:var(--sp-3)}html[data-kb="1"] .auth-switch{margin-top:var(--sp-3)}.stamp.fresh{background:var(--accent-2);transform:rotate(-3deg);animation:fresh 2.4s ease-in-out infinite}@keyframes fresh{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(-3deg) scale(1.07)}}.chips.tag-row{margin-top:0}.chip-count{font-size:10.5px;font-weight:800;opacity:.6;margin-left:2px}.menu-catch{position:fixed;inset:0;z-index:55}.chips.scroll-row{flex-wrap:wrap;margin-bottom:var(--sp-3)}.search-line{margin-bottom:var(--sp-5)}.search-toggle{display:none}.menu.menu-left{left:0;right:auto;max-width:calc(100vw - var(--sp-3) * 2)}@media(max-width:640px){.tab{padding:10px;font-size:13px;gap:4px}.tab-count{display:none}.chips.scroll-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:var(--sp-2);scroll-padding-inline:var(--sp-3)}.chips.scroll-row::-webkit-scrollbar{display:none}.chips.scroll-row>*,.chips.scroll-row .menu-wrap{flex:0 0 auto}.chips.tag-row{margin-top:0}.search-toggle{display:flex}.search-line{display:none;margin-bottom:var(--sp-4)}.search-line.open{display:block}.search-line .search{width:100%}.hide-narrow{display:none}.menu.menu-left{position:fixed;left:var(--sp-3);right:var(--sp-3);top:auto;bottom:calc(var(--sp-3) + 64px + env(safe-area-inset-bottom));max-width:none;min-width:0}@keyframes menuIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.menu-item{padding:13px 14px}.hero{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3);margin-bottom:var(--sp-3)}.hero-greet{font-size:19px}.hero-line{font-size:12.5px;margin-top:2px}.ring{width:54px;height:54px}.ring-label{font-size:13px}.header,.tabs{margin-bottom:var(--sp-3)}.tab{padding:8px 13px;font-size:13.5px}.card-photo{aspect-ratio:3 / 2}.card-photo.placeholder{aspect-ratio:5 / 2;font-size:34px}.group-title{margin:var(--sp-4) 0 var(--sp-2);font-size:11.5px}.fab{height:52px;font-size:14.5px}.shell{padding-bottom:calc(104px + env(safe-area-inset-bottom))}}.check-list{margin-top:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2)}.check-row{display:flex;gap:10px;align-items:baseline;font-size:13.5px;padding:4px 0}.check-mark{flex:none}.check-row b{font-weight:700}.check-row i{display:block;font-style:normal;font-size:12px;color:var(--text-dim);overflow-wrap:anywhere}.check-hint{margin:var(--sp-2) 0 0;font-size:12px;color:var(--text-faint);line-height:1.5}.check-hint a,.linky{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px;font:inherit;padding:0}.or-line{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0;color:var(--text-faint);font-size:12.5px}.or-line:before,.or-line:after{content:"";flex:1;height:1px;background:var(--border)}.code-input{text-align:center;font-size:24px;font-weight:800;letter-spacing:.14em;font-family:ui-monospace,SF Mono,Menlo,monospace}.invite-code{margin:var(--sp-4) 0;padding:var(--sp-5) var(--sp-3);border-radius:var(--r-lg);background:var(--accent-soft);border:2px dashed var(--accent);color:var(--accent);text-align:center;font-size:clamp(26px,8vw,34px);font-weight:800;letter-spacing:.12em;font-family:ui-monospace,SF Mono,Menlo,monospace;cursor:pointer;-webkit-user-select:all;user-select:all;transition:transform .2s var(--ease)}.invite-code:active{transform:scale(.97)}.couple-state{text-align:center;padding:var(--sp-4) var(--sp-3) var(--sp-2)}.couple-emoji{font-size:42px;margin-bottom:var(--sp-2);display:flex;align-items:center;justify-content:center;gap:8px}.couple-state b{display:block;font-size:17px;margin-bottom:4px}.couple-state span{font-size:13.5px;color:var(--text-dim);line-height:1.5}.invite-banner{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--accent);background:var(--accent-soft);text-align:left;transition:transform .2s var(--ease)}.invite-banner:active{transform:scale(.99)}.invite-emoji{font-size:24px;flex:none}.invite-banner b{display:block;font-size:14.5px;color:var(--text)}.invite-banner i{display:block;font-style:normal;font-size:12.5px;color:var(--text-dim);line-height:1.45}.invite-banner span:nth-child(2){flex:1;min-width:0}.invite-go{color:var(--accent);font-size:20px;font-weight:800;flex:none}.push-hint{cursor:default}.push-hint:active{transform:none}.hint-actions{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex:none}.hint-actions .btn{flex:none;text-decoration:none}.btn-sm{padding:8px 16px;font-size:13.5px;border-radius:var(--r-md)}.hint-later{font-size:12px;color:var(--text-dim);padding:2px 6px;border-radius:8px}.hint-later:hover{color:var(--text);background:var(--surface-2)}@media(max-width:420px){.push-hint{flex-wrap:wrap}.hint-actions{flex-direction:row;align-items:center;width:100%;justify-content:flex-end}}.danger-zone{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border)}.confirm-box{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:#e0475f1a;margin-bottom:var(--sp-2)}.confirm-box p{margin:0 0 var(--sp-3);font-size:13.5px;line-height:1.5;color:var(--text)}.confirm-box .btn{flex:1}.push-row{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2);text-align:left;transition:border-color .2s,background .2s}.push-row.on{border-color:var(--accent);background:var(--accent-soft)}.push-row:disabled{opacity:.65}.push-emoji{font-size:22px;flex:none}.push-row b{display:block;font-size:14.5px;color:var(--text)}.push-row i{display:block;font-style:normal;font-size:12px;color:var(--text-dim);line-height:1.45}.push-row span:nth-child(2){flex:1;min-width:0}.push-switch{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--on-accent);background:var(--border)}.push-row.on .push-switch{background:var(--accent)}.pref-list{display:grid;gap:var(--sp-2)}.pref-row{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2);text-align:left;transition:border-color .2s,background .2s}.pref-row.on{border-color:var(--accent);background:var(--accent-soft)}.pref-row:disabled{opacity:.65}.pref-row b{display:block;font-size:14.5px;color:var(--text)}.pref-row i{display:block;font-style:normal;font-size:12px;color:var(--text-dim);line-height:1.45}.pref-row span:nth-child(2){flex:1;min-width:0}.pref-emoji{font-size:20px;flex:none}.pref-switch{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--on-accent);background:var(--border)}.pref-row.on .pref-switch{background:var(--accent)}.seg{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.seg-btn{padding:var(--sp-3);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2);text-align:center;transition:border-color .2s,background .2s,transform .18s var(--ease)}.seg-btn:active{transform:scale(.96)}.seg-btn b{display:block;font-size:14px;color:var(--text)}.seg-btn i{display:block;font-style:normal;font-size:11.5px;color:var(--text-dim);margin-top:2px}.seg-btn.active{border-color:var(--accent);background:var(--accent-soft)}.seg-btn.active b{color:var(--accent-ink)}.hours-row{gap:var(--sp-2);margin-top:var(--sp-2)}.hours-pick{flex:1;display:flex;align-items:center;gap:var(--sp-2)}.hours-pick>span{font-size:13px;color:var(--text-dim);flex:none}.hours-pick .input{flex:1}.toast-act{flex:none;margin-left:var(--sp-2);padding:5px 10px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-ink);font-size:12.5px;font-weight:800;white-space:nowrap}.toast-act:active{transform:scale(.94)}.memories{margin-top:var(--sp-5)}.memories-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.memories-count{font-size:11.5px;color:var(--text-faint)}.memories-empty{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);border:1.5px dashed var(--border-strong);background:transparent;text-align:left;transition:border-color .2s,background .2s}.memories-empty:hover{border-color:var(--accent);background:var(--accent-soft)}.memories-empty:disabled{opacity:.6}.memories-empty-emoji{font-size:24px;flex:none}.memories-empty b{display:block;font-size:14.5px;color:var(--text)}.memories-empty i{display:block;font-style:normal;font-size:12px;color:var(--text-dim);line-height:1.45}.memories-empty span:nth-child(2){flex:1;min-width:0}.memories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-2)}.memory{position:relative}.memory-open{display:block;width:100%;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2)}.memory-img{width:100%;height:100%;object-fit:cover;display:block}.memory-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff;background:#00000080;opacity:.8;transition:opacity .18s,background .18s}.memory-del:before{content:"";position:absolute;inset:-9px;border-radius:50%}.memory:hover .memory-del,.memory-del:focus-visible{opacity:1;background:#000000b3}.memory-confirm{position:absolute;inset:0;border-radius:var(--r-sm);background:#000000b8;color:#fff;display:grid;place-items:center;gap:var(--sp-2);font-size:12.5px;padding:var(--sp-2)}.memory-add{aspect-ratio:1;border-radius:var(--r-sm);border:1.5px dashed var(--border-strong);display:grid;place-items:center;gap:2px;color:var(--text-dim);transition:border-color .2s,color .2s,background .2s}.memory-add:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.memory-add span{font-size:22px;line-height:1}.memory-add i{font-style:normal;font-size:11px}.memory-big{position:fixed;inset:0;z-index:90;background:#000000e0;display:grid;place-items:center;padding:var(--sp-4);animation:fadeIn .18s ease both}.memory-big-img{max-width:100%;max-height:88vh;max-height:88svh;object-fit:contain;border-radius:var(--r-md)}.memory-big-close{position:absolute;top:calc(var(--sp-4) + env(safe-area-inset-top));right:var(--sp-4);width:40px;height:40px;border-radius:50%;background:#ffffff29;color:#fff;font-size:16px;display:grid;place-items:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.done-ask{text-align:center}.done-ask-emoji{display:block;font-size:46px;line-height:1;margin-bottom:var(--sp-3);animation:askPop .5s var(--ease) both}@keyframes askPop{0%{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:none}}.done-ask-title{font-family:var(--font-display);font-size:24px;line-height:1.15;margin:0 0 var(--sp-2)}.done-ask-text{color:var(--text-dim);font-size:14.5px;line-height:1.55;margin:0 auto var(--sp-5);max-width:34ch}.join-other{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.code-input{text-align:center;letter-spacing:3px;font-weight:800;text-transform:uppercase}.slots{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;width:min(420px,calc(100% - var(--sp-8)));padding:10px 16px;border-radius:var(--r-md);background:var(--surface-menu);border:1px solid var(--border-strong);box-shadow:var(--shadow);text-align:center;animation:slotsIn .3s var(--ease-out) both}.slots b{display:block;font-size:13.5px;color:var(--text)}.slots span{display:block;font-size:11.5px;color:var(--text-dim);line-height:1.4;margin-top:2px}.slots.full{border-color:var(--accent)}.slots.full b{color:var(--accent-ink)}@keyframes slotsIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.slots-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2)}.slots-row.free-forever{border-color:var(--accent);background:var(--accent-soft)}.slots-emoji{font-size:20px;flex:none}.slots-row b{display:block;font-size:14.5px;color:var(--text)}.slots-row i{display:block;font-style:normal;font-size:12px;color:var(--text-dim);line-height:1.45}.slots-row span:nth-child(2){flex:1;min-width:0}.beta{text-align:center}.beta-emoji{display:block;font-size:44px;line-height:1;margin-bottom:var(--sp-3)}.beta-lead{font-size:15px;color:var(--text-dim);margin:0 auto var(--sp-4);max-width:32ch}.beta-gift{padding:var(--sp-4);border-radius:var(--r-md);background:var(--accent-soft);border:1.5px solid var(--accent);margin-bottom:var(--sp-4)}.beta-gift b{display:block;font-size:17px;color:var(--accent-ink);margin-bottom:4px}.beta-gift span{display:block;font-size:13px;color:var(--text);line-height:1.5}.beta-ask{font-size:13px;color:var(--text-dim);line-height:1.5;margin:0 0 var(--sp-5)}.tour{position:fixed;inset:0;z-index:95;animation:fadeIn .2s ease both}.tour-dim{position:absolute;inset:0;background:#000000ad}.tour-hole{position:absolute;border-radius:var(--r-md);box-shadow:0 0 0 9999px #000000ad;outline:2px solid var(--accent);outline-offset:2px;transition:top .28s var(--ease-out),left .28s var(--ease-out),width .28s var(--ease-out),height .28s var(--ease-out);pointer-events:none}.tour-card{position:absolute;left:50%;transform:translate(-50%);width:min(360px,calc(100% - var(--sp-6)));padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface-menu);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}.tour-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.tour-count{font-size:11.5px;color:var(--text-faint)}.tour-skip{font-size:12.5px;color:var(--text-dim);text-decoration:underline;text-underline-offset:2px;padding:4px}.tour-title{display:block;font-family:var(--font-display);font-size:21px;line-height:1.15}.tour-text{font-size:13.5px;color:var(--text-dim);line-height:1.5;margin:6px 0 var(--sp-3)}.tour-dots{display:flex;gap:5px;justify-content:center;margin-bottom:var(--sp-3)}.tour-dots i{width:5px;height:5px;border-radius:50%;background:var(--border-strong);transition:background .2s,width .2s}.tour-dots i.on{background:var(--accent);width:16px;border-radius:3px}.friends{text-align:center}.friends-emoji{display:block;font-size:42px;line-height:1;margin-bottom:var(--sp-3)}.friends-lead{font-size:15px;color:var(--text-dim);line-height:1.55;margin:0 auto var(--sp-4);max-width:34ch}.friends-lead b{color:var(--text);font-weight:600}.friends-count{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--accent-soft);border:1.5px solid var(--accent)}.friends-count b{display:block;font-family:var(--font-display);font-size:22px;line-height:1.1;color:var(--accent-ink)}.friends-count span{display:block;font-size:12.5px;color:var(--text);margin-top:2px}.friends .row .btn-primary{flex:1}.menu-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:11.5px;font-weight:800;display:grid;place-items:center}.achv-head{display:flex;justify-content:center;margin-bottom:var(--sp-4)}.achv-score{font-family:var(--font-display);font-size:44px;line-height:1;color:var(--accent-ink);display:flex;align-items:baseline;gap:8px}.achv-score i{font-style:normal;font-family:var(--font-body);font-size:13px;color:var(--text-dim)}.achv-list{display:grid;gap:var(--sp-2)}.achv{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2)}.achv .achv-emoji{font-size:22px;flex:none;filter:grayscale(1);opacity:.5}.achv.on{border-color:var(--accent);background:var(--accent-soft)}.achv.on .achv-emoji{filter:none;opacity:1}.achv b{display:block;font-size:14.5px;color:var(--text)}.achv i{display:block;font-style:normal;font-size:12px;color:var(--text-dim);line-height:1.45}.achv span:nth-child(2){flex:1;min-width:0}.achv-tick{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--on-accent);background:var(--accent)}.achv-bar{display:flex;align-items:center;gap:8px;margin-top:7px}.achv-track{flex:1;height:5px;border-radius:3px;background:var(--border);overflow:hidden}.achv-track>span{display:block;height:100%;border-radius:3px;background:var(--accent);transition:width .5s var(--ease-out)}.achv-bar em{flex:none;font-style:normal;font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.achv-pop{position:fixed;inset:0;z-index:92;display:grid;place-items:center;background:#00000080;animation:fadeIn .2s ease both}.achv-pop-card{width:min(320px,calc(100% - var(--sp-6)));padding:var(--sp-5);border-radius:var(--r-lg);background:var(--surface-menu);border:1.5px solid var(--accent);box-shadow:var(--shadow-lg);text-align:center;animation:achvPop .5s var(--ease) both}@keyframes achvPop{0%{opacity:0;transform:scale(.86) translateY(10px)}to{opacity:1;transform:none}}.achv-pop-label{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:var(--sp-3)}.achv-pop-row{display:grid;gap:4px;margin-top:var(--sp-3)}.achv-pop-emoji{font-size:40px;line-height:1}.achv-pop-row b{font-family:var(--font-display);font-size:21px;color:var(--text)}.sub-now{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2);margin-bottom:var(--sp-5)}.sub-now.free-forever{border-color:var(--accent);background:var(--accent-soft)}.sub-now-emoji{font-size:22px;flex:none}.sub-now b{display:block;font-size:14.5px;color:var(--text)}.sub-now i{display:block;font-style:normal;font-size:12px;color:var(--text-dim);line-height:1.45}.sub-now span:nth-child(2){flex:1;min-width:0}.sub-gives{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}.sub-gives li{display:grid;grid-template-columns:24px 1fr;gap:var(--sp-2);align-items:start}.sub-gives li>span:first-child{font-size:17px;line-height:1.35}.sub-gives li>span:last-child{font-size:14px;color:var(--text-dim);line-height:1.5}.sub-plan{position:relative;padding-top:var(--sp-4)}.sub-plan b{font-family:var(--font-display);font-size:24px;line-height:1.1}.sub-best{position:absolute;top:-9px;left:50%;transform:translate(-50%);padding:2px 9px;border-radius:999px;background:var(--surface-menu);border:1.5px solid var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.sub-soon{margin-top:var(--sp-5);padding:var(--sp-4);border-radius:var(--r-md);border:1px dashed var(--border-strong)}.sub-soon b{display:block;font-size:14px;color:var(--text);margin-bottom:4px}.sub-soon span{display:block;font-size:13px;color:var(--text-dim);line-height:1.55}.since-row{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2);text-align:left;transition:border-color .2s}.since-row:hover{border-color:var(--border-strong)}.since-emoji{font-size:20px;flex:none}.since-row b{display:block;font-family:var(--font-display);font-size:20px;line-height:1.1;color:var(--accent-ink)}.since-row i{display:block;font-style:normal;font-size:12px;color:var(--text-dim);margin-top:2px}.since-row span:nth-child(2){flex:1;min-width:0}.since-edit{flex:none;font-size:15px;opacity:.6}.age-check{display:flex;align-items:center;gap:10px;margin:calc(var(--sp-2) * -1) 0 var(--sp-3);padding:10px 2px;cursor:pointer;font-size:14px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.age-check input{width:20px;height:20px;flex:none;accent-color:var(--accent);cursor:pointer}.card-badge{font-size:12.5px;font-weight:700;color:var(--accent-ink);margin-top:4px}