:root{font-family:Georgia,"Songti SC",serif;color:#27241f;background:#eee8dc;--blue:#176b87;--red:#d94c38;--ink:#27241f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(39,36,31,.035) 1px,transparent 1px),linear-gradient(rgba(39,36,31,.035) 1px,transparent 1px),#eee8dc;background-size:28px 28px}main{width:min(1180px,calc(100% - 36px));margin:auto;padding-bottom:60px}header{height:76px;display:flex;align-items:center;border-bottom:2px solid var(--ink);font-family:ui-monospace,monospace}.brand{font-size:24px;font-weight:800}.brand span{font-size:11px;letter-spacing:.15em}.remember{margin-left:auto;font:13px system-ui}.hero{padding:48px 0 35px;border-bottom:1px solid #9d9587}.hero p{font-style:italic;color:#756d61}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.05;margin:14px 0;letter-spacing:-.04em}.workspace{display:grid;grid-template-columns:minmax(400px,1.15fr) minmax(320px,.85fr);gap:55px;padding:50px 0}.clock-wrap{min-width:0}#clock{width:100%;max-width:570px;display:block;margin:auto;touch-action:none;filter:drop-shadow(0 18px 15px #64594422)}.clock-face{fill:#f8f3e9;stroke:var(--ink);stroke-width:4}.tick{stroke:var(--ink);stroke-width:2}.tick.major{stroke-width:5}.tick-label{font:700 20px ui-monospace;fill:var(--ink)}.hand{stroke-width:9;stroke-linecap:round}.hand.start{stroke:var(--blue)}.hand.end{stroke:var(--red)}.knob{stroke:#f8f3e9;stroke-width:6;cursor:grab}.knob.start{fill:var(--blue)}.knob.end{fill:var(--red)}.knob:active{cursor:grabbing}.pin{fill:var(--ink)}.arc{fill:none;stroke:#e0a23b;stroke-width:13;stroke-linecap:round}.arc.ghost{stroke:#6d665a;stroke-width:3;stroke-dasharray:7 8}.arc-label{font:700 15px ui-monospace;fill:#754e13}.legend{display:flex;gap:20px;align-items:center;font:13px system-ui;margin-top:8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.start-dot{background:var(--blue)}.end-dot{background:var(--red)}.legend small{margin-left:auto;color:#766f65}aside{border-left:2px solid var(--ink);padding-left:38px}.mode{display:flex;border:1px solid var(--ink);padding:4px}.mode button{flex:1;border:0;background:transparent;padding:12px;font:700 14px system-ui;cursor:pointer}.mode button.active{background:var(--ink);color:#f6f0e5}.time-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin:35px 0}.time-row label{font:12px system-ui;color:#6f685e}.time-row input{display:block;width:100%;margin-top:8px;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:8px 0;font:700 27px ui-monospace}.time-row span{font-size:24px;padding-bottom:8px}.answer{padding:28px 0;border-top:1px solid #a69d90;border-bottom:1px solid #a69d90}.answer small{font:12px system-ui;letter-spacing:.12em}.answer strong{display:block;font:700 76px ui-monospace;line-height:1.1}.answer strong em{font:normal 18px Georgia;margin-left:8px}.answer p{font-size:22px;margin:7px 0}.formula{margin-top:25px}.formula p{font:12px system-ui;color:#70685c}.formula code{font:700 17px ui-monospace;line-height:1.7}.crossing{margin-top:25px;background:#ded5c6;padding:14px;font:14px system-ui}.note{display:flex;gap:30px;border-top:2px solid var(--ink);padding-top:24px}.note p{margin:0;max-width:650px;line-height:1.7;color:#625b51}@media(max-width:800px){.workspace{grid-template-columns:1fr;gap:25px}.clock-wrap{min-width:0}aside{border-left:0;border-top:2px solid var(--ink);padding:30px 0 0}.answer strong{font-size:58px}.hero{padding-top:30px}}