*{box-sizing:border-box}html{background:#f3f4f2}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#161616;background:#f3f4f2;padding-bottom:92px}.topbar{background:#111;color:#fff;padding:18px max(18px,calc((100% - 980px)/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;border-bottom:3px solid #bafb00}.brand{font-weight:900;letter-spacing:.06em;font-size:20px}.subtitle{font-size:10px;letter-spacing:.18em;color:#bafb00;margin-top:2px}.date{font-size:12px;color:#cfcfcf}.app{max-width:980px;margin:auto;padding:24px 16px}.hero{padding:10px 4px 18px}.eyebrow,.section-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#647000;margin:0 0 6px}.hero h1{font-size:34px;line-height:1.05;margin:0 0 8px}.muted{color:#666;line-height:1.45;margin:0}.panel{background:#fff;border:1px solid #e3e3df;border-radius:18px;padding:20px;margin-bottom:16px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel h2{margin:0;font-size:22px}.pill{background:#efffc0;border:1px solid #d6f46f;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.pill.neutral{background:#f1f1ef;border-color:#deded9;color:#666}.zone-row{display:grid;grid-template-columns:1fr auto;gap:10px}select,button{font:inherit}select{width:100%;padding:14px;border:1px solid #cfcfca;border-radius:12px;background:#fff;font-weight:700}.primary,.secondary{border:0;border-radius:12px;padding:14px 18px;font-weight:900;cursor:pointer}.primary{background:#bafb00;color:#111}.secondary{background:#111;color:#fff;width:100%;margin-top:12px}.empty,.notice{margin-top:14px;padding:14px;border-radius:12px;background:#f6f6f3;color:#666;font-size:14px;line-height:1.45}.notice{background:#f1ffd0;color:#435000}.hidden{display:none}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.summary div{background:#f6f6f3;border-radius:12px;padding:13px;text-align:center}.summary strong{display:block;font-size:22px}.summary span{display:block;font-size:11px;color:#777;margin-top:3px}.two-clocks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clock-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #e5e5e0;border-radius:14px;padding:14px}.clock-icon{width:38px;height:38px;border-radius:10px;background:#bafb00;display:grid;place-items:center;font-weight:900}.clock-card h3{margin:0 0 4px;font-size:16px}.clock-card p{margin:0;color:#777;font-size:12px;line-height:1.35}.counter{font-size:22px;font-weight:900}.rule{font-size:12px;color:#666;border-top:1px solid #eee;margin:14px 0 0;padding-top:14px;line-height:1.45}.secondary-panel{border-style:dashed}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#111;display:flex;justify-content:center;gap:4px;padding:9px 8px calc(9px + env(safe-area-inset-bottom));z-index:20}.nav-item{border:0;background:transparent;color:#aaa;min-width:72px;padding:5px 8px;font-size:10px;font-weight:700}.nav-item span{display:block;font-size:19px;margin-bottom:3px}.nav-item.active{color:#bafb00}@media(max-width:650px){.topbar{padding:15px 16px}.date{display:none}.app{padding:18px 12px}.hero h1{font-size:30px}.panel{padding:16px;border-radius:15px}.zone-row{grid-template-columns:1fr}.primary{width:100%}.two-clocks{grid-template-columns:1fr}.summary{grid-template-columns:repeat(3,1fr)}.summary span{font-size:10px}}