:root{--bg:#1a1310;--card:#2a1e18;--fg:#f4e9e1;--mut:#b49c8c;--hot:#ff6a1a;--ember:#e23d28;--ok:#5cc46a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#4a1f10,var(--bg) 60%);color:var(--fg);font:16px/1.4 system-ui,sans-serif;min-height:100vh}
header{display:flex;align-items:center;gap:8px;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top));position:sticky;top:0;background:#1a1310ee;z-index:2}
h1{font-size:1.3rem;margin:0;flex:1}h2{font-size:1.05rem;margin:0 0 8px}
main{padding:0 10px 10px;max-width:640px;margin:auto}.card{background:var(--card);border:1px solid #3d2a20;border-radius:14px;padding:12px;margin:10px 0}
button,select,input{font:inherit;color:var(--fg);background:#3a2a21;border:1px solid #5a3d2e;border-radius:10px;padding:8px 10px}
button{cursor:pointer}button.hot{background:linear-gradient(var(--hot),var(--ember));border:0;font-weight:600}button.on{outline:2px solid var(--hot)}
label{display:block;margin:6px 0;color:var(--mut)}label select,label input{color:var(--fg)}#cut{width:100%}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}.row input:not([type=number]){flex:1;min-width:120px}.row label{flex:1}
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.chips button{white-space:nowrap;padding:6px 10px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.box{background:#1f1612;border-radius:10px;padding:8px}.box b{display:block;font-size:1.4rem;color:var(--hot)}
.warn{background:#4a1a14;border-left:4px solid var(--ember);padding:8px;border-radius:8px;margin:6px 0}
.small{font-size:.85rem;color:var(--mut)}footer{text-align:center;padding:14px}
.timer{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;background:#1f1612;margin:6px 0}.timer .t{font-size:1.5rem;font-variant-numeric:tabular-nums;color:var(--hot);min-width:4.5em}.timer .n{flex:1}
.timer.done{background:#4a1a14;animation:p 1s infinite}@keyframes p{50%{background:#7a2a1c}}