@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--rose:#E46C90;--rose-lt:#3A1A33;--rose-mid:#A76786;--rose-dk:#F2A4C0;--blush:#261227;--mauve:#D09AB3;--mauve-lt:#321B32;--ink:#FDEBF3;--muted:#B48AA0;--hint:#8D667E;--surf:#241327;--surf2:#2C1730;--surf3:#1B0D1F;--bd:#4B2A48;--bd2:#6A3B63;--r:12px;--r2:18px}body{font-family:"DM Sans",var(--font-sans);background:radial-gradient(circle at 18% 0%,#3a1530,#1a0b1d 45%,#130714);color:var(--ink);min-height:100vh;padding:10px 8px 18px}.auth-wrap{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 3rem;min-height:400px;max-width:460px;margin:0 auto}.auth-brand{font-family:"DM Serif Display",serif;font-size:34px;color:var(--rose-dk);letter-spacing:.02em;margin-bottom:6px}.auth-sub{font-size:13px;color:var(--muted);margin-bottom:2rem;letter-spacing:.04em}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,#2a182ff0,#1e0f23fa);border:.5px solid var(--bd);border-radius:var(--r2);padding:1.75rem;box-shadow:0 24px 60px #00000059}.auth-tabs{display:flex;gap:0;margin-bottom:1.5rem;background:var(--surf3);border-radius:10px;padding:3px}.auth-tab{flex:1;padding:7px;text-align:center;font-size:13px;border-radius:8px;cursor:pointer;color:var(--muted);transition:.15s}.auth-tab.active{background:var(--surf2);color:var(--rose-dk);font-weight:500}.field{margin-bottom:1rem}.field label{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.field input{width:100%;padding:10px 12px;background:var(--surf3);border:.5px solid var(--bd);border-radius:9px;font-size:16px;color:var(--ink);font-family:inherit;transition:.15s}.field input:focus{outline:none;border-color:var(--rose-mid)}.auth-btn{width:100%;padding:12px;background:linear-gradient(120deg,#b85279,#8b3e75);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:.15s;margin-top:.5rem}.auth-btn:hover{filter:brightness(1.08)}.auth-err{font-size:12px;color:#c0392b;margin-top:8px;text-align:center;min-height:16px}.auth-users{font-size:12px;color:var(--muted);margin-top:1rem;text-align:center}.auth-users span{color:var(--rose);font-weight:500}.app-shell{display:none;flex-direction:column;min-height:400px;max-width:460px;margin:0 auto;background:linear-gradient(180deg,#221025eb,#180b1bf5);border:1px solid rgba(131,73,117,.38);border-radius:20px;padding:12px 9px 14px;box-shadow:0 20px 45px #0000005c}.app-shell.visible{display:flex}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.35rem .15rem .75rem}.topbar-brand{font-family:"DM Serif Display",serif;font-size:30px;font-style:italic;color:var(--rose-dk);line-height:1}.topbar-user{display:flex;align-items:center;gap:8px}.avatar{width:30px;height:30px;border-radius:50%;background:#a683;border:1px solid var(--rose-mid);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--rose-dk)}.logout-btn{font-size:10px;color:var(--muted);border:.5px solid var(--bd);background:none;border-radius:999px;padding:3px 8px;cursor:pointer;transition:.12s}.logout-btn:hover{color:var(--rose);border-color:var(--rose-mid)}.nav{display:flex;gap:3px;margin-bottom:1rem;background:#321b37c7;border:1px solid var(--bd);border-radius:14px;padding:4px;overflow-x:auto}.nav-btn{flex:1;min-width:66px;padding:8px 2px;border:none;border-radius:11px;cursor:pointer;font-size:11px;font-weight:400;background:transparent;color:var(--muted);transition:.15s;font-family:inherit;white-space:nowrap}.nav-btn.active{background:#ffffff0f;color:var(--rose-dk);font-weight:500;box-shadow:0 .5px 3px #0000000f}.hero-title{font-family:"DM Serif Display",serif;font-size:34px;line-height:1.06;color:#f7d3e2;margin:.25rem 0 .85rem;padding:0 .15rem}.fc{background:linear-gradient(180deg,#321a34d9,#231226eb);border:.5px solid var(--bd);border-radius:var(--r2);padding:1.1rem 1rem .95rem;margin-bottom:.75rem;transition:.2s}.fc:hover{border-color:var(--bd2)}.fc-title{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:7px 14px;border-radius:20px;border:.5px solid var(--bd);background:#160a1973;font-size:13px;cursor:pointer;transition:.15s;color:var(--ink);font-family:inherit}.chip:hover{border-color:var(--bd2)}.chip.on{background:#e46c9033;border-color:var(--rose-mid);color:var(--rose-dk);font-weight:500}.chip.on.t{background:#e1f5ee;border-color:#5dcaa5;color:#085041}.chip.on.p{background:#eeedfe;border-color:#afa9ec;color:#3c3489}.sl-row{display:flex;align-items:center;gap:12px;margin-bottom:2px}.sl-row label{font-size:13px;color:var(--muted);min-width:0;flex-shrink:0}.sl-row input[type=range]{flex:1}.sl-val{font-size:24px;font-family:"DM Serif Display",serif;min-width:58px;text-align:right;color:var(--rose-dk)}.hearts{display:flex;gap:5px;margin-top:2px}.hrt{font-size:26px;cursor:pointer;transition:transform .1s;opacity:.22;line-height:1}.hrt.on{opacity:1}.hrt:hover{transform:scale(1.18)}.moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mood{padding:9px 4px 7px;text-align:center;border-radius:12px;border:.5px solid var(--bd);background:#160a1973;cursor:pointer;transition:.12s}.mood.on{border-color:var(--rose-mid);background:var(--rose-lt)}.mood-ico{font-size:18px;display:block;margin-bottom:2px}.mood-lbl{font-size:10px;color:var(--muted)}.mood.on .mood-lbl{color:var(--rose-dk);font-weight:500}.note-ta{width:100%;padding:10px 12px;border:.5px solid var(--bd);border-radius:10px;font-size:16px;background:var(--surf2);color:var(--ink);resize:none;font-family:inherit;transition:.15s;line-height:1.5}.note-ta:focus{outline:none;border-color:var(--rose-mid)}.submit-btn{width:100%;padding:14px;background:linear-gradient(120deg,#b85279,#8b3e75);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:500;cursor:pointer;font-family:inherit;transition:.15s;letter-spacing:.02em;margin-top:.25rem}.submit-btn:hover{filter:brightness(1.08)}.submit-btn:active{transform:scale(.985)}.streak-card{background:var(--rose-lt);border:.5px solid var(--rose-mid);border-radius:var(--r2);padding:1.25rem;margin-bottom:.75rem;display:flex;align-items:center;gap:1rem}.streak-n{font-family:"DM Serif Display",serif;font-size:48px;color:var(--rose);line-height:1}.streak-txt .label{font-size:14px;font-weight:500;color:var(--rose-dk)}.streak-txt .sub{font-size:12px;color:var(--mauve);margin-top:2px}.sg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:.75rem}.sc{background:var(--surf2);border-radius:14px;padding:.9rem 1rem}.sc-lbl{font-size:11px;color:var(--muted);margin-bottom:5px}.sc-val{font-size:24px;font-weight:500}.sc-sub{font-size:11px;color:var(--hint);margin-top:3px}.chart-card{background:var(--surf);border:.5px solid var(--bd);border-radius:var(--r2);padding:1.25rem;margin-bottom:.75rem}.cc-lbl{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}.hm-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:4px}.hm-day{font-size:9px;color:var(--hint);text-align:center}.heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.hmc{aspect-ratio:1;border-radius:3px;background:var(--surf2)}.hmc.l1{background:#f4c0d1}.hmc.l2{background:#ed93b1}.hmc.l3{background:#c8455a}.hmc.l4{background:#8c2235}.bar-chart{display:flex;align-items:flex-end;gap:5px;height:90px}.bw{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar{width:100%;border-radius:4px 4px 0 0;transition:height .4s;min-height:2px}.blbl{font-size:9px;color:var(--hint)}.act-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.act-nm{font-size:12px;color:var(--muted);min-width:52px}.act-track{flex:1;background:var(--surf2);border-radius:4px;height:9px;overflow:hidden}.act-fill{height:100%;border-radius:4px;background:var(--rose-mid);transition:width .4s}.act-cnt{font-size:12px;color:var(--hint);min-width:20px;text-align:right}.score-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.score-hrt{font-size:12px;color:var(--rose);min-width:64px}.score-track{flex:1;background:var(--surf2);border-radius:4px;height:11px;overflow:hidden}.score-fill{height:100%;border-radius:4px;transition:width .4s}.score-cnt{font-size:11px;color:var(--hint);min-width:20px;text-align:right}.rec{background:var(--surf);border:.5px solid var(--bd);border-radius:16px;padding:1rem 1.25rem;margin-bottom:8px;transition:.15s}.rec:hover{border-color:var(--bd2)}.rec-hd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.rec-dt{font-size:13px;font-weight:500}.rec-mo{font-size:12px;color:var(--muted);margin-top:1px}.rec-rt{font-size:13px;color:var(--rose)}.rec-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}.rt{font-size:11px;padding:3px 9px;border-radius:10px}.rt.r{background:var(--rose-lt);color:var(--rose-dk)}.rt.g{background:#e1f5ee;color:#085041}.rt.p{background:#eeedfe;color:#3c3489}.rt.a{background:#faeeda;color:#633806}.rt.n{background:var(--surf2);color:var(--muted)}.rec-note{font-size:12px;color:var(--hint);font-style:italic;border-top:.5px solid var(--bd);margin-top:7px;padding-top:7px}.del-btn{font-size:11px;color:var(--hint);border:none;background:none;cursor:pointer;padding:0;font-family:inherit}.del-btn:hover{color:#e24b4a}.ach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ach{background:var(--surf);border:.5px solid var(--bd);border-radius:16px;padding:1rem;display:flex;align-items:flex-start;gap:10px}.ach.done{border-color:var(--rose-mid);background:var(--rose-lt)}.ach.locked{opacity:.4;filter:grayscale(.5)}.ach-ico{font-size:26px;flex-shrink:0;line-height:1}.ach-nm{font-size:13px;font-weight:500;margin-bottom:2px}.ach-ds{font-size:11px;color:var(--muted);line-height:1.4}.ach.done .ach-ds{color:var(--mauve)}.ach-badge{font-size:10px;color:var(--rose);font-weight:500;margin-top:4px}.ach-badge-lock{color:var(--hint);font-weight:400}.ach-nm.myst{letter-spacing:.12em;color:var(--hint)}.ach-ds.myst{color:var(--hint);font-style:italic;opacity:.75}.exp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:.75rem}.exp-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:.5px solid var(--bd2);border-radius:10px;background:var(--surf2);font-size:12px;color:var(--muted);cursor:pointer;font-family:inherit;transition:.12s}.exp-btn:hover{border-color:var(--rose-mid);color:var(--rose)}.toast{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%) translateY(70px);background:linear-gradient(120deg,#b85279,#8b3e75);color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:500;transition:transform .25s,opacity .25s;z-index:9999;white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;box-shadow:0 10px 24px #00000059;font-family:DM Sans,sans-serif}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.empty{text-align:center;padding:3rem 1rem;color:var(--muted);font-size:14px}.empty-ico{font-size:36px;margin-bottom:12px;opacity:.4}@media(max-width:420px){body{padding:8px 6px 16px}.app-shell{border-radius:18px;padding:10px 8px 12px}.hero-title{font-size:30px}.topbar-brand{font-size:27px}.topbar-user #user-name-display{display:none}.nav-btn{font-size:10px;min-width:60px}.chips{gap:5px}.chip{padding:6px 10px;font-size:12px}.sl-val{font-size:20px;min-width:52px}}@media(pointer:coarse){input,textarea,select,button{font-size:16px!important}}@media(min-width:768px){body{padding:34px 24px 42px}.auth-wrap{padding-top:3.4rem}.app-shell{max-width:980px;padding:24px 24px 20px}.topbar-brand{font-size:42px}.hero-title{font-size:44px}.moods{grid-template-columns:repeat(5,1fr)}#tab-record{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#tab-record .hero-title{grid-column:1/-1;margin:0 0 .2rem}#tab-record .submit-btn{grid-column:1/-1;max-width:340px;justify-self:center;margin-top:.5rem}#tab-stats .sg{grid-template-columns:repeat(4,minmax(0,1fr))}#tab-stats .chart-card{padding:1.4rem}.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.app-shell{max-width:1120px}#tab-record{grid-template-columns:repeat(3,minmax(0,1fr))}#tab-record .hero-title,#tab-record .submit-btn{grid-column:1/-1}#tab-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#tab-stats .exp-btn,#tab-stats #s-streak,#tab-stats .sg{grid-column:1/-1}}