:root{--ink: #17111A;--bg: #17111A;--surface: #211823;--surface-2: #2A1F2D;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .12);--text: #F6F0F3;--text-dim: #B4A3AE;--text-faint: #7C6C77;--rose: #EC8AA8;--rose-bright: #F4A7BF;--rose-ink: #2A0F19;--mens: #F0708D;--foll: #74CBA6;--fert: #EBC15F;--lut: #A594E0;--mens-bg: rgba(240, 112, 141, .13);--foll-bg: rgba(116, 203, 166, .13);--fert-bg: rgba(235, 193, 95, .13);--lut-bg: rgba(165, 148, 224, .13);--danger: #E0806F;--r-xs: 10px;--r-sm: 14px;--r: 20px;--r-lg: 28px;--r-xl: 34px;--pad: 20px;--gap: 14px;--shadow-sm: 0 2px 12px -6px rgba(0, 0, 0, .5);--shadow: 0 12px 40px -16px rgba(0, 0, 0, .7);--shadow-glow: 0 8px 32px -10px rgba(236, 138, 168, .35);--font-display: "Fraunces", Georgia, serif;--font-ui: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}html[data-theme=light]{--ink: #FBF6F8;--bg: #FBF6F8;--surface: #FFFFFF;--surface-2: #FBF3F6;--line: rgba(40, 20, 32, .08);--line-strong: rgba(40, 20, 32, .14);--text: #241621;--text-dim: #6E5A66;--text-faint: #9E8B96;--rose: #C15A7C;--rose-bright: #A8476A;--rose-ink: #FFFFFF;--mens: #D25577;--foll: #3D9670;--fert: #9A7B22;--lut: #6E5CB8;--mens-bg: rgba(210, 85, 119, .1);--foll-bg: rgba(61, 150, 112, .1);--fert-bg: rgba(154, 123, 34, .1);--lut-bg: rgba(110, 92, 184, .1);--shadow-sm: 0 2px 12px -8px rgba(80, 50, 66, .25);--shadow: 0 12px 40px -18px rgba(80, 50, 66, .3);--shadow-glow: 0 8px 32px -12px rgba(193, 90, 124, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none;line-height:1.5}#root{min-height:100%}.app{max-width:480px;margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 104px)}h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;line-height:1.15}.display{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:13px}.tiny{font-size:11.5px}.eyebrow{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint)}.head{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 18px}.head .greet{display:flex;flex-direction:column;gap:1px}.head .greet .hello{font-family:var(--font-display);font-size:22px}.head .greet .date{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.head .avatar-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:transform .2s var(--ease)}.head .avatar-btn:active{transform:scale(.92)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap)}.card.flush{padding:0;overflow:hidden}.card.hero{background:linear-gradient(165deg,var(--surface) 0%,var(--surface-2) 100%);border-radius:var(--r-lg);padding:24px 20px 20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-head .eyebrow{margin:0}button{font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);border-radius:var(--r-sm);padding:14px 18px;font-size:15px;font-weight:600;cursor:pointer;width:100%;transition:transform .16s var(--ease),background .2s,border-color .2s,opacity .2s}.btn:active{transform:scale(.975)}.btn.primary{background:var(--rose);border-color:var(--rose);color:var(--rose-ink);box-shadow:var(--shadow-glow)}.btn.primary:active{background:var(--rose-bright)}.btn.ghost{background:transparent;border-color:var(--line-strong)}.btn.subtle{background:var(--surface-2);border-color:transparent}.btn.danger{color:var(--danger);border-color:#e0806f4d;background:transparent}.btn.sm{padding:10px 14px;font-size:13.5px;width:auto;border-radius:var(--r-xs)}.btn:disabled{opacity:.5;cursor:default}.btn-row{display:flex;gap:10px}.btn-row>*{flex:1}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border-radius:var(--r-sm);padding:4px;gap:4px;margin-bottom:18px}.seg button{background:none;border:none;padding:11px;border-radius:11px;font-weight:600;font-size:14px;color:var(--text-dim);cursor:pointer;transition:all .2s var(--ease)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:7px;font-weight:600}.input{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);padding:14px 15px;font-size:16px;font-family:var(--font-ui);outline:none;transition:border-color .2s}.input:focus{border-color:var(--rose)}textarea.input{resize:vertical;min-height:76px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:10px 15px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s var(--ease)}.chip:active{transform:scale(.96)}.chip.on{background:var(--rose-bright);border-color:var(--rose-bright);color:var(--rose-ink)}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;display:grid;grid-template-columns:1fr 1fr 76px 1fr 1fr;align-items:center;padding:10px 12px calc(env(safe-area-inset-bottom) + 10px);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid var(--line);z-index:40}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-faint);font-size:10.5px;font-weight:600;padding:4px 2px;cursor:pointer;transition:color .2s}.tab.on{color:var(--rose-bright)}.tab .ico{transition:transform .2s var(--ease-spring)}.tab.on .ico{transform:translateY(-1px)}.fab{width:60px;height:60px;border-radius:20px;background:var(--rose);color:var(--rose-ink);border:none;display:flex;align-items:center;justify-content:center;margin:0 auto;cursor:pointer;box-shadow:var(--shadow-glow);transition:transform .18s var(--ease-spring)}.fab:active{transform:scale(.9) rotate(90deg)}.hero-ring{display:flex;justify-content:center;padding:4px 0 8px;position:relative}@keyframes ringDraw{0%{stroke-dashoffset:var(--dash)}to{stroke-dashoffset:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSoft{0%,to{opacity:.55}50%{opacity:1}}.ring-center-label{pointer-events:none}.phase-tag{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;letter-spacing:-.01em}.phase-tag .dot{width:9px;height:9px;border-radius:50%}.pt-mens{background:var(--mens-bg);color:var(--mens)}.pt-foll{background:var(--foll-bg);color:var(--foll)}.pt-fert{background:var(--fert-bg);color:var(--fert)}.pt-lut{background:var(--lut-bg);color:var(--lut)}.hero-sub{color:var(--text-dim);font-size:14px;line-height:1.55;margin-top:12px;max-width:300px;margin-inline:auto}.info-row{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px}.info-row .ir-icon{width:42px;height:42px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center}.info-row .ir-body{flex:1;min-width:0}.info-row .ir-label{font-size:12px;color:var(--text-faint);font-weight:600;margin-bottom:2px}.info-row .ir-value{font-size:15.5px;font-weight:600;letter-spacing:-.01em}.info-row .ir-value b{font-family:var(--font-mono);font-weight:700}.info-row .ir-big{font-family:var(--font-display);font-size:20px;font-weight:500}.bday-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:none;cursor:pointer;border-radius:var(--r);padding:15px;font-size:15px;font-weight:700;color:#3a1206;background:linear-gradient(120deg,#f6c56b,#ec8aa8 55%,#a594e0 120%);box-shadow:0 10px 30px -12px #ec8aa880;transition:transform .16s var(--ease-spring);margin-bottom:var(--gap)}.bday-btn:active{transform:scale(.97)}.bday-btn:disabled{opacity:.7}.cal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-month{font-family:var(--font-display);font-size:20px}.cal-nav{display:flex;gap:8px}.cal-nav button{width:36px;height:36px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.cal-nav button:active{background:var(--surface)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-wd{text-align:center;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);padding:2px 0 6px;text-transform:uppercase;letter-spacing:.05em}.cal-cell{aspect-ratio:1;border:none;background:none;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:600;color:var(--text);cursor:pointer;position:relative;transition:background .15s,transform .1s}.cal-cell:active{transform:scale(.9)}.cal-cell.out{color:var(--text-faint);opacity:.4}.cal-cell.today{box-shadow:inset 0 0 0 1.5px var(--text-dim)}.cal-cell.mens{background:var(--mens);color:#24101a;font-weight:700}.cal-cell.mens.spotting{background:var(--mens-bg);color:var(--mens)}.cal-cell.predicted{background:transparent;border:1.5px dashed var(--mens);color:var(--mens)}.cal-cell.fert:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--fert)}.cal-cell.ovu{box-shadow:inset 0 0 0 1.5px var(--fert)}.cal-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.cal-legend span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim)}.lg{width:11px;height:11px;border-radius:4px;flex:none}.lg.mens{background:var(--mens)}.lg.pred{border:1.5px dashed var(--mens)}.lg.fert{width:7px;height:7px;border-radius:50%;background:var(--fert)}.lg.ovu{border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--fert)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:var(--gap)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 10px;text-align:center}.stat .v{font-family:var(--font-display);font-size:27px;font-weight:500}.stat .l{font-size:11px;color:var(--text-faint);margin-top:4px;font-weight:600}.bars{display:flex;align-items:flex-end;gap:7px;height:100px;padding-top:22px}.bar{flex:1;background:var(--surface-2);border-radius:7px 7px 4px 4px;position:relative;min-width:8px}.bar i{position:absolute;inset:auto 0 0 0;background:var(--rose);border-radius:7px 7px 4px 4px}.bar b{position:absolute;top:-20px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);font-weight:400}.plist{display:flex;flex-direction:column;gap:9px}.pitem{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border-radius:var(--r-sm);padding:14px 16px}.pitem .d{font-weight:600;font-size:14.5px}.pitem .m{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.pitem .len{font-family:var(--font-mono);font-size:12px;color:var(--mens);background:var(--mens-bg);padding:4px 10px;border-radius:999px;font-weight:700}.member{display:flex;align-items:center;gap:13px;padding:6px 0}.member .av{width:44px;height:44px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:21px;flex:none}.member .mn{font-weight:600;font-size:15px}.member .ms{font-size:12.5px;color:var(--text-faint)}.auth{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px}.auth-box{width:100%;max-width:390px}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.auth-logo h1{font-size:42px;font-weight:500;letter-spacing:-.02em}.auth-logo p{color:var(--text-dim);font-size:14.5px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 108px);background:var(--surface);border:1px solid var(--line-strong);color:var(--text);border-radius:999px;padding:13px 22px;font-size:14px;font-weight:600;box-shadow:var(--shadow);z-index:60;animation:toastIn .35s var(--ease-spring);max-width:88vw;text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.notif-banner{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,var(--rose-bright),var(--lut));color:var(--rose-ink);border-radius:var(--r);padding:15px 16px;margin-bottom:var(--gap);cursor:pointer;transition:transform .16s var(--ease)}.notif-banner:active{transform:scale(.98)}.notif-banner .nb-ico{flex:none}.notif-banner .nb-body{flex:1}.notif-banner .nb-title{font-weight:700;font-size:14px}.notif-banner .nb-sub{font-size:12.5px;opacity:.85}.hr{border:none;border-top:1px solid var(--line);margin:16px 0}.note{font-size:12.5px;color:var(--text-faint);line-height:1.55}.center{text-align:center}a{color:var(--rose-bright)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stack-appear>*{animation:fadeUp .5s var(--ease) both}.stack-appear>*:nth-child(2){animation-delay:.05s}.stack-appear>*:nth-child(3){animation-delay:.1s}.stack-appear>*:nth-child(4){animation-delay:.15s}.stack-appear>*:nth-child(5){animation-delay:.2s}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.cal-heart{position:absolute;top:4px;right:5px;font-size:8px;color:var(--rose);line-height:1}.cal-cell.mens .cal-heart{color:var(--rose-ink);opacity:.7}.lg-heart{color:var(--rose);font-size:12px}.fab{transition:transform .28s var(--ease-spring),background .2s}.fab.open{transform:rotate(135deg);background:var(--rose-bright)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a060a00;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:45;pointer-events:none;transition:background .3s var(--ease),backdrop-filter .3s var(--ease)}.sheet-backdrop.show{background:#0a060a8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}.action-sheet{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 92px);width:100%;max-width:480px;padding:0 18px;display:flex;flex-direction:column;gap:12px;z-index:55;pointer-events:none}.action-item{display:flex;align-items:center;gap:14px;width:100%;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:var(--r);padding:16px 18px;cursor:pointer;text-align:left;box-shadow:var(--shadow);opacity:0;transform:translateY(24px) scale(.96);transition:opacity .3s var(--ease),transform .35s var(--ease-spring);pointer-events:none}.action-sheet.open .action-item{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.action-sheet.open .action-item.sex{transition-delay:.04s}.action-sheet.open .action-item.period{transition-delay:.1s}.action-item .ai-icon{width:46px;height:46px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center}.action-item.period .ai-icon{background:var(--mens-bg);color:var(--mens)}.action-item.sex .ai-icon{background:var(--rose-soft, rgba(236,138,168,.14));color:var(--rose)}.action-item .ai-text{display:flex;flex-direction:column;gap:2px}.action-item .ai-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.action-item .ai-sub{font-size:12.5px;color:var(--text-faint)}.action-item:active{transform:scale(.98)}.pd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#0a060a00;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);pointer-events:none;transition:background .3s var(--ease),backdrop-filter .3s var(--ease)}.pd-backdrop.show{background:#0a060a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}.pd-sheet{position:fixed;left:0;right:0;bottom:0;z-index:66;max-width:480px;margin:0 auto;transform:translateY(110%);transition:transform .42s var(--ease-spring);pointer-events:none}.pd-sheet.open{transform:translateY(0);pointer-events:auto}.pd-inner{background:var(--surface);border:1px solid var(--line-strong);border-bottom:none;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:22px 20px calc(env(safe-area-inset-bottom) + 26px);box-shadow:0 -20px 60px -20px #000000b3;position:relative}.pd-inner:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:999px;background:var(--line-strong)}.pd-close{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;background:var(--surface-2);border:none;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.pd-close:active{background:var(--line-strong)}.pd-head{display:flex;align-items:center;gap:14px;margin:12px 0 16px;padding-right:40px}.pd-emoji{width:54px;height:54px;border-radius:16px;flex:none;display:flex;align-items:center;justify-content:center;font-size:28px;animation:pdPop .5s var(--ease-spring) both}@keyframes pdPop{0%{transform:scale(.5) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.pd-name{font-family:var(--font-display);font-size:23px;font-weight:500;letter-spacing:-.01em}.pd-tagline{font-size:13px;color:var(--text-dim);margin-top:2px}.pd-long{font-size:14.5px;line-height:1.6;color:var(--text);margin-bottom:18px;opacity:0;animation:fadeUp .5s var(--ease) .1s both}.pd-facts{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.pd-fact{display:flex;align-items:flex-start;gap:11px;opacity:0;animation:fadeUp .5s var(--ease) both}.pd-fact:nth-child(1){animation-delay:.15s}.pd-fact:nth-child(2){animation-delay:.2s}.pd-fact-ico{width:32px;height:32px;border-radius:10px;flex:none;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.pd-fact-label{font-size:11px;color:var(--text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pd-fact-val{font-size:14px;color:var(--text);margin-top:1px}.pd-horny{background:linear-gradient(135deg,color-mix(in srgb,var(--mens) 12%,transparent),color-mix(in srgb,var(--lut) 12%,transparent));border:1px solid var(--line);border-radius:var(--r);padding:16px;opacity:0;animation:fadeUp .5s var(--ease) .25s both}.pd-horny-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pd-horny-label{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--rose-bright)}.pd-horny-num{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--rose-bright)}.pd-flames{display:flex;gap:8px;margin-bottom:12px}.pd-flame{color:var(--line-strong);transition:color .3s var(--ease),transform .3s var(--ease-spring);transform:scale(.85)}.pd-flame.on{color:var(--mens);transform:scale(1);animation:flameIn .4s var(--ease-spring) both,flameFlicker 2.5s ease-in-out infinite}@keyframes flameIn{0%{transform:scale(0) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes flameFlicker{0%,to{opacity:1}50%{opacity:.78}}.pd-horny-text{font-size:13px;line-height:1.5;color:var(--text-dim)}.ring-hint{background:none;border:none;cursor:pointer;font-size:11.5px;color:var(--text-faint);font-weight:600;padding:4px 8px;margin-top:10px;border-radius:999px;transition:color .2s}.ring-hint:active{color:var(--rose-bright)}.wn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wn-card{width:100%;max-width:440px;max-height:88dvh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-xl);box-shadow:var(--shadow),var(--shadow-glow);overflow:hidden;animation:wnPop .5s var(--ease-spring) both}@keyframes wnPop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.wn-head{padding:28px 24px 16px;text-align:center;background:linear-gradient(165deg,color-mix(in srgb,var(--rose) 10%,transparent),transparent)}.wn-logo{width:60px;height:60px;margin:0 auto 12px;border-radius:20px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:32px;animation:pdPop .5s var(--ease-spring) both}.wn-head h2{font-family:var(--font-display);font-size:27px;font-weight:500;letter-spacing:-.01em}.wn-head p{color:var(--text-dim);font-size:14px;margin-top:6px}.wn-list{flex:1;overflow-y:auto;padding:8px 18px;-webkit-overflow-scrolling:touch}.wn-item{display:flex;gap:13px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:15px 16px;margin-bottom:10px;opacity:0;animation:fadeUp .5s var(--ease) both}.wn-item-icon{font-size:24px;flex:none;line-height:1.2;width:42px;height:42px;border-radius:13px;background:var(--surface);display:flex;align-items:center;justify-content:center}.wn-item-title{font-size:15.5px;font-weight:700;margin-bottom:3px;letter-spacing:-.01em}.wn-item-text{font-size:13px;color:var(--text-dim);line-height:1.55}.wn-btn{margin:8px 18px calc(env(safe-area-inset-bottom) + 18px);width:calc(100% - 36px)}.craving-preview{margin-top:10px;font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:7px}.craving-preview .cp-emoji{font-size:20px}.craving-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:var(--gap)}.craving-box{position:relative;aspect-ratio:1;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;overflow:hidden;transition:transform .16s var(--ease-spring),border-color .2s,background .2s;animation:cravPop .35s var(--ease-spring) both}@keyframes cravPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.craving-box:active{transform:scale(.93)}.craving-box .cb-emoji{font-size:34px;line-height:1}.craving-box .cb-label{font-size:12px;font-weight:600;text-align:center;color:var(--text);line-height:1.2;max-width:100%;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.craving-box .cb-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--foll);color:#10241b;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .2s var(--ease-spring)}.craving-box:active .cb-check{opacity:1;transform:scale(1)}.craving-done-list{display:flex;flex-direction:column;gap:8px}.craving-done{display:flex;align-items:center;gap:11px;background:var(--surface-2);border-radius:var(--r-sm);padding:10px 13px;cursor:pointer;opacity:.7;transition:opacity .2s}.craving-done:active{opacity:1}.craving-done .cd-emoji{font-size:20px;filter:grayscale(.3)}.craving-done .cd-label{flex:1;font-size:14px;font-weight:600;text-decoration:line-through;color:var(--text-dim)}.craving-done .cd-tag{font-size:11px;color:var(--foll);font-weight:700;font-family:var(--font-mono)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.theme-chip{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .2s,transform .15s var(--ease)}.theme-chip:active{transform:scale(.97)}.theme-chip.on{border-color:var(--rose)}.theme-dot{width:18px;height:18px;border-radius:50%;flex:none;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 8%,transparent)}.avatar{border-radius:50%;border:1px solid var(--line-strong);background:linear-gradient(135deg,var(--rose-bright),var(--lut));padding:0;overflow:hidden;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:transform .2s var(--ease);position:relative}.avatar:active{transform:scale(.92)}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{color:var(--rose-ink);font-weight:800;font-family:var(--font-display);line-height:1}.head .avatar{width:42px;height:42px}.member .avatar{width:52px;height:52px}.avatar-edit-badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:var(--rose);color:var(--rose-ink);display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.avatar-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#080509eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;animation:fadeIn .25s var(--ease)}.avatar-viewer-img{width:min(78vw,340px);height:min(78vw,340px);border-radius:28px;object-fit:cover;box-shadow:var(--shadow),var(--shadow-glow);animation:wnPop .4s var(--ease-spring) both}.avatar-viewer-fallback{width:min(78vw,340px);height:min(78vw,340px);border-radius:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--rose-bright),var(--lut));font-family:var(--font-display);font-weight:800;color:var(--rose-ink);font-size:120px;animation:wnPop .4s var(--ease-spring) both}.avatar-viewer-name{margin-top:22px;font-family:var(--font-display);font-size:24px;font-weight:500;animation:fadeUp .4s var(--ease) .1s both}.avatar-viewer-actions{display:flex;gap:10px;margin-top:20px;animation:fadeUp .4s var(--ease) .15s both}.avatar-viewer-close{position:absolute;top:calc(env(safe-area-inset-top) + 16px);right:18px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}