/* Black & champagne gold. Motion is confined to an explicit draw action. */
:root{color-scheme:dark;--bg:#0c0c0e;--ink:#f0e9da;--muted:#aaa393;--line:#302a21;--green:#d7b66d;--accent:#edcf89;--gold:#d7b66d}
body{background:radial-gradient(ellipse at 78% 5%,#b2873610,transparent 47%),var(--bg)}
.header{border-bottom-color:#d7b66d20}.brand-icon{color:var(--gold)}.brand-en{color:#9c865c}.nav-button{color:#afa99d}.nav-button.active{background:#d7b66d13;color:#efd49a;border:1px solid #d7b66d33}.header-note,.eyebrow{color:#b69b66}.eyebrow>span{background:var(--gold);box-shadow:0 0 9px #d7b66d60}
h1{color:#f4eddf}h1 span{color:#d5b570}.daily-mark{color:#d2af65;text-shadow:0 0 35px #d7b66d25}.panel{background:linear-gradient(145deg,#191817,#121213);border-color:#393025;box-shadow:0 12px 40px #0002}.section-label{color:#b4a487}.category{color:#bfb6a4}.category .count{color:#a99b7e}.category.selected{color:#f0d496;background:linear-gradient(100deg,#d7b66d22,#d7b66d09);border-color:#80683d}.category:hover{background-color:#d7b66d0d}.presets button{color:#b7ac96;border-color:#483e2c}.presets .selected{color:#f0d496;background:#d7b66d1c;border-color:#80683d}.duration-line input{color:#e6c685;border-bottom-color:#6e5731}.settings-note,.local-badge{color:#a2967e}
.topic-card{background:radial-gradient(ellipse at 85% 15%,#72532624,transparent 65%),linear-gradient(135deg,#211c15,#141416 75%);border:1px solid #8d6b36;color:#f4e8cb;box-shadow:inset 0 1px 0 #ffe2a520,0 15px 50px #0004;isolation:isolate}.topic-card:after{color:#d7b66d08}.card-top{color:#b8a680}.pill{border-color:#82683c;color:#e4c789;background:#d7b66d0a}.topic-kicker{color:#bba16b}.topic-content h2{color:#f5d995;text-shadow:0 2px 22px #dbac4620;min-height:1.5em}.topic-content>p{color:#b9b0a0}.question-box{border-left-color:#d7b66d;background:#d7b66d07}.question-box>span{color:#cbb176}.question-box p{color:#e0d7c6}.card-bottom{border-top-color:#d7b66d24;color:#bba780}.card-bottom .text-button{color:#efd296;font-size:13px;border:1px solid #9c7b42;background:linear-gradient(120deg,#c39b4c23,#c39b4c09);padding:9px 16px;border-radius:7px;margin:10px 0}.card-bottom .text-button:hover{background:#d7b66d26;box-shadow:0 0 20px #d7b66d13}
.primary{background:linear-gradient(115deg,#efd699,#c7a15a);border-color:#dec18a;color:#231b10;font-weight:600;box-shadow:0 3px 15px #d7b66d12}.secondary{color:#ddc591;border-color:#6d5937;background:#d7b66d05}.timer{color:#eed5a1}.timer span{color:#887248}.progress-track{background:#332c20}.progress-track>div{background:linear-gradient(90deg,#9a7738,#f3d89b);box-shadow:0 0 9px #d7b66d55}.writing-header a{color:#e0c48d}textarea,input{background:#0e0e10;border-color:#51432e;color:#ebe1cd;outline-color:#d7b66d}textarea::placeholder,input::placeholder{color:#8d8475}#writing-tip{color:#aaa08e}.how-it-works>div>span{color:#b99555}.how-it-works small,footer{color:#a29886}.empty-state{border-color:#5c4b30}.empty-state strong{color:#c8a663}.entry label{color:#c7aa71}.toast{background:#252016;color:#f3d79b;border:1px solid #82683c}.footer-dot{color:#ae8a4c}dialog{background:#171614;border-color:#7d6339}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#e7c886}
.topic-card:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(110deg,transparent 25%,#ffe7b226 47%,transparent 66%);transform:translateX(-130%);opacity:0}.drawing{box-shadow:0 0 35px #c99a3820,inset 0 0 45px #c99a380a}.drawing .topic-content>p,.drawing .question-box{opacity:.18;transition:opacity .2s}.drawing .topic-content h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rolling{animation:topic-roll .18s ease-out}.revealed:before{animation:gold-sweep .85s ease-out both}.revealed .topic-content{animation:topic-reveal .65s cubic-bezier(.16,1,.3,1)}.revealed{animation:gold-settle 1s ease-out}.drawing .topic-kicker{color:#edd397}.drawing .topic-kicker:after{content:' / DRAWING';letter-spacing:2px}.drawing .card-bottom .text-button{opacity:.8}
@keyframes topic-roll{from{transform:translateY(-14px);opacity:.3;filter:blur(3px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}
@keyframes topic-reveal{from{transform:translateY(9px);opacity:.3}to{transform:translateY(0);opacity:1}}
@keyframes gold-sweep{0%{transform:translateX(-130%);opacity:0}20%{opacity:1}100%{transform:translateX(130%);opacity:0}}
@keyframes gold-settle{0%{box-shadow:0 0 65px #e8bf5c55,inset 0 0 35px #e8bf5c15;border-color:#ffe4a0}100%{box-shadow:0 15px 50px #0004;border-color:#8d6b36}}
@media(max-width:700px){.category{border-color:#3d3425}.card-bottom .text-button{padding:8px 10px;font-size:12px}.topic-content h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sound-toggle{color:#dec18a!important;font-size:11px}@media(max-width:700px){.header nav{flex-wrap:wrap}.sound-toggle{padding:10px 8px}.nav-button{padding-left:9px;padding-right:9px}}