:root{--surface:#18181b;--surface-2:#27272a;--text:#f4f4f5;--muted:#a1a1aa;--accent:#a3e635}html{touch-action:manipulation}body{background:var(--surface);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.wrap{max-width:560px;margin:0 auto;padding:12px 16px 32px}header.app{align-items:center;padding:4px 0 12px;display:flex}header.app .logo{margin-right:8px;font-size:26px}header.app h1{flex:1;margin:0;font-size:20px}header.app .gear{cursor:pointer;color:var(--text);background:0 0;border:0;padding:8px;font-size:24px}header.app .zoom{cursor:pointer;background:var(--surface-2);min-width:44px;min-height:44px;color:var(--text);border:1px solid #3f3f46;border-radius:10px;margin-left:4px;padding:0 6px;font-size:20px;font-weight:700;line-height:1}header.app .zoom[disabled]{opacity:.35;cursor:default}.lede{color:var(--muted);text-align:center;font-size:14px}.timer{text-align:center;background:var(--surface-2);color:var(--text);border-radius:20px;padding:20px 16px;transition:background .3s,color .3s}.timer.prep{color:#111;background:#f59e0b}.timer.work{background:var(--accent);color:#111}.timer.rest{color:#fff;background:#ef4444}.timer.longrest{color:#111;background:#38bdf8}.timer.done{background:var(--accent);color:#111}.t-total{opacity:.75;font-variant-numeric:tabular-nums;font-size:16px}.t-phase{margin-top:4px;font-size:40px;font-weight:800}.t-time{font-variant-numeric:tabular-nums;letter-spacing:-2px;font-size:96px;font-weight:800;line-height:1.05}@media (min-width:420px){.t-time{font-size:120px}}.t-next{opacity:.8;min-height:22px;font-size:16px}.t-bottom{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.t-stat{width:90px}.t-stat b{font-size:40px;font-weight:800;line-height:1;display:block}.t-stat span{opacity:.75;font-size:13px}.t-main{cursor:pointer;color:#fff;background:#000000a6;border:0;border-radius:999px;width:128px;padding:18px 10px;font-size:22px;font-weight:700}.t-reset{cursor:pointer;color:inherit;background:#00000040;border:0;border-radius:10px;margin-top:14px;padding:10px 22px;font-size:15px}#overlay-settings{z-index:40;-webkit-overflow-scrolling:touch;background:#0009;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#overlay-settings.show{display:block}.s-box{background:var(--surface-2);max-width:420px;color:var(--text);border-radius:16px;margin:8vh auto 24px;padding:20px}.s-box h2{margin:0 0 14px;font-size:20px}.s-grid{flex-wrap:wrap;display:flex}.s-grid label{box-sizing:border-box;width:50%;color:var(--muted);padding:0 6px 12px 0;font-size:14px}.s-grid input{box-sizing:border-box;background:var(--surface);width:100%;color:var(--text);border:1px solid #3f3f46;border-radius:10px;margin-top:4px;padding:10px;font-size:20px;display:block}.s-check{margin:6px 0;font-size:16px;display:block}.s-check input{vertical-align:middle;width:20px;height:20px;margin-right:6px}.s-actions{justify-content:space-between;margin-top:16px;display:flex}.s-actions button{cursor:pointer;color:var(--text);background:#3f3f46;border:0;border-radius:10px;padding:12px 14px;font-size:15px}.s-actions button.primary{background:var(--accent);color:#111;font-weight:700}