:root{--fundo:#0f2a44;--superficie:#fff;--texto:#13202e;--suave:#5b6b7c;--destaque:#f2c14e;--erro:#b42318;--borda:#e3e8ee;color:var(--texto);background:#f4f6f9;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);margin:0}main{max-width:960px;margin:0 auto;padding:16px}h1{color:var(--fundo);margin:0 0 8px;font-size:1.4rem}h2{margin:0 0 12px;font-size:1.05rem}.card{background:var(--superficie);border:1px solid var(--borda);border-radius:12px;margin-bottom:12px;padding:16px}main.card{max-width:420px;margin-top:10vh}.card strong{margin-top:4px;font-size:1.3rem;display:block}.grade{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px;display:grid}.grade .card{margin:0}.muted{color:var(--suave);font-size:.9rem}.erro{color:var(--erro)}.topo{justify-content:space-between;align-items:center;display:flex}label{margin-bottom:6px;font-size:.9rem;display:block}input{border:1px solid var(--borda);border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:1rem}button{background:var(--fundo);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;padding:12px;font-size:1rem}button:disabled{opacity:.6}button.link{width:auto;color:var(--fundo);background:0 0;padding:4px 8px}.lista{margin:0;padding:0;list-style:none}.lista li{border-top:1px solid var(--borda);flex-wrap:wrap;justify-content:space-between;gap:4px;padding:10px 0;display:flex}.lista li.vencida span:last-child{color:var(--erro)}code{background:#eef1f5;border-radius:4px;padding:1px 4px}