*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}:root{--rose:#d6a5a5;--accent:#9fc7b3;--bg-light:#faf7f2;--bg-dark:#0f172a;--card-light:#fff;--card-dark:#1e293b;--text-light:#1f2937;--text-dark:#e5e7eb;--ring-bg-light:#00000014;--ring-bg-dark:#ffffff1f;--ring-glow:#9fc7b359}body.light{background:var(--bg-light);color:var(--text-light)}body.dark{color:var(--text-dark);background:radial-gradient(circle at top,#1e293b,#020617)}.app{text-align:center;min-height:100vh;padding:80px 20px;position:relative}.title{color:var(--rose);margin-bottom:10px;font-size:3.5rem}.subtitle{font-size:1.1rem}.helper{opacity:.7;margin-bottom:30px}textarea{resize:none;border:none;border-radius:18px;outline:none;width:100%;max-width:700px;min-height:150px;margin-bottom:20px;padding:22px;font-size:1rem;transition:all .3s}body.light textarea{color:#1f2937;background:#fff;box-shadow:0 15px 40px #0000000d}body.dark textarea{color:#e5e7eb;background:#1e293b;box-shadow:0 0 0 1px #ffffff0f}.primary-btn{background:var(--accent);cursor:pointer;border:none;border-radius:999px;margin:24px auto 0;padding:14px 28px;font-size:1rem;transition:all .25s;display:block}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #9fc7b359}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.card{border-radius:28px;max-width:700px;margin:50px auto 0;padding:40px;animation:.6s fadeUp}body.light .card{background:var(--card-light)}body.dark .card{background:var(--card-dark)}.step{text-align:left;align-items:center;gap:14px;margin:18px 0;display:flex}.step span.done{opacity:.6;text-decoration:line-through}.timer-ring{border-radius:50%;width:160px;height:160px;margin:0 auto 24px;transition:transform .4s;position:relative}.timer-ring.active{transform:scale(1.04)}body.dark .timer-ring{background:radial-gradient(circle,#ffffff08,#0000 65%)}body.light .timer-ring{background:radial-gradient(circle,#00000008,#0000 65%)}.timer-ring svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke-width:10px}body.light .ring-bg{stroke:var(--ring-bg-light)}body.dark .ring-bg{stroke:var(--ring-bg-dark)}.ring-progress{fill:none;stroke-width:10px;stroke-linecap:round;stroke-dasharray:440;filter:drop-shadow(0 0 6px var(--ring-glow));transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.timer-ring.active .ring-progress{animation:3s ease-in-out infinite ring-breathe}@keyframes ring-breathe{0%,to{filter:drop-shadow(0 0 4px #9fc7b340)}50%{filter:drop-shadow(0 0 10px #9fc7b373)}}.timer-text{letter-spacing:.6px;justify-content:center;align-items:center;font-size:1.9rem;font-weight:600;display:flex;position:absolute;inset:0}body.dark .timer-text{color:#eafaf5;text-shadow:0 0 8px #a0f0d740}body.light .timer-text{color:#1f2937}.done-box{cursor:pointer;border-radius:16px;margin-top:30px;padding:18px;animation:2.5s ease-in-out infinite glow}.done-box span{opacity:.7;font-size:.85rem;display:block}.theme-toggle{cursor:pointer;opacity:.7;background:0 0;border:none;position:absolute;top:20px;right:20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 #9fc7b34d}50%{box-shadow:0 0 25px #9fc7b373}}