:root{--bg:#090c20;--card:#11152e;--line:#30345b;--muted:#a3abc9;--ink:#f0f2ff;--accent:#80caff;color-scheme:dark}
body{background:radial-gradient(ellipse at 80% 5%,#56297744,transparent 44%),radial-gradient(ellipse at 10% 45%,#163b7144,transparent 50%),var(--bg);isolation:isolate}
body::before{content:"";position:fixed;inset:55% -60% -55%;z-index:-1;pointer-events:none;background-image:linear-gradient(#885bf52b 1px,transparent 1px),linear-gradient(90deg,#885bf52b 1px,transparent 1px);background-size:70px 70px;transform:perspective(400px) rotateX(58deg);mask-image:linear-gradient(transparent,#000 45%);transform-origin:center top}
header{border-bottom-color:#45427980}.brand{letter-spacing:-.7px}.mark i{background:#86cdff;box-shadow:0 0 14px #4ba9ff77}.mark i:nth-child(2){background:#c29aff}.mark i:nth-child(3){background:#ff8ed3}.tag{color:#a6a9cd}.eyebrow{color:#c49bff}h1{letter-spacing:-1.3px;color:#f2f1ff}h1::after{content:"";display:block;width:66px;height:3px;margin-top:18px;background:linear-gradient(90deg,#75caff,#b088ff,#ff8dcc,#ffa879);border-radius:3px}.intro p{margin-top:14px}
.settings{background:linear-gradient(145deg,#151a36ee,#11132bee);border-color:#3a3c69;box-shadow:0 12px 40px #04051933}.setting label{color:#d6daf1}.dot{background:#85caff;box-shadow:0 0 9px #70baff55}.dot.rest{background:#ef91cf;box-shadow:0 0 9px #ef91cf44}.setting:nth-of-type(3) .dot{background:#b59aff!important;box-shadow:0 0 9px #b59aff44}.stepper{background:#0d1229;border-color:#625f97}.stepper button{color:#b0c5f2}.stepper button:hover:not(:disabled){color:#fff;background:#232c4c}.stepper button:first-child{border-radius:10px 0 0 10px}.stepper button:last-child{border-radius:0 10px 10px 0}.total strong{color:#ffb48c}
.timer{background:radial-gradient(ellipse at 50% 40%,#27254d 0%,#151b37 56%,#10152d 100%);border-color:#4b437b;box-shadow:inset 0 1px 0 #a09aff11,0 15px 55px #08041c55;overflow:hidden}.timer::before{content:"";position:absolute;pointer-events:none;width:230px;height:230px;top:70px;left:50%;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,#ffb0830d,#e476d21a 55%,#8262ef08);filter:blur(18px)}.timer>*{z-index:1}.timer-top{color:#a5b4d7}.sound{border-color:#4b5280;color:#d2daf7;background:#11162d66}.sound:hover{border-color:#b595ed}.track{stroke:#354265}.progress{stroke:url(#neon-candy);filter:drop-shadow(0 0 5px #a675ff88)}.phase{color:var(--accent);font-weight:600}.clock{color:#f5f3ff;text-shadow:0 0 35px #9c8eff30}.round{color:#a9b6d7}.primary{background:linear-gradient(110deg,#a675ff,#ff4fcb);color:#131b3c;box-shadow:0 5px 22px #779aff22;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.09);transform:translateY(-1px)}.primary:active{transform:translateY(0)}.reset{color:#f4c5f7;border-color:#625f97;background:#171a35;box-shadow:0 0 12px #c95ce433}.reset:hover{background:#272348;border-color:#9290d4}.next{color:#b2b9d6}.timeline{background:#10152de8;border-color:#373b67}.bars span{background:linear-gradient(110deg,#78c4ff,#a49bff)}.bars span.break{background:linear-gradient(110deg,#b381d7,#e58bbb)}.bars span.current{box-shadow:0 0 0 2px #ffb48c,0 0 12px #ff9d8544}.legend b{background:#86c4ff}.legend b.blue{background:#e494ce}footer{color:#8b95bb}body.resting{--accent:#f49bd9}body.resting .progress{filter:drop-shadow(0 0 6px #e786cf66)}body.resting .timer{background:radial-gradient(ellipse at 50% 40%,#39244e,#1a1939 56%,#13152e)}.error{color:#ffb494}@media(max-width:720px){body::before{background-size:48px 48px}.timer::before{top:48px}h1::after{margin-top:15px}.intro p{margin-top:12px}}

.settings,.timer,.timeline,.sound{border-color:#625f97}.total{border-top-color:#625f97}.track{stroke:#625f97}