*{box-sizing:border-box}:root{color:#213126;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.app-shell{width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:40px 0}.hero-panel{background:radial-gradient(circle at 88% 12%,#2f7d4b2e,#0000 28%),linear-gradient(135deg,#fffaf1 0%,#f6e4c6 100%);border:1px solid #ead7bc;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:28px;padding:32px;display:grid;overflow:hidden;box-shadow:0 24px 70px #5f3e1824}.hero-copy{max-width:620px}.brand-lockup,.badge{letter-spacing:0;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;font-size:.78rem;font-weight:800;display:inline-flex}.brand-lockup{color:#205e39;background:#dff0d7;gap:8px;margin-bottom:12px;padding:7px 12px 7px 8px}.brand-lockup img{width:28px;height:28px}h1,h2,p{margin:0}h1{max-width:12ch;font-size:clamp(2.4rem,7vw,5.7rem);line-height:.94}.hero-copy p{color:#5f5a4f;max-width:58ch;margin-top:18px;font-size:1.02rem;line-height:1.7}.mode-switch{background:#fffaf1cc;border:1px solid #e4c9a6;border-radius:8px;grid-template-columns:repeat(2,minmax(116px,1fr));gap:8px;padding:7px;display:inline-grid}.mode-link{color:#5c4a35;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.mode-link.active{color:#fffaf1;background:#2f7d4b;box-shadow:0 10px 20px #2f7d4b3d}.time-card{background:#fffaf1e0;border:1px solid #ead7bc;border-radius:8px;gap:28px;padding:34px;display:grid;box-shadow:0 24px 70px #5f3e181f}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.badge{color:#8b430b;background:#ffe1b8;flex:none;padding:7px 11px}.card-heading h2{margin-bottom:8px;font-size:1.65rem}.card-heading p{color:#686154;max-width:60ch;line-height:1.65}.time-display{color:#1d2a21;letter-spacing:0;text-align:center;background-color:#fff8ed;background-image:linear-gradient(90deg,#ec7c261c 1px,#0000 1px),linear-gradient(#2f7d4b1a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ead7bc;border-radius:8px;place-items:center;min-height:160px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(3rem,11vw,7.4rem);font-weight:800;line-height:1;display:grid}.time-display.complete{color:#205e39;box-shadow:inset 0 0 0 3px #2f7d4b47}.control-row{grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;display:grid}.control-button{cursor:pointer;border-radius:8px;min-height:52px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s}.control-button:hover:not(:disabled){transform:translateY(-2px)}.control-button:disabled{cursor:not-allowed;opacity:.48}.primary{color:#fffaf1;background:#ec7c26;box-shadow:0 12px 24px #ec7c2640}.secondary{color:#fffaf1;background:#2f7d4b;box-shadow:0 12px 24px #2f7d4b3d}.ghost{color:#5c3719;background:#f4dcc0}.input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.time-input{color:#5c4a35;gap:9px;font-size:.9rem;font-weight:800;display:grid}.time-input input{color:#213126;background:#fffaf1;border:1px solid #e5c8a4;border-radius:8px;outline:none;width:100%;min-height:54px;padding:0 14px;font-size:1.2rem;font-weight:800}.time-input input:focus{border-color:#2f7d4b;box-shadow:0 0 0 4px #2f7d4b26}.time-input input:disabled{color:#7d766b;background:#f1e5d4}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.stat-item{background:#fff6e7;border:1px solid #ead7bc;border-radius:8px;padding:16px}.stat-item dt{color:#746b5f;text-transform:uppercase;font-size:.78rem;font-weight:800}.stat-item dd{color:#243628;margin:8px 0 0;font-size:1.02rem;font-weight:900}@media (width<=760px){.app-shell{width:min(100% - 20px,640px);padding:18px 0}.hero-panel,.time-card{padding:22px}.hero-panel,.card-heading,.mode-switch,.control-row,.input-grid,.stat-strip{grid-template-columns:1fr}.time-display{min-height:132px}.card-heading{display:grid}}