*{box-sizing:border-box;margin:0}body{background:#070504;color:#F3E6D3;font:15px/1.45 system-ui,-apple-system,sans-serif}
#app{max-width:430px;margin:auto;min-height:100vh;background:#120D0A;position:relative;padding-bottom:140px}
.demo-flag{font-size:11px;text-align:center;padding:4px;background:#2a1c12;color:#d9b48a}
main{padding:16px}h1{font:600 26px Georgia,serif}h2{font:600 18px Georgia,serif;margin:20px 0 10px}.dev{color:#E8A54B;font-size:14px}
.muted{color:#a8957f;font-size:13px}.card{background:#1d1510;border:1px solid #2e2219;border-radius:16px;padding:14px;margin:10px 0}
.cta{display:block;width:100%;border:0;border-radius:999px;padding:14px;font-weight:700;font-size:16px;background:#E8A54B;color:#120D0A;margin:10px 0;cursor:pointer}
.ghost{background:transparent;border:1px solid #E8A54B;color:#E8A54B}.row{display:flex;gap:10px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #3a2b1f;border-radius:999px;padding:7px 12px;font-size:13px;background:#1d1510;color:#F3E6D3;cursor:pointer}
.chip.free{border-color:#5f8a4f}.chip.lock{opacity:.75}.cover{width:56px;height:56px;border-radius:12px;flex:none;display:grid;place-items:center;font-size:22px;color:#fff8}
.big{width:100%;height:170px;border-radius:18px;display:flex;align-items:flex-end;padding:14px;font:600 22px Georgia,serif}
.item{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #241a13;cursor:pointer}.item .t{flex:1}
.tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;display:flex;background:#0d0907;border-top:1px solid #2e2219;padding-bottom:env(safe-area-inset-bottom)}
.tabs button{flex:1;background:none;border:0;color:#8a7764;padding:8px 0;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px}.tabs span{font-size:18px}.tabs .on{color:#E8A54B}
.mini{position:fixed;bottom:58px;left:50%;transform:translateX(-50%);width:calc(100% - 16px);max-width:414px;background:#2a1d14;border-radius:14px;padding:8px 10px;display:flex;gap:10px;align-items:center}
.mini .cover{width:40px;height:40px}.bar{height:3px;background:#3a2b1f;border-radius:3px;margin-top:4px}.bar i{display:block;height:100%;background:#E8A54B;width:0}
.mini button,.pbtn{background:#E8A54B;border:0;border-radius:50%;width:36px;height:36px;font-size:15px}
.banner{margin:10px 16px 0;background:#2a1d14;border:1px solid #E8A54B55;border-radius:14px;padding:10px;display:flex;gap:10px;align-items:center;font-size:13px}
.banner button{background:#E8A54B;border:0;border-radius:999px;padding:7px 12px;font-weight:700}.banner .x{background:none;color:#a8957f}
.hidden{display:none!important}.sheet{position:fixed;inset:0;background:#000a;display:flex;align-items:flex-end;justify-content:center;z-index:9}
.sheet>div{background:#1d1510;width:100%;max-width:430px;border-radius:20px 20px 0 0;padding:20px;max-height:90vh;overflow:auto}
.toast{position:fixed;top:30px;left:50%;transform:translateX(-50%);background:#F3E6D3;color:#120D0A;padding:10px 16px;border-radius:999px;font-weight:600;opacity:0;transition:.3s;pointer-events:none;z-index:10}.toast.show{opacity:1}
.plan{border:2px solid #2e2219;border-radius:16px;padding:14px;margin:10px 0;cursor:pointer;position:relative}.plan.sel{border-color:#E8A54B}
.badge{position:absolute;top:-10px;right:12px;background:#E8A54B;color:#120D0A;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}
.price{font:700 24px Georgia,serif}.seg{display:flex;background:#1d1510;border-radius:999px;padding:3px;width:max-content}.seg button{border:0;background:none;color:#a8957f;padding:6px 14px;border-radius:999px}.seg .on{background:#E8A54B;color:#120D0A}
.streak{font:700 34px Georgia,serif;color:#E8A54B}.live{color:#ff6b5b;font-weight:700;font-size:12px}.live:before{content:"● "}
ul.ok{padding-left:0;list-style:none}ul.ok li:before{content:"✓ ";color:#E8A54B}.switch{margin-left:auto}
.inp{width:100%;padding:13px;border-radius:12px;border:1px solid #3a2b1f;background:#1d1510;color:#F3E6D3;font-size:16px;margin:8px 0}
.chip.pick{background:#E8A54B;color:#120D0A;border-color:#E8A54B;font-weight:700}.lnk{color:#E8A54B;font-size:13px;cursor:pointer;text-decoration:underline}
summary{cursor:pointer;padding:6px 0}