:root{color-scheme:light;--paper:#f5f7fb;--surface:#fff;--ink:#172c49;--muted:#596c83;--blue:#155bd7;--line:#dbe4ef;--soft:#eaf1ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}button,input,summary{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #0d55ce;outline-offset:3px}.shell{max-width:1150px;margin:auto;padding:28px 32px}.skip-link{position:absolute;left:16px;top:-90px;z-index:3;background:var(--ink);color:white;padding:12px 18px;border-radius:10px}.skip-link:focus{top:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid var(--line)}.brand{font-size:22px;letter-spacing:.06em;font-weight:800}.brand span{display:block;font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--muted)}.preview-badge{font-size:12px;font-weight:650;color:#355781;background:#e8eef9;border:1px solid #d6e1f3;padding:6px 12px;border-radius:30px}.intro{padding:42px 0 28px;max-width:620px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:750;color:var(--blue);margin:0 0 10px}h1{font-size:clamp(42px,7vw,64px);letter-spacing:-.06em;line-height:1;margin:0 0 16px;font-weight:800}.title-dot{color:var(--blue)}.intro>p:last-child{font-size:17px;color:var(--muted);margin:0;max-width:590px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.timer-panel,.task-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 12px 36px #29456908;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.panel-heading h2{font-size:16px;letter-spacing:-.02em;margin:0;font-weight:750}.session-count,.task-count{font-size:10px;font-weight:650;color:var(--muted);background:#f1f5fa;border:1px solid #e3eaf3;border-radius:20px;padding:4px 9px}.phase-tabs{display:flex;justify-content:center;gap:10px;align-items:center;margin:24px 0 20px}.phase{font-size:12px;padding:6px 17px;border-radius:30px;color:var(--muted);background:#f5f7fb;border:1px solid #e7edf5;font-weight:650}.phase.active{background:var(--soft);color:var(--blue);border-color:#c9daf7}.phase-divider{font-size:12px;color:#95a5ba}.timer-ring{--progress:0deg;--ring:#155bd7;width:236px;aspect-ratio:1;max-width:100%;border-radius:50%;background:conic-gradient(var(--ring) var(--progress),#e9eff8 0);padding:7px;margin:0 auto 24px}.timer-center{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.timer-label{font-size:11px;color:var(--muted);font-weight:650}.timer-center strong{font-size:53px;letter-spacing:-.06em;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.4}.timer-state{font-size:11px;color:var(--muted)}.break-ring{--ring:#21806a}.complete-ring{--ring:#21806a}.completion{border:1px solid #bcdccf;background:#eef9f3;color:#1d624c;border-radius:13px;padding:12px 15px;margin:0 0 16px;text-align:center}.completion strong,.completion span{display:block}.completion strong{font-size:13px}.completion span{font-size:12px;margin-top:3px}.timer-actions{display:flex;gap:9px;flex-wrap:wrap}.timer-actions button{flex:1;font-size:12px;font-weight:700;padding:11px 12px;min-height:46px;border-radius:12px;white-space:normal}.primary{border:1px solid var(--blue);background:var(--blue);color:white}.primary:hover{background:#104daf}.secondary{border:1px solid var(--line);background:white;color:var(--ink)}.secondary:hover{background:#f5f8fd}.timer-message{color:var(--muted);font-size:12px;min-height:39px;text-align:center;margin:14px 0 18px}.settings{border-top:1px solid var(--line);padding-top:5px}.settings summary{font-size:12px;min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650;gap:9px;list-style:none}.settings summary::before{content:"＋";font-size:18px;color:var(--blue)}.settings[open] summary::before{content:"−"}.settings summary::-webkit-details-marker{display:none}.setting-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 13px}.setting-fields label{font-size:11px;color:var(--muted);font-weight:600}.setting-fields input{display:block;width:100%;margin-top:5px;min-height:44px;border:1px solid #cbd7e6;border-radius:10px;padding:8px 10px;color:var(--ink);background:#fff}.settings button{min-height:44px;padding:8px 13px;border-radius:10px;font-size:12px;font-weight:650}.settings p{font-size:11px;color:var(--muted);margin:11px 0 0}.task-intro{font-size:13px;color:var(--muted);margin:16px 0 23px}.task-form>label{display:block;font-size:11px;font-weight:650;color:var(--muted);margin-bottom:7px}.task-input-row{display:flex;gap:8px}.task-input-row input{min-width:0;flex:1;min-height:46px;padding:11px 12px;border:1px solid #cbd7e6;border-radius:11px;font-size:13px;color:var(--ink);background:#fff}.task-input-row input::placeholder{color:#77899f}.task-input-row button{padding:9px 15px;min-width:58px;min-height:46px;border-radius:11px;font-size:12px;font-weight:700}.task-message{min-height:19px;font-size:11px;color:var(--muted);margin:8px 0 14px}.task-list{list-style:none;padding:0;margin:0;display:grid;gap:9px;max-height:400px;overflow-y:auto;scrollbar-gutter:stable}.task{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f9fc;border:1px solid #e1e8f2;border-radius:12px;padding:4px 5px 4px 10px;min-width:0}.task label{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;flex:1;cursor:pointer}.task label span{font-size:13px;overflow-wrap:anywhere}.task input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0;margin:0}.task.done label span{color:#6e819b;text-decoration:line-through}.task.done{background:#f4f7fa}.remove-task{width:44px;min-width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:9px;font-size:21px;color:#6b7e97;align-self:start}.remove-task:hover{background:#e8eef7;color:#234567}.empty-tasks{display:flex;flex-direction:column;align-items:center;text-align:center;padding:33px 12px 38px;border:1px dashed #d6e0ee;border-radius:16px;margin:1px 0 0;background:#fafcff}.empty-icon{display:grid;place-items:center;width:40px;height:40px;background:#eef3fb;color:#7594c1;border:1px solid #e0e8f5;border-radius:12px;margin-bottom:14px;font-size:22px}.empty-tasks strong{font-size:13px;font-weight:650}.empty-tasks p{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}.privacy-note{font-size:11px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:18px;margin:24px 0 0}.preview-note{font-size:12px;line-height:1.7;text-align:center;color:var(--muted);max-width:700px;margin:24px auto 32px}.notice{padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0 6px;color:var(--muted);font-size:11px}footer span{color:#7b8ba0}@media(max-width:800px){.shell{padding:20px}.workspace{grid-template-columns:minmax(0,1fr);max-width:540px;margin:auto}.intro{padding-top:32px}.timer-panel,.task-panel{padding:24px}.timer-ring{width:220px}.timer-center strong{font-size:50px}.timer-message{min-height:20px}.task-list{max-height:450px}}@media(max-width:380px){.shell{padding:16px}.topbar{gap:12px}.preview-badge{font-size:10px}.timer-panel,.task-panel{padding:18px}.panel-heading{gap:8px}.panel-heading h2{font-size:15px}.session-count{font-size:9px}.timer-ring{width:204px}.timer-center strong{font-size:46px}.timer-actions button{font-size:11px;padding:10px}.task-input-row input{font-size:12px;padding:10px}.task-input-row button{padding:8px 11px;min-width:50px}.setting-fields{gap:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} 
.topbar-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.store-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #dbe4ef;border-radius:11px;background:#fff;color:#234567;font-size:12px;font-weight:650;text-decoration:none}.store-link:hover{background:#eaf1ff;color:#155bd7}