:root{--ink: #F3EBDD;--muted: #9b948a;--paper: #0b0906;--surface: #171310;--dark: #050505;--gold: #F5B800;--line: #2b2621;--disp: "Bebas Neue", sans-serif;--body: "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);overscroll-behavior:none}#app{min-height:100%;display:flex;flex-direction:column}.loading{color:var(--muted);padding:2rem;text-align:center}img{max-width:100%}.brand{font-family:var(--disp);font-size:1.6rem;letter-spacing:.04em}.brand span{color:var(--gold)}.mid{margin:auto;text-align:center;padding:2rem;display:grid;gap:1rem;max-width:360px}.mid h1{font-family:var(--disp);font-weight:400}.login{display:grid;gap:.7rem}.login input,.login button{padding:.9rem 1rem;border-radius:12px;font:inherit;font-size:1rem;border:1px solid var(--line);background:var(--dark);color:var(--ink)}.login button{background:var(--gold);color:var(--dark);font-weight:800;border:0}.err{color:#f88;font-size:.9rem}.bar{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;background:var(--dark);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:6}.bar .brand{margin-right:auto;font-size:1.35rem}.ghost{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:.45rem .8rem;font:inherit;font-size:.8rem;cursor:pointer}.tabs{display:flex;gap:.4rem;overflow-x:auto;padding:.6rem .8rem;background:var(--dark);position:sticky;top:46px;z-index:5}.tabs button{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:.5rem .9rem;font:700 .85rem/1 var(--body);white-space:nowrap}.tabs button.on{background:var(--gold);color:var(--dark);border-color:var(--gold)}.grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;padding:.8rem;align-content:start;padding-bottom:40vh}.tile{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;overflow:hidden;display:grid;gap:.1rem;padding-bottom:.5rem;text-align:left;cursor:pointer}.tile img{aspect-ratio:4/3;object-fit:cover;width:100%}.tile-n{font-weight:700;font-size:.9rem;padding:.4rem .5rem 0}.tile-p{color:var(--gold);font-weight:800;font-size:.85rem;padding:0 .5rem}.rail{position:fixed;left:0;right:0;bottom:0;z-index:7;background:var(--dark);border-top:1px solid var(--line);max-height:46vh;display:flex;flex-direction:column;box-shadow:0 -12px 30px #00000080}.rail-empty{color:var(--muted);text-align:center;padding:.9rem;font-size:.85rem}.rail-items{overflow-y:auto;padding:.6rem .8rem;display:grid;gap:.5rem}.ri{border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;display:grid;gap:.15rem}.ri-top{display:flex;justify-content:space-between;font-weight:700;font-size:.9rem}.ri em{font-style:normal;font-size:.75rem}.ri .rm{color:#ff8f84}.ri .ad{color:var(--gold)}.ri .nt{color:var(--muted)}.ri-act{display:flex;gap:.8rem;margin-top:.2rem}.ri-act button{border:0;background:transparent;color:var(--muted);font-size:.75rem;text-decoration:underline}.charge{border:0;background:var(--gold);color:var(--dark);font:800 1rem/1 var(--body);padding:1rem;margin:.6rem .8rem calc(.8rem + env(safe-area-inset-bottom));border-radius:12px}.sheet-wrap{position:fixed;inset:0;z-index:20;background:#050505b3;display:grid;align-items:end}@media(min-width:640px){.sheet-wrap{align-items:center;justify-items:center}}.sheet{background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;max-width:520px;max-height:92dvh;overflow:auto;padding:1.2rem;display:grid;gap:.7rem;position:relative}@media(min-width:640px){.sheet{border-radius:20px}}.sheet h2{font-family:var(--disp);font-weight:400;font-size:1.7rem}.sheet .sub{color:var(--muted);font-size:.85rem}.sheet .lbl{font:700 .72rem/1 var(--body);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:.3rem}.x{position:absolute;top:.6rem;right:.7rem;width:38px;height:38px;border:0;border-radius:999px;background:var(--dark);color:var(--ink);font-size:1.5rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chips button{border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--ink);border-radius:999px;padding:.4rem .7rem;font-size:.8rem}.chips button.off{border-color:var(--line);background:transparent;color:var(--muted);text-decoration:line-through}.exs{display:grid;gap:.35rem}.exs label{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;font-size:.85rem}.exs b{margin-left:auto;color:var(--gold)}.nt,#co input{padding:.7rem;border-radius:10px;border:1px solid var(--line);background:var(--dark);color:var(--ink);font:inherit;font-size:.9rem;width:100%}.qrow{display:flex;gap:.8rem;align-items:center;margin-top:.3rem}.stp{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px}.stp button{width:42px;height:46px;border:0;background:transparent;color:var(--ink);font-size:1.4rem}.stp span{min-width:2ch;text-align:center;font-weight:800}.add{flex:1;border:0;background:var(--gold);color:var(--dark);font:800 1rem/1 var(--body);padding:1rem;border-radius:12px;width:100%}#co{display:grid;gap:.7rem}.seg,.pays{display:flex;flex-wrap:wrap;gap:.4rem}.seg button,.pays button{flex:1 1 auto;border:1px solid var(--line);background:var(--dark);color:var(--ink);border-radius:10px;padding:.7rem;font:700 .85rem/1 var(--body)}.seg button.on,.pays button.on{background:var(--gold);color:var(--dark);border-color:var(--gold)}.done{text-align:center;display:grid;gap:.6rem;padding:1rem 0}.done-ic{font-size:2.4rem}.recent{display:grid;gap:.4rem}.rec{display:grid;grid-template-columns:auto 1fr auto;gap:.2rem .6rem;align-items:center;border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;font-size:.82rem}.rec strong{font-family:var(--disp);font-weight:400;font-size:1.1rem}.rec-s{grid-column:2;color:var(--gold);font-size:.72rem}.rec-t{color:var(--muted);font-size:.72rem}
