:root{color-scheme:dark;--ink:#f5effb;--muted:#b5aabc;--lavender:#d2b1f4;--line:rgba(224,204,245,.14)}*{box-sizing:border-box}body{margin:0;background:#100e18;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;min-height:100svh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);transition:background .2s,transform .2s,border-color .2s;background:transparent}button:hover{background:#d2b1f415;border-color:#d2b1f460}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lavender);outline-offset:5px}button:disabled{opacity:.4;cursor:not-allowed}#petals{position:fixed;inset:0;overflow:hidden;z-index:-3;background:radial-gradient(ellipse at 10% 30%,#37243d,transparent 58%),#100e18}#petals canvas{width:100%;height:100%}.veil{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,10,18,.14),rgba(12,10,18,.45) 45%,rgba(12,10,18,.85)),linear-gradient(0deg,#100e18 0%,transparent 35%);pointer-events:none}.shell{max-width:1560px;min-height:100svh;margin:auto;padding:36px 5vw 24px;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--lavender);font-size:21px;font-weight:500;letter-spacing:3px}.brand-en{display:block;font-size:8px;letter-spacing:2.7px;margin-top:6px;color:var(--muted)}.tools{display:flex;gap:10px}.tools button{padding:10px 14px;border-radius:24px;font-size:14px;letter-spacing:1px}.tools button[aria-pressed=false]{color:#8c8293;background:#ffffff04}main{flex:1;display:grid;grid-template-columns:1fr 1.05fr;gap:6vw;align-items:center;padding:42px 3vw 32px}.intro{align-self:center;padding-top:35px}.eyebrow{font-size:10px;letter-spacing:3px;color:#d8c4e7;display:flex;align-items:center;gap:10px}.eyebrow i{width:5px;height:5px;background:#e2c1fd;border-radius:50%;box-shadow:0 0 15px #d8acff}h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:400;font-size:clamp(32px,3.9vw,60px);line-height:1.65;letter-spacing:5px;margin:28px 0 20px;text-shadow:0 2px 25px #100e18}h1 span{color:#d4bfdc}.intro p{font-size:14px;line-height:2.2;letter-spacing:2px;color:#c2b2cb}.scene-caption{margin-top:65px;display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:3px;color:#ac98b6}.line{width:32px;height:1px;background:#ab84c6}.timer-panel{width:100%;max-width:530px;margin:auto;border:1px solid var(--line);padding:28px 34px 22px;border-radius:28px;background:linear-gradient(140deg,#29213380,#14121eaf);box-shadow:0 30px 100px #0003,inset 0 1px #ffffff08;backdrop-filter:blur(16px)}.mode-switch{display:flex;padding:5px;background:#0a08194d;border:1px solid #ffffff07;border-radius:14px}.mode-switch button{width:50%;border:0;border-radius:10px;padding:10px 8px;font-size:14px;letter-spacing:2px;color:#ab9bb9}.mode-switch span{display:block;font-size:8px;letter-spacing:1.5px;margin-top:5px}.mode-switch .selected{color:#f1e0ff;background:#b194d324;box-shadow:0 1px 8px #0002}.dial{position:relative;width:min(100%,360px);aspect-ratio:1;margin:22px auto 15px;display:grid;place-items:center}.orbit{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.orbit circle{fill:none;stroke-width:1}.orbit .track{stroke:#d6b8ef16}.orbit #progress{stroke:#b79aca;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1061.86;stroke-dashoffset:0;filter:drop-shadow(0 0 5px #c49bf670);transition:stroke-dashoffset .4s linear}.time-content{text-align:center;width:100%;z-index:1}.state{font-size:11px;letter-spacing:2px;color:#b9a8c6;margin:0 0 25px}.digits{display:flex;justify-content:center;align-items:center;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:clamp(36px,4.1vw,56px);letter-spacing:-2px;font-weight:300;font-variant-numeric:tabular-nums;color:#faf4ff;white-space:nowrap}.digits b{font:inherit;color:#927d9f;margin:0 6px}.units{display:grid;grid-template-columns:repeat(3,1fr);max-width:282px;margin:8px auto 0;font-size:9px;letter-spacing:3px;color:#9787a3}.microcopy{font-family:"Songti SC",serif;font-size:12px;letter-spacing:3px;color:#bda8ce;margin:26px 0 0}.presets{display:flex;gap:8px;justify-content:center}.presets button{padding:9px 12px;border-radius:8px;font-size:11px;white-space:nowrap;color:#ad9bbd}.presets .selected{color:#edd9ff;border-color:#ba91d54d;background:#bc8be213}.actions{display:flex;gap:10px;margin:24px 0 16px}.primary{flex:1;padding:15px;border-radius:12px;background:#d9bcf2;color:#271d35;border:0;font-size:14px;font-weight:600;letter-spacing:2px;display:flex;gap:12px;align-items:center;justify-content:center;box-shadow:0 4px 25px #b57af21a}.primary:hover{background:#e7ccff}.primary span:first-child{font-size:11px}.reset{width:52px;border-radius:12px;font-size:25px;color:#cfb7df}.keyboard-hint{text-align:center;font-size:10px;color:#8d7e98;letter-spacing:1px;margin:0}.keyboard-hint span{margin:0 10px}kbd{font:inherit;color:#b7a6c2}.duration-inputs{display:flex;gap:9px;align-items:flex-end;padding-top:18px}.duration-inputs label{flex:1;font-size:10px;color:#b6a3c4}.duration-inputs input{width:100%;padding:9px;background:#15101e;border:1px solid var(--line);color:var(--ink);border-radius:7px;margin-top:5px}.duration-inputs button{border-radius:8px;padding:10px 12px}.duration-inputs input:disabled{opacity:.45}#input-error{font-size:12px;color:#edbcc8;margin:8px 0 0}footer{display:flex;justify-content:space-between;color:#94849f;font-size:10px;letter-spacing:1.5px;padding-top:20px;border-top:1px solid #ffffff08}#clock{font-variant-numeric:tabular-nums}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}body.finished #progress{stroke:#eacaff}body.finished .timer-panel{box-shadow:0 0 70px #b48bd52a}body.running .eyebrow i{animation:breathe 3s ease-in-out infinite}@keyframes breathe{50%{opacity:.4}}@media(max-width:900px){main{gap:3vw;padding-inline:0}.timer-panel{padding:22px}.intro h1{font-size:35px}.eyebrow{font-size:8px;letter-spacing:1.8px}.digits{font-size:40px}.presets{gap:5px}.presets button{padding:9px}}@media(max-width:650px){.shell{padding:22px 20px 18px}header .brand{font-size:18px}.tools{gap:6px}.tools button{padding:8px 10px;font-size:12px}main{display:block;padding:35px 0 24px}.intro{padding:0;text-align:center}.eyebrow{justify-content:center;font-size:8px}.intro h1{font-size:29px;line-height:1.45;letter-spacing:3px;margin:16px 0 24px}.intro h1 br{display:none}.intro h1 span{display:block}.intro p,.scene-caption{display:none}.timer-panel{max-width:430px;border-radius:22px;padding:20px}.dial{max-width:310px;margin:14px auto}.digits{font-size:44px}.presets{gap:7px}.presets button{padding:9px 10px}.veil{background:linear-gradient(0deg,#100e18 0%,#100e1860 65%,#100e1810)}footer{font-size:8px;letter-spacing:.5px;gap:12px}.keyboard-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}[hidden]{display:none!important}