@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=JetBrains+Mono:wght@200;300;400&display=swap";:root{--bg:#0a0908;--surface:#fff8f00a;--surface-hover:#fff8f012;--text:#c8b8a4;--text-dim:#7a6e60;--text-bright:#f0e6d8;--accent:#d4956a;--accent-glow:#d4956a59;--accent-bg:#d4956a1f;--accent-bg-hover:#d4956a2e;--done:#7db88a;--done-glow:#7db88a59;--ring-track:#fff8f00f;--border-subtle:#fff8f014;--border-subtle-hover:#fff8f026;--tick-major:#fff8f01f;--tick-minor:#fff8f00a;--outer-ring:#fff8f006;--noise-opacity:.04;--blob-warm:#e66e1e59;--blob-cool:#2846d247;--blob-accent:#c81e462e;--blob-teal:#14b4a01f;--warm-opacity:1;--cool-opacity:1;--accent-opacity:1;--teal-opacity:1;--grid-opacity-val:.06;--blur-base:50}[data-theme=light]{--bg:#f2ece4;--surface:#785a3c0a;--surface-hover:#785a3c12;--text:#8a7d6e;--text-dim:#b0a595;--text-bright:#3d342a;--accent:#b87a4a;--accent-glow:#b87a4a40;--accent-bg:#b87a4a1a;--accent-bg-hover:#b87a4a29;--done:#5a9e68;--done-glow:#5a9e6840;--ring-track:#3c2d1e12;--border-subtle:#3c2d1e1a;--border-subtle-hover:#3c2d1e2e;--tick-major:#3c2d1e1f;--tick-minor:#3c2d1e0d;--outer-ring:#3c2d1e0a;--noise-opacity:.02;--blob-warm:#dc782840;--blob-cool:#283cc82e;--blob-accent:#be1e3c1f;--blob-teal:#14aa961a;--warm-opacity:1;--cool-opacity:1;--accent-opacity:1;--teal-opacity:1;--grid-opacity-val:.04;--blur-base:50}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Cormorant Garamond,Georgia,serif;transition:background .5s,color .5s;overflow:hidden}body:before{content:"";opacity:var(--noise-opacity);pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;transition:opacity .5s;position:fixed;inset:0}body:after{content:"";background:radial-gradient(circle at 45% 45%, var(--blob-warm), transparent 65%);pointer-events:none;z-index:0;width:70vw;max-width:900px;height:70vw;max-height:900px;filter:blur(calc(var(--blur-base) * 1.2 * 1px));opacity:var(--warm-opacity);border-radius:50%;transition:background .8s,filter .5s,opacity .5s;animation:18s ease-in-out infinite alternate driftWarm;position:fixed;top:-20%;left:-15%}.bg-blobs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-blobs:before{content:"";background:radial-gradient(circle at 55% 55%, var(--blob-cool), transparent 65%);width:65vw;max-width:850px;height:65vw;max-height:850px;filter:blur(calc(var(--blur-base) * 1px));opacity:var(--cool-opacity);border-radius:50%;transition:background .8s,filter .5s,opacity .5s;animation:22s ease-in-out infinite alternate driftCool;position:absolute;bottom:-20%;right:-15%}.bg-blobs:after{content:"";background:radial-gradient(circle at 50% 50%, var(--blob-accent), transparent 60%);width:45vw;max-width:580px;height:45vw;max-height:580px;filter:blur(calc(var(--blur-base) * .8 * 1px));opacity:var(--accent-opacity);border-radius:50%;transition:background .8s,filter .5s,opacity .5s;animation:26s ease-in-out infinite alternate driftAccent;position:absolute;top:20%;left:35%}.bg-grid{pointer-events:none;z-index:0;opacity:var(--grid-opacity-val);background-image:repeating-linear-gradient(-35deg,#0000,#0000 60px,currentColor 60px 61px);transition:opacity .5s;position:fixed;inset:0}[data-theme=light] .bg-grid{opacity:var(--grid-opacity-val)}.bg-teal{background:radial-gradient(circle at 50% 50%, var(--blob-teal), transparent 60%);pointer-events:none;z-index:0;width:40vw;max-width:500px;height:40vw;max-height:500px;filter:blur(calc(var(--blur-base) * 1px));opacity:var(--teal-opacity);border-radius:50%;transition:background .8s,filter .5s,opacity .5s;animation:20s ease-in-out infinite alternate driftTeal;position:fixed;top:-10%;right:-10%}@keyframes driftWarm{0%{transform:translate(0)scale(1)}to{transform:translate(8vw,10vh)scale(1.15)}}@keyframes driftCool{0%{transform:translate(0)scale(1)}to{transform:translate(-10vw,-8vh)scale(1.1)}}@keyframes driftAccent{0%{transform:translate(0)scale(1)rotate(0)}to{transform:translate(5vw,-6vh)scale(1.2)rotate(10deg)}}@keyframes driftTeal{0%{transform:translate(0)scale(1)}to{transform:translate(-6vw,8vh)scale(1.1)}}#root{z-index:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 8px var(--accent-glow))}50%{filter:drop-shadow(0 0 20px var(--accent-glow))}}@keyframes pulseGlowDone{0%,to{filter:drop-shadow(0 0 8px var(--done-glow))}50%{filter:drop-shadow(0 0 24px var(--done-glow))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:10px;height:10px;box-shadow:0 0 4px var(--accent-glow);border:none;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;width:10px;height:10px;box-shadow:0 0 4px var(--accent-glow);border:none;border-radius:50%}