:root{color-scheme:light;--bg: #f5f2ea;--surface: #fffdf8;--surface-2: #fbf6ea;--ink: #16201d;--ink-soft: #6b7670;--ink-mute: #9aa49f;--line: #ece7db;--teal: #14a394;--teal-bright: #19b8a6;--teal-deep: #0e3c38;--teal-sunken: #0a2e2b;--soft: #e6f3ef;--gold: #c79a37;--gold-bright: #ddb24c;--gold-soft: #f7edd3;--gold-ink: #6e5410;--moss: #5c7a52;--bark: #8a6a3f;--urbech: #ba7517;--danger: #e2725b;--fire-1: #d97a34;--fire-2: #ec9b3f;--locked: #b8b3a6;--r-card: 20px;--r-inner: 14px;--r-pill: 999px;--shadow: 0 1px 2px rgba(16,40,36,.04), 0 8px 24px rgba(14,60,56,.1);--shadow-node: 0 6px 18px rgba(14,60,56,.16);--font-ui: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-voice: "Kurale", "PT Serif", Georgia, serif;--tabbar-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}h1,h2,h3{font-family:var(--font-voice);font-weight:400}.serif{font-family:var(--font-voice)}.tnum{font-variant-numeric:tabular-nums}.app{max-width:460px;margin:0 auto;min-height:100%;padding:14px 16px calc(var(--tabbar-h) + var(--safe-b) + 20px)}.loading{padding-top:80px;text-align:center;color:var(--ink-soft)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-mute);font-weight:600}.muted{color:var(--ink-soft)}.plus{color:var(--teal);font-weight:700}.minus{color:var(--danger);font-weight:700}.head{display:flex;align-items:center;gap:11px;padding:4px 2px 14px}.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(150deg,var(--teal-bright),var(--teal-deep));color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px;box-shadow:0 4px 12px #14a39447;font-family:var(--font-voice)}.head .who{font-size:15px;font-weight:700;line-height:1.15}.head .who small{display:block;font-weight:400;font-size:12px;color:var(--ink-mute)}.head-ava{margin-left:auto;width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px;margin-bottom:14px;box-shadow:var(--shadow)}.card>h3{margin:0 0 12px;font-size:18px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero{position:relative;overflow:hidden;border-radius:var(--r-card);padding:22px;color:#fff;margin-bottom:14px;background:linear-gradient(158deg,#16a795,var(--teal-deep));box-shadow:0 12px 30px #0e3c3842}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 90% -10%,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.hero .eyebrow{color:#ffffffb8}.hero .who{font-size:14px;font-weight:600;opacity:.92;position:relative}.hero .bal{font-family:var(--font-ui);font-size:46px;font-weight:800;letter-spacing:-1.5px;line-height:1.02;margin:4px 0 2px;font-variant-numeric:tabular-nums;position:relative}.hero .bal small{font-size:24px;margin-left:6px;color:var(--gold-bright);font-weight:700}.hero .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;position:relative}.chip{font-size:12px;font-weight:600;padding:6px 11px;border-radius:var(--r-pill);background:#ffffff24;color:#fff}.card .chip{background:var(--gold-soft);color:var(--gold-ink)}.minipath{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:6px 2px}.minipath::-webkit-scrollbar{display:none}.mp-node{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:2px solid var(--line);display:grid;place-items:center;overflow:hidden}.mp-node img{width:100%;height:100%;object-fit:cover}.mp-node.reached{border-color:var(--gold)}.mp-node.current{width:52px;height:52px;border-color:var(--gold-bright);box-shadow:0 0 0 4px var(--gold-soft)}.mp-node.locked{filter:grayscale(1) opacity(.55)}.mp-line{flex:1 1 8px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 5px,transparent 5px 9px);min-width:8px}.track{height:9px;border-radius:var(--r-pill);background:var(--line);overflow:hidden;margin:10px 0 8px}.track .fill{height:100%;width:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--gold-bright),var(--gold));transform-origin:left center;transform:scaleX(0);transition:transform .6s ease-out}.hint{font-size:13px;color:var(--ink-soft);line-height:1.4}.level-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-voice);font-size:17px;color:var(--teal-deep)}.streak{display:flex;align-items:center;gap:14px}.fire{width:54px;height:60px;flex:0 0 auto}.streak .n{font-family:var(--font-voice);font-size:30px;line-height:1;color:var(--ink)}.streak-dots{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.streak-dots i{width:8px;height:8px;border-radius:50%;background:var(--gold);display:inline-block}.streak.cold .n{color:var(--ink-mute)}.mission{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line)}.mission:first-of-type{border-top:none}.mission .mi{width:40px;height:40px;border-radius:12px;background:var(--gold-soft);display:grid;place-items:center;font-size:20px;flex:0 0 auto}.mission .mt{font-family:var(--font-voice);font-size:16px}.mission .reward{font-size:11px;font-weight:600;color:var(--gold-ink);background:var(--gold-soft);padding:3px 8px;border-radius:var(--r-pill);display:inline-block;margin-top:6px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-inner);padding:15px;text-align:left;box-shadow:var(--shadow)}.tile .ic{font-size:22px}.tile .tl{font-family:var(--font-voice);font-size:15px;margin-top:8px;color:var(--ink)}.tile .ts{font-size:12px;color:var(--ink-soft);margin-top:2px}.seg{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px;margin-bottom:14px}.seg button{flex:1;border-radius:var(--r-pill);padding:9px;font-size:14px;font-weight:600;color:var(--ink-soft)}.seg button.on{background:var(--teal-deep);color:#fff}.ach-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.medal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-inner);padding:12px 6px;text-align:center;box-shadow:var(--shadow)}.medal .disc{width:56px;height:56px;margin:0 auto 7px;border-radius:50%;display:grid;place-items:center;font-size:27px;background:var(--gold-soft);border:2px solid var(--gold)}.medal.locked .disc{background:var(--surface-2);border:2px dashed var(--locked);filter:grayscale(1);opacity:.7}.medal .mn{font-size:11.5px;font-weight:600;line-height:1.2;color:var(--ink)}.medal.locked .mn{color:var(--ink-mute)}.medal .ring{font-size:10px;color:var(--gold-ink);margin-top:3px;font-variant-numeric:tabular-nums}.path-map{position:relative;background:linear-gradient(180deg,var(--teal-deep),var(--teal-sunken));border-radius:var(--r-card);padding:26px 18px;color:#fff;box-shadow:var(--shadow)}.path-node{display:flex;align-items:center;gap:14px;padding:12px 0;position:relative}.path-node .pn-disc{width:66px;height:66px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:#ffffff14;border:2px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:26px}.path-node .pn-disc img{width:100%;height:100%;object-fit:cover}.path-node.reached .pn-disc{border-color:var(--gold)}.path-node.current .pn-disc{width:84px;height:84px;border-color:var(--gold-bright);box-shadow:0 0 0 6px #ddb24c47;animation:pulse 2.2s ease-in-out infinite}.path-node.locked .pn-disc{filter:grayscale(1) opacity(.5)}.path-node .pn-name{font-family:var(--font-voice);font-size:19px}.path-node .pn-sub{font-size:12.5px;color:#ffffffb8;margin-top:2px}.path-node .pn-you{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-deep);background:var(--gold-bright);padding:2px 8px;border-radius:var(--r-pill);margin-bottom:5px}.path-connect{position:absolute;left:32px;top:-14px;width:2px;height:28px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.4) 0 5px,transparent 5px 10px)}.path-foot{text-align:center;margin-top:16px;font-size:13px;color:#fffc}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.medallion{text-align:center;padding:24px}.medallion .crest{width:120px;height:120px;border-radius:50%;margin:0 auto 14px;border:3px solid var(--gold);overflow:hidden;background:var(--surface-2)}.medallion .crest img{width:100%;height:100%;object-fit:cover}.rings{position:relative;height:210px;margin:8px auto 14px;max-width:260px}.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1.5px dashed var(--line);border-radius:50%}.ring.r1{width:90px;height:90px}.ring.r2{width:150px;height:150px}.ring.r3{width:210px;height:210px}.ring-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:linear-gradient(150deg,var(--teal-bright),var(--teal-deep));color:#fff;display:grid;place-items:center;font-family:var(--font-voice);z-index:2}.ring-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);transform:translate(-50%,-50%)}.ring-dot.sleep{background:var(--line)}.ref-teaser .rt-row{font-size:13.5px;line-height:1.5;margin-bottom:5px}.ref-teaser .rt-em{font-family:var(--font-voice);font-size:16px;color:var(--teal-deep)}.ref-teaser .rt-hook{color:var(--ink-soft);font-style:italic}.ref-link{display:flex;gap:8px;margin:14px 0}.ref-link input{flex:1;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-inner);font-size:13px;background:var(--surface-2);color:var(--ink-soft)}.lvl-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.lvl-stat .s{text-align:center;background:var(--surface-2);border-radius:var(--r-inner);padding:12px 4px}.lvl-stat .s .n{font-family:var(--font-voice);font-size:24px;color:var(--teal-deep)}.lvl-stat .s .c{font-size:11px;color:var(--ink-soft);margin-top:2px}.member{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.member .badge-on{font-size:11px;font-weight:700;color:var(--teal)}.member .badge-off{font-size:11px;color:var(--ink-mute)}.filters{display:flex;gap:7px;overflow-x:auto;padding:2px 0 12px}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600;color:var(--ink-soft)}.filters button.on{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep)}.month-title{font-family:var(--font-voice);font-size:15px;color:var(--ink-soft);margin:16px 0 4px}.it{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.it .ico{font-size:20px;margin-right:10px}.it .d{font-size:12px;color:var(--ink-mute);margin-top:2px}.card-num{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;letter-spacing:2px;color:var(--gold-ink)}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--surface);border-top:1px solid var(--line);display:flex;z-index:40;box-shadow:0 -2px 14px #1028240d}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-mute);font-size:10.5px;font-weight:600;padding-top:8px}.tabbar button .ti{font-size:20px;line-height:1}.tabbar button.on{color:var(--teal-deep)}.tabbar button.on:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);margin-top:1px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1e1b80;z-index:50;display:flex;align-items:flex-end;animation:fade .2s ease}.sheet{position:relative;width:100%;max-width:460px;margin:0 auto;background:var(--surface);border-radius:22px 22px 0 0;padding:10px 20px calc(24px + var(--safe-b));max-height:88vh;overflow-y:auto;animation:rise .28s cubic-bezier(.2,.7,.3,1)}.sheet .grip{width:40px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 14px}.sheet h3{margin:0 0 6px;font-size:21px}@keyframes rise{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.qr{width:200px;height:200px;margin:14px auto;display:block;border-radius:var(--r-inner);background:#fff;padding:10px;box-shadow:var(--shadow)}.sheet-ava{width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);margin:4px auto 12px;display:block;background:var(--surface-2)}.btn{width:100%;height:50px;border-radius:var(--r-inner);background:var(--teal-deep);color:#fff;font-size:16px;font-weight:700}.btn.gold{background:linear-gradient(150deg,var(--gold-bright),var(--gold));color:#2a2005}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink-soft)}.btn-sm{height:42px;width:auto;padding:0 16px;font-size:14px;border-radius:var(--r-inner)}.input{width:100%;height:50px;padding:0 15px;border:1px solid var(--line);border-radius:var(--r-inner);font-size:16px;background:var(--surface-2);margin-bottom:12px}.login{max-width:400px;margin:0 auto;padding:60px 24px;text-align:center}.login .mark{width:60px;height:60px;margin:0 auto 18px;border-radius:18px;font-size:30px}.login h1{font-size:28px;margin:0 0 4px}.login p{color:var(--ink-soft);margin:0 0 22px}.login .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;box-shadow:var(--shadow)}.error{color:var(--danger);font-size:14px;margin-bottom:10px}.empty{text-align:center;color:var(--ink-soft);padding:24px 10px;font-size:14px}.empty .big{font-size:40px;margin-bottom:8px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}