:root{--nav-height:56px;--timer-hero-gradient:linear-gradient(180deg,#232b3a,#121820 45%,#06080d);--bg:#0a0e14;--bg-elevated:#121820;--text:#e8eef5;--text-muted:#8b9cb3;--accent:#3dd68c;--accent-dim:#2a9d62;--border:hsla(0,0%,100%,.08);--card:rgba(18,24,32,.75);--shadow:0 24px 80px rgba(0,0,0,.45)}html.light{--timer-hero-gradient:linear-gradient(180deg,#c2ccd8,#d8e0ec 38%,#eef2f8 68%,#fafcfe);--bg:#f4f6f9;--bg-elevated:#fff;--text:#1a2332;--text-muted:#5c6b7f;--accent:#0d9f6e;--accent-dim:#0a7d57;--border:rgba(0,0,0,.08);--card:hsla(0,0%,100%,.92);--shadow:0 20px 60px rgba(15,30,55,.12)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;line-height:1.6;margin:0;min-height:100vh;transition:background .25s ease,color .25s ease}.et-layout-body{box-sizing:border-box;display:flex;flex-direction:column;min-height:calc(100dvh - var(--nav-height))}.et-layout-body>*{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.timer-hero-surface{background:var(--timer-hero-gradient);transition:background .3s ease}