:root{--bg: #f3efe6;--ink: #1b1a17;--muted: #6b6558;--card: #fffcf7;--line: #e4dccb;--accent: #1f6f54;--accent-ink: #fff;--danger: #9b2c2c;--shadow: 0 10px 30px rgb(40 32 16 / 8%);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}*{box-sizing:border-box}body{margin:0}h1,h2{margin:0 0 .35rem;letter-spacing:-.03em}h1{font-size:1.55rem}h2{font-size:1.05rem}p{margin:0}a{color:inherit;text-decoration:none}button,.button,.ghost-link{font:inherit;border:0;border-radius:999px;padding:.7rem 1rem;background:var(--accent);color:var(--accent-ink);cursor:pointer}.ghost,.ghost-link{background:transparent;color:var(--ink);border:1px solid var(--line)}.danger{color:var(--danger)}button:disabled{opacity:.6}input,select{width:100%;margin-top:.35rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.7rem;font:inherit;background:#fff}label{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted)}.muted{color:var(--muted);font-size:.92rem}.error{color:var(--danger);margin:.5rem 0}.brand{font-weight:700;letter-spacing:-.04em;margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1rem;box-shadow:var(--shadow)}.app{min-height:100dvh;padding-bottom:5rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem}.nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));background:#f3efe6f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.nav a{text-align:center;padding:.65rem .3rem;border-radius:.9rem;font-size:.68rem}.nav a.active{background:var(--ink);color:#fff}.content{padding:.5rem 1rem 1.5rem}.page-head{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.segmented{display:flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.2rem}.segmented button{flex:1;background:transparent;color:var(--ink);padding:.45rem .6rem}.segmented button.active{background:var(--ink);color:#fff}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.metric strong{display:block;font-size:1.15rem;margin-top:.25rem}.up{color:var(--accent)}.down{color:var(--danger)}.split,.form-grid{display:grid;gap:.75rem}.form-grid{margin-bottom:1rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.check{flex-direction:row;align-items:center;gap:.5rem}.check input{width:auto;margin:0}.card-list,.list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.card-list .card,.list li{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.empty{display:grid;gap:.7rem}.json{margin:.6rem 0 0;padding:.85rem;overflow:auto;max-height:28rem;font-size:.78rem;line-height:1.4;background:#1c1915;color:#f4eee4;border-radius:.9rem}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:1.2rem}.auth-card{width:min(24rem,100%);display:grid;gap:.8rem}.pad{padding:1.5rem}@media(min-width:840px){.app{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;padding:0}.topbar{grid-column:1 / -1;padding:1.2rem 1.5rem 0}.nav{position:static;grid-template-columns:1fr;background:transparent;border:0;padding:1rem;align-content:start}.nav a{text-align:left;padding:.7rem .9rem}.content{padding:.5rem 1.5rem 2rem}.page-head{flex-direction:row;justify-content:space-between;align-items:end}.metrics{grid-template-columns:repeat(4,1fr)}.split,.form-grid{grid-template-columns:repeat(2,1fr)}}
