:root{color-scheme:dark;color:#f0edf9;background:#0c101e;--gold:#ffd18a;--violet:#b79aff;--cyan:#77e8e0}
body{background:radial-gradient(ellipse at 90% 0,#45306066,transparent 48%),radial-gradient(ellipse at 20% 80%,#143e5066,transparent 60%),#0c101e}
body:before{content:'';position:fixed;inset:0;background:linear-gradient(#0c101ed9,#0c101ef2),url('/battle.png') center/cover;z-index:-1;pointer-events:none}
.sidebar{background:#101322ed;border-color:#ffffff14}.brand{font-size:36px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:900;font-style:italic}.brandmark{background:linear-gradient(140deg,#f8d293,#b86c46);color:#201628;box-shadow:0 0 30px #f3a45122}.branddot{color:var(--cyan)}.brand-sub{color:#a5a4bb;letter-spacing:1px}.nav-label{color:#9695b0}.nav{color:#c4c2d7}.nav.active{background:#302746;color:#dac8ff;box-shadow:inset 3px 0 #b797ff}.nav small,.nav.active small{background:#ffffff0c;color:inherit}
.sidebar-note{background:linear-gradient(145deg,#28263e,#142b35);border:1px solid #6b668d55;transform:none}.sidebar-note strong{color:#eed8af}.sidebar-note p,.profile small{color:#b3b0c6}.note-star{color:var(--gold)}.profile{border-color:#ffffff16}.avatar{background:#293546;color:var(--cyan)}
.topbar{background:#0e1321b8;border-color:#ffffff12}.breadcrumb,.breadcrumb b{color:#bcbbcf}.topbar button{color:#f0d19f}.localbar{background:#172a32;color:#a6dcd7;border-bottom:1px solid #6accc51c}.localbar button{text-decoration:underline;margin-left:12px;color:#d3fff9}
.eyebrow{color:var(--cyan);letter-spacing:2px}.eyebrow>span{background:var(--cyan)}h1{color:#faf3e7;font-weight:750}.heading p{color:#b9b7cb}.wave{color:var(--gold)}.primary{background:linear-gradient(120deg,#f6d298,#dfa45f);color:#271b25;box-shadow:0 5px 25px #eca84b20;font-weight:750}.primary:hover{background:#ffe1ac}.hero{isolation:isolate;min-height:330px;border:1px solid #9f87c54a;background:linear-gradient(90deg,#151629f5 0%,#19192dcc 44%,#19192d18 75%),url('/duel.png') center 38%/cover,linear-gradient(125deg,#33335e,#17626a);box-shadow:0 20px 70px #0003;border-radius:22px;padding:38px}.hero:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 -50px 70px #0c101e55;z-index:-1}.hero>div:first-child{max-width:470px}.hero h2{font-size:39px;color:#fff4e0;text-shadow:0 3px 20px #0008}.hero h2 span{color:var(--gold)}.hero p{color:#d0c9de}.hero-label{color:#c7efe8}.hero button{color:#eed8b3;background:#1a2039a8;border:1px solid #d5bd8e44;padding:10px 15px;border-radius:8px}.hero-art{display:none}
.stats>button{background:#191e30e8;border:1px solid #ffffff10;color:#f1edf8}.stats small{color:#b5b1c7}.stat-icon.purple{background:#392e50;color:#cfb5ff}.stat-icon.peach{background:#443428;color:#f4c27e}.stat-icon.mint{background:#193c40;color:#8ce8de}.stat-arrow{color:#9b93b5}.section-head h2{color:#f0eaf8}.section-head h2 span{background:#27283c;color:#c4b7df}.view-toggle{background:#181d2c}.view-toggle .selected{background:#35304b;color:#ddc6ff}.chips button{color:#beb9ce}.chips button.chosen{background:#35304c;color:#e4d5ff}.search{background:#191e30;border:1px solid #39364f;color:#b7afca}.search input{color:#f3edf8;background:transparent}.search input::placeholder{color:#aaa5bc}
.task,.task.privat,.task.arbeit,.task.ideen{background:#1a2032f5;border:1px solid #63557666;box-shadow:0 8px 25px #0002}.task.arbeit{border-top:3px solid #65c7cc}.task.privat{border-top:3px solid #b292ef}.task.ideen{border-top:3px solid #e6b478}.task h3{color:#f5f0fa}.task-note{color:#c4bed4}.tag{background:#ffffff0b!important;color:#cfc0ed!important}.date{color:#b4b2c9}.date.overdue{color:#ffb9aa}.star{color:#ada3bf}.star.on{color:var(--gold)}.actions button{color:#b2a8c8}.complete{border-color:#ffffff12;color:#d5cce4}.checkbox{border-color:#a58bc6}.checkbox.checked{background:#80d7cb;border-color:#80d7cb;color:#10222b}.add-card{border-color:#69607e;color:#c3b4d5;background:#141a2d80}.add-card>span{background:#2c2a43;color:#dac3ff}.empty{background:#191d30;border:1px solid #3c3552}.empty h3{color:#e9e0f4}.empty p{color:#bfb4cc}.empty-icon{background:#302b45;color:var(--gold)}.backup,.bottom{color:#aaa7bf}.error{background:#472b39;color:#ffd1d1}
dialog{background:#191e30;color:#f6effb;border:1px solid #675482;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#060912bb;backdrop-filter:blur(5px)}.modal-head h2{color:#f3e9fd}form input:not([type=checkbox]),form textarea,form select{background:#101627;border-color:#4b4261;color:#f0eaf9}form input:focus,form textarea:focus,form select:focus{border-color:var(--cyan)}.modal-footer{border-color:#ffffff15}.modal-footer>button:first-child{color:#c5b8d4}button:focus-visible,a:focus-visible{outline-color:var(--cyan)}
@media(min-width:1500px){.hero{min-height:390px}.hero h2{font-size:46px}}
@media(max-width:760px){.sidebar{background:#101322}.brand{font-size:28px}.hero{min-height:330px;padding:25px;background-position:center,62% center,center;background-image:linear-gradient(90deg,#141728e8,#14172880),url('/duel.png'),linear-gradient(125deg,#33335e,#17626a)}.hero h2{font-size:31px}.hero>div:first-child{max-width:290px}.hero p{max-width:240px;line-height:1.7}.localbar{font-size:10px;line-height:1.8}.heading h1{font-size:25px}.heading>.primary{font-size:11px}.task{min-height:215px}.stats small{font-size:9px}}

.heading{flex-wrap:wrap;gap:12px}.heading>div{margin-right:auto}.heading .voice-button{background:#25464b;color:#b2f5e9;border:1px solid #71cec377;box-shadow:none}.hero{background-position:center,center 40%,center}#voice-dialog{width:min(94vw,580px);max-height:90dvh;overflow:auto;padding:28px}#voice-dialog p{line-height:1.6;color:#d0c4dd}#voice-dialog .voice-privacy{font-size:12px;color:#b3a5c5}#voice-dialog textarea{width:100%;padding:14px;border-radius:10px;background:#0f1526;color:#f6f0ff;border:1px solid #6f5b88;font:inherit;margin-top:8px}#voice-status{padding:12px;background:#233a40;border-radius:9px}.voice-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.voice-actions button:not(.primary){padding:10px;border:1px solid #665773;border-radius:8px;color:#e1d1eb}#voice-dialog .priority{margin:18px 0;line-height:1.6}#voice-dialog input{accent-color:#8adbd0}@media(max-width:760px){.hero{background-position:center,60% center,center}.heading .voice-button{margin-left:auto}.heading>div{flex-basis:100%}.heading>.primary{font-size:13px}.hero h2{max-width:270px;font-size:29px}}