:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f5f2;background:#101114;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45}.app{max-width:650px;margin:auto;min-height:100dvh;padding-bottom:90px}header{display:flex;align-items:center;gap:12px;padding:22px 20px;border-bottom:1px solid #292b30}header .logo{background:#ff792e;color:#161616;font-weight:900;font-size:28px;border-radius:12px;width:46px;height:46px;display:grid;place-items:center}header strong{display:block;font-size:20px;letter-spacing:2px}header small{display:block;font-size:9px;color:#858991;letter-spacing:1.5px}.saved{margin-left:auto;color:#9aa99b;font-size:11px}main{padding:26px 20px 32px}h1{font-size:clamp(35px,9vw,54px);line-height:1.05;letter-spacing:-2px;margin:12px 0 26px}h1 em{color:#ff792e;font-style:normal}h2{font-size:24px;margin:8px 0}h3{font-size:19px;margin:8px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#ff9b5e;text-transform:uppercase}.section{margin:30px 0 13px;font-size:14px;letter-spacing:1px;text-transform:uppercase}.hero{background:linear-gradient(135deg,#292b2f,#1b1c20);border:1px solid #3a3430;border-radius:22px;padding:24px}.hero h2{font-size:31px}.hero p:not(.eyebrow),.panel p,main>p{color:#aeb0b7;font-size:14px}.primary,.secondary{border:0;border-radius:12px;min-height:48px;padding:13px 18px;font-weight:800;margin-top:14px}.primary{background:#ff792e;color:#151515;width:100%}.secondary{background:#303238;color:#f4f4f4;width:100%;margin-top:10px}.item{display:flex;align-items:center;gap:15px;background:#1b1d21;border:1px solid #292c32;border-radius:14px;color:#f6f6f6;padding:16px;margin:8px 0;width:100%;text-align:left}.item>span:nth-child(2){flex:1}.item b,.item small{display:block}.item small{color:#a4a5aa;font-size:12px;margin-top:4px}.num{color:#ff792e;font-weight:900}.panel{background:#1b1d21;border:1px solid #303237;border-radius:16px;padding:18px;margin:15px 0}.panel h3{margin:5px 0}.setrow{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 54px;gap:8px;align-items:center;margin:10px 0}.setrow span{text-align:center}.setrow input,.templateex input{width:100%;min-width:0;background:#292b30;border:1px solid #45464c;border-radius:9px;color:#fff;padding:10px;text-align:center}.setrow button{border:1px solid #666;background:#2c2d32;border-radius:9px;color:#fff;min-height:42px}.setrow button.checked{background:#ff792e;color:#101114;border-color:#ff792e}.labels{font-size:10px;color:#9da0a7;letter-spacing:.7px}.textbtn{background:transparent;border:0;color:#ff995b;font-weight:800;padding:12px 0}.timer{background:#24262b;border:1px solid #34363c;border-radius:16px;padding:18px;margin:18px 0;text-align:center}.timer>b{display:block;color:#ff995b;font-size:12px;letter-spacing:1px}.timer strong{display:block;font-size:48px;margin:10px}.actions{display:flex;justify-content:center;gap:7px}.actions button{background:#383b42;border:0;color:#fff;border-radius:8px;padding:10px;font-size:12px}.historyex{border-top:1px solid #333;padding:13px 0}.historyex b,.historyex small{display:block}.historyex small{color:#a9aab0;margin-top:5px;line-height:1.5}.templateex{display:grid;gap:8px;padding:12px 0;border-top:1px solid #333}.templateex label{display:flex;align-items:center;gap:10px;color:#aaa;font-size:12px}.templateex label input{flex:1}.templateex button,.danger{background:#422729;color:#ffb8b8;border:0;border-radius:9px;padding:10px}.danger{width:100%;margin-top:12px}.error{background:#5a2929;border:1px solid #a84848;border-radius:10px;padding:12px;margin-bottom:16px}.error button{margin-left:8px}details summary{font-weight:800;cursor:pointer}nav{position:fixed;bottom:0;left:0;right:0;max-width:650px;margin:auto;display:flex;justify-content:space-around;background:#18191d;border-top:1px solid #333;padding:12px 8px calc(12px + env(safe-area-inset-bottom));z-index:2}nav button{background:none;border:0;color:#a7a9af;font-size:12px;padding:10px 7px}nav button.active{color:#ff792e;font-weight:800}@media(min-width:650px){nav{border-left:1px solid #333;border-right:1px solid #333}}