:root{--accent:#c24a36;--accent-soft:#df7b6a;--accent-wash:#c24a361f;--accent-rgb:194, 74, 54;--white:#fff;--black:#0a0a0a;--ink:#0a0a0a;--ink-soft:#3d3d3d;--muted:#6b6b6b;--neu-bg:#ebe8e6;--surface:var(--neu-bg);--surface-2:#e4e0dd;--line:#0a0a0a0f;--glass:var(--neu-bg);--glass-strong:var(--neu-bg);--glass-edge:#ffffff8c;--neu:3px 3px 5px #0a0a0a24, -3px -3px 5px #fffffff2;--neu-sm:2px 2px 3px #0a0a0a1f, -2px -2px 3px #ffffffeb;--neu-lg:4px 4px 7px #0a0a0a26, -4px -4px 7px #fffffff5;--neu-hover:4px 4px 6px #0a0a0a29, -3px -3px 5px #fff;--neu-in:inset 2px 2px 4px #0a0a0a1f, inset -2px -2px 4px #ffffffe6;--neu-press:inset 3px 3px 5px #0a0a0a26, inset -2px -2px 4px #ffffffd9;--neu-accent:3px 3px 5px #a0322359, -2px -2px 4px #ffc8b473;--neu-accent-hover:4px 4px 6px #a0322366, -2px -2px 4px #ffd2be80;--neu-dark:3px 3px 5px #00000073, -2px -2px 4px #50505059;--shadow:var(--neu-lg);--radius:28px;--font-display:"Comfortaa", system-ui, sans-serif;--font-body:"Comfortaa", system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--coral:var(--accent-soft);--coral-hot:var(--accent);--peach:var(--accent-soft);--mint:var(--accent);--sage:var(--accent-soft);--teal:var(--accent);--gold:var(--accent-soft)}*,:before,:after{box-sizing:border-box}html,a,button,input,label,select,textarea,summary,[role=button]{-webkit-tap-highlight-color:transparent}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}[role=button]:focus:not(:focus-visible){outline:none}html,body{min-height:100%;font-family:var(--font-body);color:var(--ink);background:var(--neu-bg);-webkit-font-smoothing:antialiased;margin:0}body{min-height:100dvh;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .45) transparent}::-webkit-scrollbar{background:0 0;width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .4);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb), .65);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}.bg-orbits{z-index:0;pointer-events:none;background:var(--neu-bg);animation:none;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes skyShift{0%,to{filter:none}}.orb,.bloom{display:none}@keyframes floaty{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%,-4%)scale(1.08)}}@keyframes pulseBloom{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.06)}}.app{z-index:1;min-height:100dvh;padding:calc(20px + var(--safe-t)) 16px calc(10px + var(--safe-b));position:relative}.topnav{box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:none;margin:0 0 18px;display:flex}.topnav-logo{box-sizing:border-box;background:var(--neu-bg);width:72px;height:72px;box-shadow:var(--neu-sm);border-radius:50%;justify-content:center;align-items:center;padding:10px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;overflow:visible}.topnav-logo:hover{box-shadow:var(--neu-hover);transform:scale(1.04)}.topnav-logo:active{box-shadow:var(--neu-press)}.topnav-logo img{object-fit:contain;filter:none;width:100%;max-width:52px;height:100%;max-height:52px;display:block}.profile-pill{-webkit-appearance:none;appearance:none;cursor:pointer;box-sizing:border-box;width:72px;height:72px;box-shadow:none;background:0 0;border:none;border-radius:50%;padding:0;transition:transform .18s;overflow:hidden}.profile-pill:hover{transform:translateY(-1px)scale(1.03)}.profile-pill:active{transform:scale(.96)}.profile-pill img,.profile-pill .avatar-fallback{object-fit:cover;width:100%;height:100%;font-family:var(--font-display);color:var(--ink);background:0 0;border-radius:50%;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.home-grid>.panel{position:relative}.home-grid>.panel.home-main{padding:16px}.side-art.growth-panel .streak-chip{pointer-events:auto}.streak-chip{z-index:2;-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-display);color:var(--ink);background:var(--neu-bg);-webkit-backdrop-filter:none;box-shadow:var(--neu-sm);border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;position:absolute;top:10px;right:10px}.streak-chip:hover{box-shadow:var(--neu-hover);transform:translateY(-1px)scale(1.02)}.streak-chip:active{box-shadow:var(--neu-press)}.streak-hero{margin:-19px 0 28px;font-size:3.5rem;line-height:1}.streak-title{margin:0}.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 8px;display:grid}.avatar-opt{-webkit-appearance:none;appearance:none;aspect-ratio:1;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:50%;padding:0;transition:transform .15s;overflow:visible}.avatar-opt img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-opt:hover{transform:scale(1.06)}.avatar-opt.is-selected{box-shadow:none;filter:none;border:none}.avatar-opt.is-selected img{box-shadow:0 0 0 2px var(--accent)}.profile-hero-avatar{width:112px;height:112px;box-shadow:none;background:0 0;border:none;border-radius:50%;margin:0 auto 12px;overflow:hidden}.profile-hero-avatar img,.profile-hero-avatar .avatar-fallback{object-fit:cover;width:100%;height:100%;font-size:2.2rem;font-weight:700;font-family:var(--font-display);background:0 0;place-items:center;display:grid}.profile-section{text-align:left;margin-top:18px}.profile-section h3{margin:0 0 8px;font-size:1rem}.profile-section input[type=password],.profile-section input[type=text]{width:100%;margin:6px 0}.profile-panel{width:100%;max-width:480px;margin:0 auto}.view:has(.profile-panel){height:auto;max-height:none;min-height:calc(100dvh - 48px - var(--safe-t) - var(--safe-b));flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;overflow:visible}.app[data-device=pc] .view:has(.profile-panel){height:auto;min-height:calc(100dvh - 64px);max-height:none}.view:has(.profile-panel)>.topnav{flex-shrink:0;width:100%;max-width:none;margin-bottom:18px}.view:has(.profile-panel)>.profile-panel{width:100%;max-width:480px;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;flex-direction:column;flex:none;align-self:center;gap:12px;padding:16px clamp(12px,2.5vw,20px) 10px;display:flex;overflow:visible;height:auto!important;min-height:0!important}.profile-panel .topbar{align-items:center;gap:8px;min-height:48px;margin-bottom:5px}.profile-panel .topbar h2{justify-self:center;font-size:calc(clamp(1.05rem,2.8vh,1.25rem) + 3px)}.profile-panel .topbar button.btn-circle.btn-ghost.btn-icon.back-btn,.profile-panel .topbar button.back-btn,.profile-panel .topbar .back-btn{z-index:auto;justify-self:start;border-radius:50%!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;position:static!important;top:auto!important;left:auto!important}.profile-panel .panel-block{border-radius:var(--radius);background:var(--neu-bg);box-shadow:var(--neu-lg);border:1px solid #ffffff8c;margin-top:0;padding:clamp(14px,2vh,18px) clamp(14px,2.5vw,18px)}.profile-panel>.panel-block:last-child{margin-bottom:0;padding-bottom:clamp(14px,2vh,18px)}.profile-panel .panel-block h3{letter-spacing:-.01em;color:var(--ink);text-align:left;margin:0 0 9px;font-size:calc(.85rem + 4px);font-weight:700}.profile-panel .panel-block--identity{padding-top:clamp(6px,1.2vh,10px);padding-bottom:clamp(6px,1.2vh,10px)}.profile-panel .profile-hero-avatar{width:clamp(64px,11vh,88px);height:clamp(64px,11vh,88px);box-shadow:none;background:0 0;border:none;margin:0 auto 6px}.profile-panel .profile-hero-avatar .avatar-fallback{font-size:clamp(1.4rem,3.5vh,1.9rem)}.profile-panel .profile-name{font-size:clamp(.95rem,2.4vh,1.1rem)}.profile-panel .panel-block--identity .muted{margin:2px 0 0;font-size:.82rem}.profile-panel .avatar-grid{gap:6px;margin:6px 0 4px}.profile-panel .avatar-opt{box-shadow:none;background:0 0;border:none;padding:0}.profile-panel .avatar-opt.is-selected{box-shadow:none;filter:none}.profile-panel .profile-upload{box-sizing:border-box;background:var(--neu-bg);width:100%;min-height:42px;box-shadow:var(--neu-sm);border:none;margin-top:17px;margin-bottom:0;padding:0 18px;font-size:calc(.92rem + 1px);display:flex}.profile-panel .profile-upload:hover{border:none}.profile-panel .profile-upload:focus-visible{border:none}.profile-panel .panel-block--accent .btn-row{flex-direction:column;align-items:stretch;gap:12px;margin-top:12px;display:flex}.profile-panel .panel-block--accent .btn-circle{box-sizing:border-box;letter-spacing:-.02em;width:100%;min-height:52px;padding:0 22px;font-size:calc(1.15rem - 4px);font-weight:700;line-height:1.15}.profile-panel .panel-block-form input[type=password],.profile-panel .panel-block-form input[type=text],.profile-panel .panel-block-form input[type=email]{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:var(--neu-bg);box-shadow:var(--neu-in);border:1px solid #ffffff73;border-radius:999px;outline:none;margin:6px 0;padding:12px 18px;font-size:.95rem}.profile-panel .panel-block-form input[type=password]:focus,.profile-panel .panel-block-form input[type=text]:focus,.profile-panel .panel-block-form input[type=email]:focus{box-shadow:var(--neu-in), 0 0 0 3px var(--accent-wash);border-color:#d7574059}.profile-panel .panel-block-form .btn-circle{min-height:42px;margin-top:4px}.profile-panel .notify-hint{text-align:left;margin:0 0 10px;font-size:.82rem;line-height:1.35}.profile-panel .notify-toggle{width:100%;min-height:42px;margin:0}.profile-panel>.btn-circle.btn-ghost,.profile-panel .logout-confirm .btn-circle{min-height:42px;margin-top:8px;margin-bottom:0}.profile-panel .logout-confirm{gap:12px;width:100%;display:grid}.profile-panel .logout-confirm-msg{text-align:center;color:var(--ink);margin:0;font-size:1rem;font-weight:600}.profile-panel .logout-confirm .btn-row{flex-wrap:wrap;justify-content:stretch;gap:10px}.profile-panel .logout-confirm .btn-row .btn-circle{flex:auto;margin-top:0}@media (max-height:700px){.topnav{margin-bottom:12px}.view:has(.profile-panel)>.profile-panel{padding-top:12px;padding-bottom:8px}.profile-panel .profile-hero-avatar{width:56px;height:56px;margin-bottom:4px}.profile-panel .avatar-grid{gap:4px;margin:4px 0 2px}.profile-panel .panel-block{margin-top:6px;padding:8px 10px}}.profile-name{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:700}.profile-upload{margin-top:15px}.profile-meta{margin:4px 0 0}.panel-block{text-align:left;background:var(--neu-bg);box-shadow:var(--neu);border:1px solid #ffffff73;border-radius:20px;margin-top:14px;padding:16px 16px 14px}.panel-block h3{letter-spacing:.01em;color:var(--ink);margin:0 0 6px;font-size:.95rem;font-weight:700}.panel-block-lead{margin:0 0 12px;font-size:.9rem}.panel-block-actions{justify-content:flex-start;margin-top:12px}.panel-block-form input[type=password],.panel-block-form input[type=text],.panel-block-form input[type=email]{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:var(--neu-bg);box-shadow:var(--neu-in);border:1px solid #ffffff73;border-radius:999px;outline:none;margin:6px 0;padding:12px 18px;font-size:.95rem}.panel-block-form input[type=password]:focus,.panel-block-form input[type=text]:focus,.panel-block-form input[type=email]:focus{box-shadow:var(--neu-in), 0 0 0 3px var(--accent-wash);border-color:#d7574059}.pw-field{box-sizing:border-box;width:100%;position:relative}.panel-block-form .pw-field,.profile-panel .panel-block-form .pw-field{margin:6px 0}.panel-block-form .pw-field input,.profile-panel .panel-block-form .pw-field input,.auth-card .pw-field input{padding-right:48px}.panel-block-form .pw-field input,.profile-panel .panel-block-form .pw-field input{margin:0}.pw-field-toggle{z-index:2;width:36px;height:36px;color:var(--muted,#6b6b6b);cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pw-field-toggle:hover{color:var(--ink);background:#0a0a0a0a;outline:none}.pw-field-toggle:focus-visible{color:var(--ink);background:#0a0a0a0a;outline:none}.pw-field-toggle:active{transform:translateY(-50%)scale(.96)}.pw-field-icon{pointer-events:none;display:block}.panel-block--identity{text-align:center;padding-top:18px;padding-bottom:16px}.panel-block--accent{background:var(--neu-bg);box-shadow:var(--neu);border:none}.panel-block--quiet{background:var(--neu-bg);box-shadow:var(--neu-in);border-style:solid}.panel-block--garden{text-align:center;padding-bottom:10px}.panel-block--rank .growth-detail-title{font-family:var(--font-display);color:var(--ink);margin:2px 0 6px;font-size:1.15rem;font-weight:700;line-height:1.3}.panel-block--hint .growth-detail-hint{margin:0}.growth-detail .panel-block{margin-top:12px}@media (max-width:520px){.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}}.app[data-device=pc]{place-items:start center;padding:20px 32px 10px;display:grid}.app[data-device=pc] .view{width:min(1120px,100%)}.app[data-device=pc] .view.landing,.app[data-device=pc] .view.auth{align-self:center}.app[data-device=pc] .view.auth{width:min(440px,100%)}.auth-grid{grid-template-columns:1fr;gap:0;width:100%;max-width:440px;margin-inline-start:auto;margin-inline-end:auto;display:grid}.app[data-device=pc] .auth-grid{width:100%;max-width:440px;margin-inline-start:auto;margin-inline-end:auto}.app[data-device=pc] .landing-grid{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:28px;display:grid}.app[data-device=pc] .home-grid{grid-template-columns:1fr;align-items:stretch;gap:20px;width:100%;margin-inline-start:auto;margin-inline-end:auto;display:grid}.home-grid{grid-template-columns:1fr;gap:16px;width:100%;margin-inline-start:auto;margin-inline-end:auto;display:grid}.view:has(.home-grid){min-height:calc(100dvh - 48px - var(--safe-t) - var(--safe-b));flex-direction:column;justify-content:flex-start;display:flex}.app[data-device=pc] .view:has(.home-grid){min-height:calc(100dvh - 64px)}.mood-progress-fade:has(.mood-flow){min-height:calc(100dvh - 20px - var(--safe-t) - 24px - var(--safe-b));flex-direction:column;flex:auto;align-self:center;width:min(520px,100%);max-width:520px;margin-inline-start:auto;margin-inline-end:auto;display:flex}.view:has(.mood-flow){flex-direction:column;flex:auto;justify-content:stretch;align-items:stretch;width:100%;height:100%;min-height:100%;margin-inline-start:auto;margin-inline-end:auto;display:flex}.app[data-device=pc] .view:has(.mood-flow){width:100%;min-height:calc(100dvh - 52px)}.view:has(.mood-flow)>.mood-flow{box-sizing:border-box;flex:auto;width:100%;max-width:none;height:100%;min-height:100%}.app[data-device=pc] .view:has(.mood-flow)>.mood-flow{padding-bottom:10px}.view:has(>.mood-flow):has(>.site-footer){justify-content:flex-start;height:auto;min-height:0}.view:has(>.mood-flow):has(>.site-footer)>.mood-flow{min-height:calc(100dvh - 20px - var(--safe-t) - 24px - var(--safe-b));flex:none;height:auto}.app[data-device=pc] .view:has(>.mood-flow):has(>.site-footer)>.mood-flow{min-height:calc(100dvh - 52px)}.view:has(>.mood-flow):has(>.site-footer)>.site-footer{flex-shrink:0;margin-top:30px}.app[data-device=pc] .landing-grid{grid-template-columns:1fr;justify-items:stretch;gap:20px;width:min(560px,100%);margin:0 auto}.landing-grid{grid-template-columns:1fr;gap:16px;width:min(560px,100%);margin:0 auto;display:grid}.view.landing{min-height:calc(100dvh - 48px - var(--safe-t) - var(--safe-b));flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.app[data-device=pc] .view.landing{min-height:calc(100dvh - 64px)}.landing-brand{text-align:center;padding:clamp(18px,3vw,28px) clamp(22px,4vw,40px)}.landing-brand .brand-lockup{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;margin-bottom:0}.landing-brand .brand-logo-lg{flex-shrink:0;width:88px;height:88px;margin:0 auto}.landing-brand .brand-mark{text-align:center;font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:inherit;margin:0}.landing-main .reason-grid{margin-top:0}.landing-cta-panel .landing-cta,.cta-pair{justify-content:center;align-items:center;gap:var(--cta-space,36px);flex-direction:column;margin-top:0}.flow-card .cta-pair{--cta-space:48px;margin-top:22px}.landing-cta-panel .btn-primary,.cta-pair .btn-primary{letter-spacing:-.02em;color:#fff;min-width:min(100%,280px);min-height:56px;padding:0 40px;font-size:calc(1.18rem - 4px);line-height:1.15;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s,filter .24s}.landing-cta-panel .btn-primary:hover,.cta-pair .btn-primary:hover{box-shadow:var(--neu-accent-hover);filter:brightness(1.04);transform:translateY(-2px)scale(1.03)}.landing-cta-panel .btn-primary:focus-visible{box-shadow:var(--neu-accent-hover);filter:brightness(1.04);transform:translateY(-2px)scale(1.03)}.cta-pair .btn-primary:focus-visible{box-shadow:var(--neu-accent-hover);filter:brightness(1.04);transform:translateY(-2px)scale(1.03)}.landing-cta-panel .btn-primary:active,.cta-pair .btn-primary:active{box-shadow:var(--neu-press);transform:translateY(-1px)scale(.99)}.landing-cta-panel .btn-ghost,.cta-pair .btn-ghost{z-index:0;letter-spacing:-.02em;min-width:min(100%,280px);min-height:56px;color:var(--ink);background:var(--neu-bg);box-shadow:var(--neu-sm);border:1px solid #ffffff80;padding:0 40px;font-size:calc(1.18rem - 4px);line-height:1.15;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s,color .24s,background .24s,filter .24s;position:relative;overflow:hidden}.landing-cta-panel .btn-ghost:before,.cta-pair .btn-ghost:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 28%,#d7574024 50%,#0000 72%);transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-130%)}.landing-cta-panel .btn-ghost:hover,.cta-pair .btn-ghost:hover{color:var(--accent);background:var(--neu-bg);box-shadow:var(--neu-hover);filter:brightness(1.02);transform:translateY(-2px)scale(1.03)}.landing-cta-panel .btn-ghost:focus-visible{color:var(--accent);background:var(--neu-bg);box-shadow:var(--neu-hover);filter:brightness(1.02);transform:translateY(-2px)scale(1.03)}.cta-pair .btn-ghost:focus-visible{color:var(--accent);background:var(--neu-bg);box-shadow:var(--neu-hover);filter:brightness(1.02);transform:translateY(-2px)scale(1.03)}.landing-cta-panel .btn-ghost:hover:before,.cta-pair .btn-ghost:hover:before{transform:translate(130%)}.landing-cta-panel .btn-ghost:focus-visible:before{transform:translate(130%)}.cta-pair .btn-ghost:focus-visible:before{transform:translate(130%)}.landing-cta-panel .btn-ghost:active,.cta-pair .btn-ghost:active{box-shadow:var(--neu-press);filter:none;transform:translateY(-1px)scale(.99)}.glass{background:var(--neu-bg);-webkit-backdrop-filter:none;border-radius:var(--radius);box-shadow:var(--neu-lg);border:1px solid #ffffff8c}.glass-strong{background:var(--neu-bg)}.btn-circle,button.btn-circle{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-display);min-height:52px;color:inherit;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,filter .18s;display:inline-flex}.btn-circle:active{transform:scale(.96)}.btn-circle:focus-visible{outline-offset:3px;outline:3px solid #d7574073}.btn-primary,button.btn-circle.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--neu-accent);border:1px solid #fff3}.btn-primary:hover{box-shadow:var(--neu-accent-hover);filter:brightness(1.03);transform:translateY(-1px)scale(1.02)}.btn-mint{background:var(--black);color:var(--white);box-shadow:var(--neu-dark);border:1px solid #ffffff1f}.btn-mint:hover{transform:translateY(-1px)scale(1.02);box-shadow:4px 4px 6px #00000080,-2px -2px 4px #5a5a5a66}.btn-ghost{background:var(--neu-bg);color:var(--ink);box-shadow:var(--neu-sm);border:1px solid #ffffff80}.btn-ghost:hover{box-shadow:var(--neu-hover);transform:translateY(-1px)}.btn-ghost:active{box-shadow:var(--neu-press)}.btn-icon:not(.back-btn){width:56px;height:56px;min-height:56px;padding:0;font-size:1.45rem}.btn-icon-svg{pointer-events:none;width:22px;height:22px;display:block}.back-btn .btn-icon-svg{transform:translate(-1.5px)}.btn-ghost.btn-icon{background:var(--neu-bg);color:var(--ink);box-shadow:var(--neu);border:1px solid #ffffff80}.btn-ghost.btn-icon:hover{box-shadow:var(--neu-hover);transform:translateY(-1px)}.btn-ghost.btn-icon:active{background:var(--neu-bg);box-shadow:var(--neu-press);transform:scale(.96)}.btn-emoji{--feel:180, 170, 160;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:linear-gradient(160deg, var(--neu-bg) 28%, rgba(var(--feel), .38) 100%);border:1px solid rgba(var(--feel), .42);width:76px;height:76px;min-height:76px;box-shadow:3px 3px 6px rgba(var(--feel), .32), -2px -2px 4px #ffffffeb;filter:saturate(1.12)contrast(1.04);outline:none;padding:0;font-size:2.35rem;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s,background .2s,filter .2s}.btn-emoji:focus{outline:none}.btn-emoji:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.btn-emoji:hover{background:linear-gradient(160deg, var(--neu-bg) 22%, rgba(var(--feel), .48) 100%);border-color:rgba(var(--feel), .55);box-shadow:4px 4px 8px rgba(var(--feel), .4), -2px -2px 4px #fff, 0 0 0 2px rgba(var(--feel), .22);filter:saturate(1.28)contrast(1.06);transform:translateY(-3px)scale(1.08)}.btn-emoji:focus-visible{outline-offset:3px;outline:3px solid #d7574073}}.btn-emoji:active{box-shadow:inset 2px 2px 4px rgba(var(--feel), .22), inset -1px -1px 3px #ffffffbf;transform:translateY(-1px)scale(1.02)}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .4em}p{color:var(--ink-soft);margin:0 0 .75em;line-height:1.55}.muted{color:var(--ink-soft);opacity:.9}.brand-mark{font-family:var(--font-display);background:0 0;-webkit-background-clip:unset;background-clip:unset;color:var(--accent);filter:none;-webkit-text-stroke:.85px var(--accent);paint-order:stroke fill;letter-spacing:-.02em;font-size:clamp(1.85rem,6.5vw,3.1rem);font-weight:700;line-height:1.05;animation:none}.brand-lockup{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.brand-lockup-sm{text-align:center;align-items:center;width:100%;margin-bottom:12px}.brand-logo{object-fit:contain;filter:drop-shadow(0 8px 18px #0a0a0a1f);background:0 0;animation:4.5s ease-in-out infinite brandFloat;display:block}.brand-logo-link{cursor:pointer;line-height:0;text-decoration:none;display:inline-block}.brand-logo-lg{width:88px;height:88px;margin:0 0 14px}.brand-logo-md{width:108px;height:108px;margin:0 auto}.brand-logo-hero{aspect-ratio:1;z-index:1;width:min(72%,220px);height:auto;position:relative}@keyframes brandFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes brandPulse{0%,to{filter:none}}.panel{padding:clamp(22px,4vw,40px);position:relative}button.btn-circle.btn-ghost.btn-icon.back-btn,button.back-btn,.back-btn{z-index:6;aspect-ratio:1;box-sizing:border-box;flex:none;justify-content:center;align-items:center;gap:0;line-height:0;display:inline-flex;position:absolute;top:20px;left:20px;overflow:hidden;border-radius:50%!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important}.panel:has(>.back-btn){padding-top:84px}.landing-cta-panel.panel{--cta-space:36px;padding:var(--cta-space) clamp(22px, 4vw, 40px)}.landing-cta{margin-top:26px}.reason-grid{gap:14px;margin:26px 0 0;display:grid}.reason-card{--reason-accent:var(--accent);--reason-glow:#0a0a0a0f;--reason-wash:var(--accent-wash);background:var(--neu-bg);-webkit-backdrop-filter:none;box-shadow:var(--neu);color:var(--ink);border:1px solid #ffffff80;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px 18px 16px 16px;transition:transform .22s,box-shadow .22s;animation:.55s cubic-bezier(.22,1,.36,1) both reasonIn;display:grid;position:relative;overflow:hidden}.reason-card:before{content:"";background:var(--reason-accent);opacity:1;border-radius:0 6px 6px 0;width:4px;position:absolute;top:12px;bottom:12px;left:0}.reason-card:after{content:"";background:radial-gradient(circle, var(--reason-wash), transparent 68%);pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:auto;bottom:-40%;left:auto;right:-20%}.reason-card:hover{box-shadow:var(--neu-hover);transform:translateY(-2px)}.reason-card:nth-child(2){animation-delay:90ms}.reason-card:nth-child(3){animation-delay:.18s}@keyframes reasonIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.reason-icon{z-index:1;background:var(--neu-bg);width:52px;height:52px;box-shadow:var(--neu-sm);border:1px solid #ffffff80;border-radius:16px;flex-shrink:0;place-items:center;font-size:1.45rem;line-height:1;display:grid;position:relative}.reason-logo{object-fit:contain;width:28px;height:28px;display:block}.reason-svg{background:var(--accent);width:26px;height:26px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.reason-svg--user-heart{-webkit-mask-image:url(/static/icons/user-heart.svg);mask-image:url(/static/icons/user-heart.svg)}.reason-svg--leaf{background:#3dad6e;-webkit-mask-image:url(/static/icons/leaf-solid.svg);mask-image:url(/static/icons/leaf-solid.svg)}.reason-copy{z-index:1;min-width:0;position:relative}.reason-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(1.02rem,2.4vw,1.12rem);font-weight:700;line-height:1.25}.reason-body{color:var(--ink-soft);margin:5px 0 0;font-size:.92rem;font-weight:600;line-height:1.45}@media (max-width:420px){.reason-card{gap:12px;padding:14px}.reason-icon{border-radius:14px;width:46px;height:46px;font-size:1.3rem}}.side-art{place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.side-art.growth-panel{-webkit-appearance:none;appearance:none;cursor:default;pointer-events:none;font:inherit;color:inherit;text-align:center;background:var(--neu-bg);width:100%;box-shadow:var(--neu);border:1px solid #ffffff80;padding:18px 14px 16px}.side-art .pulse-ring{border:2px solid #0a0a0a1f;border-radius:50%;width:180px;height:180px;animation:2.4s ease-out infinite ringOut;position:absolute}.side-art .pulse-ring:nth-child(2){animation-delay:.8s}.side-art .pulse-ring:nth-child(3){animation-delay:1.6s}@keyframes ringOut{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(1.8)}}.heart-core{z-index:1;filter:drop-shadow(0 10px 20px #d7574040);font-size:5rem;animation:1.1s ease-in-out infinite heartBeat;position:relative}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.12)}40%{transform:scale(.96)}60%{transform:scale(1.08)}}.growth-tree{z-index:1;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex;position:relative}.growth-tree-visual{aspect-ratio:1;place-items:center;width:min(100%,220px);display:grid}.growth-tree-svg,.growth-tree-art{filter:drop-shadow(0 10px 18px #0a0a0a1a);object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transform:scale(var(--gt-scale,1));transform-origin:bottom;transition:transform .55s cubic-bezier(.22,1,.36,1);overflow:visible}.growth-tree-meta{width:100%;max-width:240px}.growth-tree-stage{font-family:var(--font-display);color:var(--ink);font-size:1.05rem;font-weight:700}.growth-tree-level{color:var(--coral-hot);margin-top:2px;font-size:.92rem;font-weight:700}.growth-tree-title{color:var(--ink-soft);margin-top:4px;font-size:.82rem;font-weight:700;line-height:1.25}.growth-tree.is-compact .growth-tree-title{display:none}.growth-tree-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.growth-tree-bar>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.growth-tree-hint{margin-top:6px;font-size:.8rem;font-weight:600}.growth-tree.is-compact .growth-tree-hint{display:none}.growth-tree .gt-leaf,.growth-tree .gt-bloom,.growth-tree .gt-fruit,.growth-tree .gt-spark,.growth-tree .gt-aura{transform-box:fill-box;transform-origin:50%}.growth-tree.is-celebrate .growth-tree-visual{animation:.9s cubic-bezier(.2,1.4,.4,1) treeCelebrate}.growth-tree.is-celebrate .growth-tree-art{animation:.9s cubic-bezier(.2,1.4,.4,1) artCelebrate}@keyframes artCelebrate{0%{transform:scale(calc(var(--gt-scale,1) * .86));filter:brightness()drop-shadow(0 10px 18px #0a0a0a1a)}55%{transform:scale(calc(var(--gt-scale,1) * 1.08));filter:brightness(1.08)drop-shadow(0 14px 22px #0a0a0a24)}to{transform:scale(var(--gt-scale,1));filter:brightness()drop-shadow(0 10px 18px #0a0a0a1a)}}@keyframes treeCelebrate{0%{filter:brightness();transform:scale(.86)}55%{filter:brightness(1.12);transform:scale(1.08)}to{filter:brightness();transform:scale(1)}}.growth-detail-tree{max-width:280px;margin:0 auto}.growth-detail-xp,.growth-detail-hint{margin:0}.growth-tree-meta--bar{max-width:220px;margin:0 auto}.auth-card.panel{padding-bottom:20px}.auth-card .auth-switch{text-align:center;margin:16px 0 0}.auth-card input{background:var(--neu-bg);width:100%;font:inherit;color:var(--ink);box-shadow:var(--neu-in);border:1px solid #ffffff73;border-radius:999px;outline:none;margin-bottom:12px;padding:14px 20px;font-size:1rem}.auth-card .pw-field{margin-bottom:12px}.auth-card .pw-field input{margin-bottom:0;padding-right:48px}.auth-card input:focus{box-shadow:var(--neu-in), 0 0 0 3px var(--accent-wash);border-color:#d7574059}.auth-card .btn-row{width:100%;margin-top:4px}.auth-card form .btn-primary{letter-spacing:-.02em;width:100%;min-height:52px;padding:0 28px;font-size:calc(1.15rem - 4px);line-height:1.15}.auth-card>p a{color:var(--accent);font-weight:700;text-decoration:none}.auth-card>p a:hover{color:var(--accent-soft)}.oauth-label{text-align:center;color:var(--muted);margin:8px 0 0;font-size:.92rem;font-weight:600}.oauth-row{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:10px;display:flex}.oauth-btn{width:54px;height:54px;min-height:54px;box-shadow:var(--neu-sm);color:#fff;justify-content:center;align-items:center;padding:0;font-size:0;line-height:0;display:inline-flex}.oauth-btn .oauth-icon,.oauth-btn img.oauth-icon{flex-shrink:0;width:26px;height:26px;display:block}.oauth-btn img.oauth-icon{filter:brightness(0)invert()}.oauth-btn.google{background:var(--neu-bg);color:var(--ink);border:1px solid #ffffff80}.oauth-btn.google .oauth-icon{width:22px;height:22px}.oauth-btn.yandex{color:#fff;background:#fc3f1d;box-shadow:0 8px 18px #fc3f1d47}.oauth-btn.yandex .oauth-icon{width:28px;height:28px}.oauth-btn.vk{color:#fff;background:#07f;box-shadow:0 8px 18px #0077ff47}.oauth-btn.vk .oauth-icon{width:28px;height:28px}.oauth-btn.mailru{color:#fff;background:#005ff9;box-shadow:0 8px 18px #005ff947}.oauth-btn.mailru .oauth-icon{width:28px;height:28px}.oauth-btn.tg{color:#fff;background:#2aabee;box-shadow:0 8px 18px #2aabee4d}.oauth-btn.tg .oauth-icon{width:28px;height:28px}.oauth-btn.is-pending{opacity:.72}.oauth-btn:hover:not(.is-pending){filter:brightness(1.05);transform:translateY(-1px)}.divider{background:var(--line);border:0;height:1px;margin:16px 0}.error-banner{background:var(--accent-wash);color:var(--black);text-align:center;border:1px solid #d7574047;border-radius:999px;margin-bottom:12px;padding:10px 16px;font-weight:700}.boom-stage{text-align:center;place-items:center;min-height:min(78dvh,720px);display:grid;position:relative;overflow:hidden}.boom-stage.is-booming{animation:.55s ease-out boomStagePulse}@keyframes boomStagePulse{0%{filter:brightness()}30%{filter:brightness(1.18)saturate(1.25)}to{filter:brightness()}}.boom-burst,.boom-flood,.boom-rings{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.boom-rings{z-index:1}.boom-burst{z-index:2}.boom-flood{z-index:3}.boom-ring{opacity:0;border:3px solid #d75740a6;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;animation:1.1s cubic-bezier(.12,.8,.2,1) forwards boomRingOut;position:absolute;top:45%;left:50%;box-shadow:0 0 24px #ffb0208c,inset 0 0 18px #ffffff59}@keyframes boomRingOut{0%{opacity:.95;transform:scale(.2)}to{opacity:0;border-color:#ffb02000;transform:scale(9)}}.spark{background:var(--gold);opacity:0;border-radius:50%;width:10px;height:10px;position:absolute;top:45%;left:50%}.flood-emoji{opacity:0;will-change:transform, opacity, filter;filter:drop-shadow(0 4px 10px #d7574059);z-index:3;line-height:1;position:absolute;top:45%;left:50%}.boom-emoji{z-index:4;opacity:0;filter:drop-shadow(0 0 #0000);will-change:transform, filter, opacity;font-size:clamp(5.5rem,24vw,10rem);line-height:1;position:relative;transform:scale(.2)}.boom-emoji.play{animation:1.55s cubic-bezier(.2,1.45,.32,1) forwards boomPop}@keyframes boomPop{0%{opacity:0;filter:drop-shadow(0 0 #0000)brightness()saturate();transform:scale(.08)rotate(-22deg)}28%{opacity:1;filter:drop-shadow(0 0 28px #ffb020)drop-shadow(0 0 64px #d75740)drop-shadow(0 0 110px #ff4081b3)brightness(1.55)saturate(1.45);transform:scale(1.55)rotate(10deg)}48%{filter:drop-shadow(0 0 36px #ff6b3d)drop-shadow(0 0 70px #ffb020a6)brightness(1.25)saturate(1.3);transform:scale(.88)rotate(-6deg)}72%{filter:drop-shadow(0 0 44px #ff4081)drop-shadow(0 0 80px #d75740)brightness(1.4)saturate(1.35);transform:scale(1.22)rotate(3deg)}to{opacity:1;filter:drop-shadow(0 10px 32px #d757408c)drop-shadow(0 0 40px #ffb02066)brightness(1.12)saturate(1.2);transform:scale(1)rotate(0)}}.boom-flash{z-index:1;opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 45%,#fffffffa 0%,#ffb02073 28%,#d7574040 48%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.boom-flash.play{animation:.85s ease-out forwards flashBang}@keyframes flashBang{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.35)}}.welcome-copy{z-index:5;white-space:pre-line;max-width:28rem;color:var(--ink);opacity:0;font-size:1.15rem;font-weight:600;position:relative;transform:translateY(16px)}.welcome-copy.show{animation:.7s forwards riseIn}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}.mood-flow{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;display:flex;position:relative}.mood-flow>.mood-prompt,.mood-flow>.mood-grid,.mood-flow>.mood-custom{flex-shrink:0}.app[data-device=pc] .mood-flow{justify-content:flex-start}.app[data-device=pc] .mood-flow>.mood-prompt{margin-top:auto}.app[data-device=pc] .mood-flow>.mood-custom{margin-top:auto;margin-bottom:0}.mood-prompt{background:var(--neu-bg);width:min(100%,420px);box-shadow:var(--neu-sm);isolation:isolate;border:1px solid #ffffff80;border-radius:28px;margin:0 auto;padding:22px 22px 18px;animation:none;position:relative;overflow:hidden}.mood-prompt-glow{pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#d7574038,#0000 70%);height:70%;position:absolute;top:-30%;bottom:auto;left:-10%;right:-10%}.mood-prompt-heart{z-index:1;place-items:center;width:128px;height:128px;margin:0 auto 16px;display:grid;position:relative}.mood-prompt-heart-ring{background:var(--neu-bg);box-shadow:var(--neu-sm);border:1px solid #ffffff8c;border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite moodHeartPulse;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.mood-prompt-heart-core{z-index:1;filter:drop-shadow(0 4px 10px #d7574047);font-size:1.85rem;line-height:1;position:relative}.mood-prompt-logo{object-fit:contain;z-index:1;width:84px;height:84px;display:block;position:relative}.mood-prompt-title{z-index:1;letter-spacing:-.03em;background:0 0;-webkit-background-clip:unset;background-clip:unset;color:var(--ink);margin:0;font-size:clamp(1.85rem,5.5vw,2.35rem);font-weight:700;line-height:1.15;position:relative}.mood-prompt-lead{z-index:1;max-width:22rem;color:var(--ink-soft);margin:10px auto 0;font-size:1rem;font-weight:650;line-height:1.4;position:relative}.mood-prompt-bridge{z-index:1;align-items:center;gap:10px;width:100%;margin-top:16px;display:flex;position:relative}.mood-prompt-bridge-line{background:linear-gradient(90deg,#0000,#d7574073,#0000);border-radius:999px;flex:1;height:2px}.mood-prompt-bridge-chip{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--accent);box-shadow:var(--neu-accent);border-radius:999px;flex:none;padding:6px 12px;font-size:.72rem;font-weight:700;animation:1.8s ease-in-out infinite moodBridgeBob}@keyframes moodHeartPulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes moodBridgeBob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.mood-grid{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:100%;margin:18px 0 0;display:flex}.mood-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;width:100%;max-width:100%;display:flex}@media (max-width:520px){.mood-flow{padding-inline-start:12px;padding-inline-end:12px}.mood-grid{gap:18px;width:100%;margin-top:22px}.mood-row{justify-content:space-evenly;gap:10px;padding-inline-start:2px;padding-inline-end:2px}.btn-emoji{flex:none;width:clamp(58px,17.5vw,72px);height:clamp(58px,17.5vw,72px);min-height:clamp(58px,17.5vw,72px);font-size:clamp(1.85rem,5.5vw,2.25rem)}}@media (max-width:420px){.mood-prompt{border-radius:24px;padding:18px 16px 14px}.mood-grid{gap:20px}.mood-row{gap:10px}}@media (max-width:360px){.mood-grid{gap:16px}.mood-row{gap:10px}.btn-emoji{width:clamp(52px,16.5vw,64px);height:clamp(52px,16.5vw,64px);min-height:clamp(52px,16.5vw,64px);font-size:clamp(1.7rem,5.2vw,2rem)}}.mood-custom{background:var(--neu-bg);width:min(100%,207px);box-shadow:var(--neu-sm);cursor:pointer;touch-action:manipulation;text-align:left;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:12px;margin:26px auto 0;padding:12px 18px 12px 14px;scroll-margin-top:16px;scroll-margin-bottom:28px;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:flex;position:relative;overflow:visible}.mood-custom:hover{box-shadow:var(--neu-hover);transform:translateY(-1px)}.mood-custom.is-open{background:var(--neu-bg);box-shadow:var(--neu-in);border:none}.mood-custom.is-open:hover{box-shadow:var(--neu-in);transform:none}.mood-custom-face{background:var(--neu-bg);width:38px;height:38px;box-shadow:var(--neu-sm);border:1px solid #ffffff80;border-radius:50%;flex:none;place-items:center;font-size:1.25rem;transition:opacity .15s,transform .15s;display:grid}.mood-custom-copy{pointer-events:none;flex-direction:column;gap:2px;min-width:0;transition:opacity .15s;display:flex}.mood-custom-title{font-family:var(--font-display);color:var(--ink);font-size:1.02rem;font-weight:700;line-height:1.2}.mood-custom-hint{color:var(--muted,#6b6175);opacity:.85;font-size:.78rem;font-weight:600}.mood-custom-input{border-radius:inherit;color:#0000;caret-color:#0000;touch-action:manipulation;opacity:.01;cursor:pointer;z-index:2;width:auto;height:auto;box-shadow:none;background:0 0;border:none;outline:none;margin:0;padding:0;font-size:16px;transition:box-shadow .18s,background .18s;position:absolute;top:0;bottom:0;left:5px;right:5px}.mood-custom.is-open .mood-custom-face,.mood-custom.is-open .mood-custom-copy{opacity:0;pointer-events:none;transform:scale(.96)}.mood-custom.is-open .mood-custom-input,.mood-custom-input:focus{opacity:1;color:var(--ink);caret-color:var(--coral-hot,#d75740);text-align:center;cursor:text;z-index:3;box-shadow:none;background:0 0;border:none;outline:none;padding-top:3px;font-family:inherit;font-size:max(16px,2.35rem)}.flow-card{text-align:center;width:100%;max-width:520px;margin:0 auto}.view-center{min-height:calc(100dvh - 40px - var(--safe-t) - var(--safe-b));flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.app[data-device=pc] .view-center{align-self:center;width:min(560px,100%);min-height:calc(100dvh - 64px)}.flow-emoji-echo{font-size:4.5rem;line-height:1;animation:1.2s ease-in-out 2 heartBeat;display:block}.support-stage{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:420px;margin:0 auto;display:flex}.support-emoji{--feel:180, 170, 160;background:linear-gradient(160deg, var(--neu-bg) 25%, rgba(var(--feel), .4) 100%);width:120px;height:120px;box-shadow:4px 4px 8px rgba(var(--feel), .28), -3px -3px 6px #fffffff2;filter:saturate(1.12)contrast(1.04);cursor:default;border:none;border-radius:50%;flex-shrink:0;place-items:center;margin-bottom:20px;display:grid}.support-emoji .flow-emoji-echo{font-size:3.6rem}.support-card{background:var(--neu-bg);width:100%;box-shadow:var(--neu);text-align:center;border:1px solid #ffffff8c;border-radius:24px;padding:20px 22px}.support-card--quiet{box-shadow:var(--neu-sm)}.support-stage--rewards{flex-flow:wrap;justify-content:center;gap:18px}.support-stage--rewards .reward-chip{letter-spacing:-.01em;gap:8px;margin:5px;padding:10px 17px;font-size:calc(1rem + 2px);line-height:1.25}.support-stage--thanks{text-align:center}.support-stage--thanks .support-text{font-size:calc(1.15rem + 2px)}.support-stage--note{text-align:center;gap:14px}.support-stage--note .note-input{width:100%;margin:0}.support-stage--note .cta-pair{--cta-space:15px;gap:15px;width:100%;margin-top:4px}.support-stage--note .cta-pair .btn-primary,.support-stage--note .cta-pair .btn-ghost{min-width:min(100%,280px);min-height:64px;padding:0 56px;font-size:1.2rem}.support-text{white-space:pre-line;color:var(--ink);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700;line-height:1.45}.support-text.muted{color:var(--ink-soft);font-weight:650}.reward-chip{background:var(--neu-bg);box-shadow:var(--neu-sm);border:none;border-radius:999px;align-items:center;gap:8px;margin:6px;padding:10px 18px;font-weight:700;transition:transform .22s,box-shadow .28s,color .28s,background .28s;animation:.55s cubic-bezier(.2,1.4,.4,1) popChip;display:inline-flex}.reward-chip:hover{box-shadow:var(--neu-hover);transform:translateY(-1px)}@keyframes popChip{0%{transform:scale(.85)}to{transform:scale(1)}}textarea.note-input{background:var(--neu-bg);width:100%;min-height:110px;box-shadow:var(--neu-in);font:inherit;resize:none;color:var(--ink);box-sizing:border-box;border:1px solid #0000;border-radius:24px;outline:none;margin:12px 0;padding:16px 18px;transition:box-shadow .18s;overflow:hidden}textarea.note-input:focus{box-shadow:var(--neu-press);border-color:#0000}.home-nav{grid-template-columns:1fr 1fr;gap:15px;width:100%;margin-top:0;display:grid}.nav-tile{-webkit-appearance:none;appearance:none;aspect-ratio:auto;text-align:center;cursor:pointer;width:100%;min-height:96px;font-family:var(--font-display);color:var(--ink);background:var(--neu-bg);box-shadow:var(--neu);border:1px solid #ffffff80;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0;padding:18px 16px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.nav-tile:hover{box-shadow:var(--neu-hover);transform:translateY(-2px)}.nav-tile:active{box-shadow:var(--neu-press);transform:translateY(0)scale(.99)}.nav-tile .t-emoji{width:56px;height:56px;box-shadow:var(--neu-sm);background:#ffffff8c;border:1px solid #ffffff73;border-radius:18px;flex-shrink:0;place-items:center;font-size:1.85rem;line-height:1;display:grid}.nav-tile .t-emoji .reason-svg{width:28px;height:28px}.nav-tile .t-copy{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.nav-tile .t-label{letter-spacing:-.01em;text-align:center;flex:none;width:auto;font-size:1.15rem;line-height:1.2;transform:none}.nav-tile .t-sub{opacity:.72;font-size:.88rem;font-weight:600;line-height:1.25}.nav-tile--mood,.nav-tile--stats{background:var(--neu-bg);color:var(--ink);box-shadow:var(--neu);border:1px solid #ffffff80}.nav-tile--mood .t-emoji,.nav-tile--stats .t-emoji{background:var(--neu-bg);box-shadow:var(--neu-sm);border:1px solid #ffffff80}.nav-tile--mood .t-emoji .reason-svg{background:var(--accent)}.nav-tile--stats .t-emoji .reason-svg{background:#3dad6e}.nav-tile--mood .t-sub,.nav-tile--stats .t-sub{color:var(--ink-soft);opacity:.72}.nav-tile--mood:hover,.nav-tile--stats:hover{background:var(--neu-bg);box-shadow:var(--neu-hover);border-color:#ffffff8c}.nav-tile--mood:active,.nav-tile--stats:active{box-shadow:var(--neu-press)}.topbar{grid-template-columns:56px 1fr 56px;align-items:center;gap:12px;margin-bottom:16px;display:grid}.stats-panel>.topbar.stats-topbar{z-index:2;width:100%;margin-top:-18px;margin-bottom:25px;position:relative}.stats-topbar h2{margin:0;font-size:calc(1.5em + 2px);line-height:1.2}.stats-panel.panel:has(>.back-btn){padding-top:72px}.topbar h2{text-align:center;justify-self:center;margin:0}.topbar>:first-child{justify-self:start}.topbar>:last-child{justify-self:end}.stats-scroll-sentinel{width:100%;height:1px}.stats-scroll-hint{text-align:center;margin:8px 0 0;font-size:.85rem}.stats-recent-head{margin-top:28px}.stats-recent-head h3{margin-top:0;margin-bottom:10px}.stats-filter{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.stats-filter--chart{justify-content:center;margin:0 0 10px}.stats-filter-chip{-webkit-appearance:none;appearance:none;background:var(--neu-bg);box-shadow:var(--neu-sm);font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;border:1px solid #ffffff80;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:transform .22s,box-shadow .28s,color .28s,background .28s,border-color .28s}.stats-filter-chip:hover{box-shadow:var(--neu-hover);transform:translateY(-1px)}.stats-filter-chip.is-active{color:#fff;background:var(--accent);box-shadow:var(--neu-accent);border-color:#ffffff40}.stats-month-pick{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-size:.9rem;animation:.32s cubic-bezier(.22,1,.36,1) both statsFilterIn;display:flex}.stats-history{min-height:2.5rem;transition:opacity .28s}.stats-history.is-refreshing{opacity:.42;pointer-events:none}.stats-list{gap:10px;animation:.34s cubic-bezier(.22,1,.36,1) both statsFilterIn;display:grid}.stats-history-empty{animation:.28s both statsFilterIn}@keyframes statsFilterIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stats-month-pick .stats-month-select{-webkit-appearance:none;appearance:none;background:var(--neu-bg);box-shadow:var(--neu-in);font:inherit;font-family:var(--font-display);color:var(--ink);background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 16px),calc(100% - 10px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;border:1px solid #ffffff80;border-radius:14px;padding:8px 32px 8px 12px;font-weight:700}.stats-month-select--year{min-width:5.5rem}.stats-list .mood-row{background:var(--neu-bg);width:100%;box-shadow:var(--neu-sm);font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:12px;padding:12px 16px;display:flex}.stats-list .mood-row--link:hover{box-shadow:var(--neu-hover)}.stats-list .mood-row--link:active{box-shadow:var(--neu-press)}.stats-list .mood-row .em{font-size:1.6rem}.stats-list .mood-row .meta{text-align:left;flex:1;font-size:.92rem}.mood-detail{text-align:center}.mood-detail-stage{flex-direction:column;align-items:center;gap:18px;width:100%;padding:4px 0 12px;display:flex}.mood-detail-emoji{margin:0 auto}.mood-detail-card.mood-prompt{text-align:center;width:min(100%,420px);margin:0 auto;animation:none}.mood-detail-when{z-index:1;letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;line-height:1.2;position:relative}.mood-detail-note{z-index:1;max-width:22rem;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;margin:10px auto 0;font-size:1rem;font-weight:650;line-height:1.4;position:relative}.mood-detail-note.muted{color:var(--muted)}.mood-detail-actions{justify-content:center;gap:12px;margin-top:4px}.level-ring{background:conic-gradient(var(--coral-hot) calc(var(--pct,0) * 1%), var(--surface-2) 0);width:160px;height:160px;box-shadow:var(--neu-lg);border-radius:50%;place-items:center;margin:12px auto;display:grid}.level-ring-inner{background:var(--neu-bg);width:128px;height:128px;box-shadow:var(--neu-in);font-weight:700;font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.chart-wrap{background:var(--neu-bg);width:100%;height:min(320px,52vw);min-height:240px;box-shadow:var(--neu-in);border:1px solid #ffffff73;border-radius:20px;margin-top:14px;padding:8px 4px 4px;transition:opacity .28s;overflow:hidden}.chart-wrap .mood-chart{animation:.34s cubic-bezier(.22,1,.36,1) both statsFilterIn}.stats-feelings-title{margin-top:28px}.stats-total{text-align:center;margin:14px 0 0}.chart-wrap svg,.chart-wrap .mood-chart{width:100%;height:100%;display:block;overflow:visible}.chart-point{cursor:pointer;outline:none}.chart-point .chart-hit{pointer-events:all}.chart-point:hover .chart-dot-outer,.chart-point.is-active .chart-dot-outer{stroke-width:3.5px;filter:drop-shadow(0 0 4px #d757408c)}.chart-point:focus-visible .chart-dot-outer{stroke:#0a0a0a}.chart-point .chart-emoji{-webkit-user-select:none;user-select:none;paint-order:stroke fill}.chart-point .chart-emoji.is-text{stroke:var(--neu-bg);stroke-width:4px;stroke-linejoin:round}.mood-chart.is-dense .chart-point:hover .chart-emoji{filter:drop-shadow(0 1px 2px #0a0a0a2e)}.mood-chart.is-dense .chart-point:focus-visible .chart-emoji{filter:drop-shadow(0 1px 2px #0a0a0a2e)}.mood-row.is-flash{box-shadow:0 0 0 2px var(--accent), var(--neu-sm);transition:box-shadow .2s}.sheet{z-index:80;padding:16px;padding-bottom:calc(16px + var(--safe-b));background:#2a243059;place-items:end center;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sheet.is-open{display:grid}.sheet[hidden]:not(.is-open),.sheet.hidden:not(.is-open){display:none!important}.sheet-glass{background:var(--neu-bg);-webkit-backdrop-filter:none;text-align:center;width:min(440px,100%);box-shadow:var(--neu-lg);border:1px solid #ffffff8c;border-radius:32px 32px 28px 28px;padding:28px 22px;animation:.4s sheetUp}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sheet-emoji{margin-bottom:8px;font-size:2.6rem}.sheet-actions{flex-direction:column;justify-content:center;align-items:stretch;gap:12px;margin-top:18px;display:flex}.sheet-actions .btn-circle,.sheet-actions .btn-ghost{box-sizing:border-box;letter-spacing:-.02em;width:100%;min-height:52px;padding:0 22px;font-size:calc(1.15rem - 4px);font-weight:700;line-height:1.15}@media (max-width:720px){.sheet-actions .btn-circle,.sheet-actions .btn-ghost,.profile-panel .panel-block--accent .btn-circle,.auth-card form .btn-primary,.landing-cta-panel .btn-primary,.landing-cta-panel .btn-ghost,.cta-pair .btn-primary,.cta-pair .btn-ghost{min-height:54px;padding-left:20px;padding-right:20px;font-size:calc(1.18rem - 4px)}}.a2hs-steps{text-align:left;margin-top:10px;font-size:.95rem;font-weight:600}.a2hs-steps ol{flex-direction:column;gap:14px;margin:0;padding-left:1.2em;display:flex}.a2hs-steps li+li{margin-top:0}.a2hs-steps+.sheet-actions,.a2hs-steps+.btn-circle{margin-top:28px}.toast{left:50%;bottom:calc(24px + var(--safe-b));z-index:60;color:#fff;text-align:center;max-width:min(90vw,360px);box-shadow:var(--neu-dark);background:#2a2428;border:1px solid #ffffff14;border-radius:999px;padding:12px 20px;font-weight:700;position:fixed;transform:translate(-50%)}.offline-banner{z-index:70;padding:calc(8px + var(--safe-t,0px)) 14px 8px;text-align:center;letter-spacing:.01em;color:#fff;background:#2a2428;border-bottom:1px solid #ffffff14;font-size:.82rem;font-weight:700;position:fixed;top:0;left:0;right:0}.hidden{display:none!important}.fade-in{animation:.38s cubic-bezier(.22,1,.36,1) both pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-page-fade{opacity:1;flex-direction:column;align-items:center;width:100%;min-height:100%;transition:opacity .28s cubic-bezier(.22,1,.36,1);display:flex}.app-page-fade>.view,.app-page-fade>.mood-progress-fade{width:100%}.app[data-device=pc] .app-page-fade{justify-self:center;width:min(1120px,100%)}.app-page-fade.is-out{opacity:0;pointer-events:none}.app-route-fade{width:100%;min-height:calc(100dvh - 40px - var(--safe-t) - var(--safe-b));flex-direction:column;justify-content:center;align-items:center;display:flex}.app[data-device=pc] .app-route-fade{place-self:stretch center;width:min(1120px,100%);min-height:calc(100dvh - 52px)}.app-route-fade>.view.auth{width:min(440px,100%);margin-inline-start:auto;margin-inline-end:auto}.mood-progress-fade{opacity:1;flex-direction:column;width:100%;min-height:100%;margin-inline-start:auto;margin-inline-end:auto;transition:opacity .32s;display:flex}.mood-progress-fade.is-out{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.fade-in,.app-page-fade,.mood-progress-fade{transition:none!important;animation:none!important}.app-page-fade.is-out,.mood-progress-fade.is-out{opacity:0}}.site-footer{text-align:center;flex-shrink:0;width:100%;margin-top:auto;margin-bottom:0;padding:0 4px}.view:has(>.site-footer){min-height:calc(100dvh - 20px - var(--safe-t) - 10px - var(--safe-b));flex-direction:column;display:flex}.legal-view:has(>.site-footer){min-height:calc(100dvh - 20px - var(--safe-t) - 10px - var(--safe-b));flex-direction:column;display:flex}.app[data-device=pc] .app-page-fade:has(.site-footer){flex-direction:column;width:min(1120px,100%);min-height:calc(100dvh - 30px);display:flex}.app[data-device=pc] .app-page-fade:has(.view:has(>.site-footer)){flex-direction:column;width:min(1120px,100%);min-height:calc(100dvh - 30px);display:flex}.app[data-device=pc] .app-page-fade:has(.view:has(>.site-footer))>.view{flex:auto;min-height:100%}.view.auth:has(.site-footer){min-height:calc(100dvh - 20px - var(--safe-t) - 10px - var(--safe-b));flex-direction:column;display:flex}.auth-grid:has(>.site-footer){flex-direction:column;flex:1;min-height:0;display:flex}.auth-grid:has(>.site-footer)>.auth-card{margin-top:auto}.site-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;font-size:.82rem;line-height:1.4;display:flex}.site-footer-links+.site-footer-links{margin-top:6px}.site-footer-links a{color:var(--muted);text-decoration:none}.site-footer-links a:hover{color:var(--accent);text-decoration:underline}.site-footer-sep{color:var(--muted);opacity:.55;-webkit-user-select:none;user-select:none}.site-footer-copy{color:var(--muted);margin:10px 0 0;font-size:.8rem}.legal-view{flex-direction:column;gap:16px;width:min(720px,100%);margin-inline-start:auto;margin-inline-end:auto;display:flex}.legal-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.legal-back{color:var(--ink-soft);font-size:.95rem;text-decoration:none}.legal-back:hover{color:var(--accent)}.legal-doc{text-align:left;padding:22px 20px 28px}.legal-doc h1{margin:0 0 16px;font-size:1.45rem;line-height:1.25}.legal-doc h2{margin:22px 0 10px;font-size:1.08rem}.legal-doc p,.legal-doc li{color:var(--ink-soft);margin:0 0 10px;font-size:.95rem;line-height:1.55}.legal-doc ul,.legal-doc ol{margin:0 0 12px;padding-left:1.25rem}.legal-doc a{color:var(--accent)}.app[data-device=pc] .app-route-fade:has(.legal-view){width:min(720px,100%)}