:root{--bg-top:#20140d;--bg-bottom:#0b0a09;--card:#1a1613;--card-border:#3f3027;--text:#ffe8d2;--muted:#d6b495;--accent:#ff6b00;--accent-soft:#ff9e45;--good:#74d36f}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif}body{background:radial-gradient(circle at top right, #583622 0%, transparent 40%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));min-height:100vh}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:.7rem 1.2rem;display:flex;position:relative;overflow:hidden}.background-shape{filter:blur(20px);opacity:.25;border-radius:999px;position:absolute}.shape-1{background:#ff7c1f;width:240px;height:240px;top:-80px;right:-40px}.shape-2{background:#a33414;width:300px;height:300px;bottom:-120px;left:-80px}.app-panel{border:1px solid var(--card-border);background:color-mix(in srgb, var(--card) 86%, black);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;width:min(560px,100%);padding:.9rem;animation:.5s ease-out panel-in;position:relative;box-shadow:0 16px 40px #0006}.hero h1{margin:0 0 .2rem;font-size:clamp(1.7rem,2vw + 1rem,2.3rem)}.timers-stack{gap:.6rem;margin-top:.6rem;display:grid}.timer-card{border:1px solid var(--card-border);background:#141210;border-radius:14px;padding:.75rem;transition:border-color .22s,transform .22s}.timer-card.active{border-color:var(--accent);transform:translateY(-2px)}.timer-card.done{border-color:var(--good)}.timer-card h2{margin:0}.timer-card header{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.timer-card header p{color:var(--muted);margin:0}.timer-value{letter-spacing:.03em;margin-top:.4rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.timer-meta{color:var(--muted);margin-top:.4rem}.adjust-row{gap:.6rem;margin-top:.6rem;display:flex}button{color:var(--text);cursor:pointer;background:#2f231c;border:1px solid #6f4c37;border-radius:10px;padding:.5rem .75rem}button:hover:enabled{border-color:var(--accent-soft)}button:disabled{opacity:.45;cursor:not-allowed}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.7rem;display:grid}.actions button{min-height:3.25rem;padding:.6rem .5rem;font-size:1rem;font-weight:700}.start{background:#7d2b0f;border-color:#bf4318}.pause{background:#51381d;border-color:#a2692e}.reset{background:#2a2522}.skip-stage{background:#51381d;border-color:#a2692e}.app-version{color:var(--muted);text-align:right;margin-top:.5rem;font-size:.75rem;display:block}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.adjust-row{width:100%}.adjust-row button{flex:1;width:100%}}