:root{--bg:#0B0B0C;--surface:#151517;--card:#1C1C1F;--line:#2C2C30;--ink:#F3EFE6;--muted:#A39E93;--gold:#D4AF6A;--gold-hi:#F1D99A;--gold-deep:#9C7A3C;--gold-ink:#D4AF6A;--tag:#F1D99A;--btn-ink:#1A1407;--tabs:#101012;--today-a:#2A2112;--today-b:#17140D;--today-line:rgba(212,175,106,.35);--bar:#3a3122;--glow:rgba(212,175,106,.14);--f-display:"Cormorant Garamond", Georgia, serif;--f-ui:"Manrope", "Segoe UI", system-ui, sans-serif;color-scheme:dark}:root[data-theme=light]{--bg:#F7F3EA;--surface:#FFFDF8;--card:#FFFFFF;--line:#E3DACA;--ink:#1C1812;--muted:#6A6355;--gold:#C9A25A;--gold-hi:#E8CC8E;--gold-deep:#B48D45;--gold-ink:#8A6626;--tag:#8A6626;--tabs:#FFFFFF;--today-a:#FFF6E2;--today-b:#FBEFD6;--today-line:rgba(180,141,69,.45);--bar:#EADCBC;--glow:rgba(212,175,106,.22);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:17px;line-height:1.5;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.app{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg);position:relative}.stack{display:flex;flex-direction:column;gap:8px}.center{text-align:center}.muted{color:var(--muted);margin:0;font-size:15px}.entry{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px;text-align:center;padding:max(20px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 18%,var(--glow),transparent 60%),var(--bg)}.mark{width:210px;max-width:62%;height:auto;margin-top:12px}.tag{font-family:var(--f-display);font-style:italic;font-size:25px;line-height:1.25;color:var(--tag);margin:0}.btns{width:100%;display:flex;flex-direction:column;gap:12px;text-align:left}.b1,.b2,.go{width:100%;border-radius:16px;padding:17px;font-weight:800;font-size:18px;cursor:pointer;text-align:center;text-decoration:none}.b1,.go{border:0;color:var(--btn-ink);background:linear-gradient(180deg,var(--gold-hi),var(--gold))}.b1:disabled{opacity:.45;cursor:default}.b2{border:1px solid var(--line);background:var(--card)}.small{font-size:14px;color:var(--muted);text-align:center}.small.demo{color:var(--gold-ink)}.lbl{font-weight:700;font-size:16px}.inp{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;padding:16px;font:600 19px var(--f-ui)}.inp.code{letter-spacing:.5em;text-align:center;font-size:26px}.link{background:none;border:0;color:var(--gold-ink);font-weight:700;padding:8px 0;cursor:pointer;align-self:center}.link.back{align-self:flex-start}.langs{display:flex;gap:6px}.langs span{font-size:13px;font-weight:700;border:1px solid var(--line);border-radius:20px;padding:3px 12px;color:var(--muted)}.langs span.on{color:var(--btn-ink);background:var(--gold);border-color:var(--gold)}.top{display:flex;justify-content:space-between;align-items:center;padding:max(10px,env(safe-area-inset-top)) 18px 8px}.top img{width:40px;height:40px}.av{width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--gold-deep);display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--gold-ink)}.view{flex:1;padding:4px 16px 110px;display:flex;flex-direction:column;gap:14px}.hi{font-family:var(--f-display);font-size:34px;font-weight:600;line-height:1.1;margin:4px 0 0}.hi small{display:block;font-family:var(--f-ui);font-size:16px;font-weight:500;color:var(--muted);margin-top:6px}.today{border-radius:22px;padding:18px;background:linear-gradient(160deg,var(--today-a),var(--today-b) 70%);border:1px solid var(--today-line);display:flex;flex-direction:column;gap:10px}.today .k,.h{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.today .k{color:var(--gold-ink)}.h{color:var(--muted);margin-top:4px}.today .t{font-size:21px;font-weight:800;line-height:1.25}.today .m{font-size:15px;color:var(--muted)}.bar{height:7px;border-radius:7px;background:var(--bar);overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}.go{display:flex;justify-content:center;gap:10px;align-items:center}.go:before{content:"";border-left:13px solid var(--btn-ink);border-top:8px solid transparent;border-bottom:8px solid transparent}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{border-radius:18px;padding:14px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:5px;min-height:100px;text-align:left;cursor:pointer}.tile.wide{min-height:0;cursor:default}.tile b{font-size:17px;line-height:1.25}.tile .sub{font-size:14px;color:var(--muted);white-space:pre-line}.tile .dot{width:11px;height:11px;border-radius:50%}.tile.lock{opacity:.6}.prog{border-radius:18px;padding:14px;background:var(--card);border:1px solid var(--line);display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;width:100%}.prog .ic{width:48px;height:48px;border-radius:13px;flex:none;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff}.prog .tx{flex:1;min-width:0;display:flex;flex-direction:column}.prog .tx b{font-size:17px;line-height:1.25}.prog .tx span{font-size:14px;color:var(--muted)}.chip{font-size:13px;font-weight:800;border-radius:20px;padding:3px 10px;white-space:nowrap;border:1px solid var(--line);color:var(--muted)}.chip.ok{color:var(--gold-ink);border-color:var(--gold)}.seg{display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:5px}.seg button{flex:1;border:0;background:none;border-radius:12px;padding:12px 6px;font-weight:700;font-size:15px;color:var(--muted);cursor:pointer}.seg button[aria-pressed=true]{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--btn-ink)}.seg button:disabled{opacity:.45;cursor:default}.tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:var(--tabs);padding:8px 6px max(12px,env(safe-area-inset-bottom))}.tabs button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--muted);padding:6px 0;cursor:pointer;border-radius:12px}.tabs button.on{color:var(--gold-ink)}.tabs svg{width:26px;height:26px}.toast{position:fixed;left:50%;transform:translate(-50%);top:max(16px,env(safe-area-inset-top));background:var(--ink);color:var(--bg);border-radius:14px;padding:12px 16px;font-weight:700;font-size:15px;max-width:90%}@media (min-width:700px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}