/* Dersenta Beta — Aurora 2.0 visual system */
:root{
  --aurora-blue:#6675ff;--aurora-violet:#a855f7;--aurora-pink:#ff5c8a;
  --aurora-lime:#b7f34a;--aurora-cyan:#42dff5;--aurora-ink:#070711;
  --aurora-ease:cubic-bezier(.16,1,.3,1);--aurora-spring:cubic-bezier(.34,1.56,.64,1);
  --mx:50vw;--my:30vh;
}
html[data-theme="dark"],html[data-theme="night"]{
  --bg:#070711;--bg2:#0d0d18;--bg3:#121222;--card:rgba(19,19,37,.72);
  --card2:rgba(26,26,48,.86);--glass:rgba(255,255,255,.055);--glass2:rgba(255,255,255,.09);
  --glass3:rgba(255,255,255,.14);--border:rgba(255,255,255,.085);--border2:rgba(255,255,255,.16);
  --text:#f7f6ff;--text2:#aaa8bf;--text3:#65637a;--accent:#6675ff;--accent2:#7c4dff;
  --accent3:#9fa8ff;--panel:rgba(8,8,18,.78);--panel2:rgba(10,10,22,.7);--surface-solid:#10101e;
}
html[data-theme="light"]{
  --bg:#f1effa;--bg2:#fbfaff;--bg3:#e9e6f5;--card:rgba(255,255,255,.7);
  --card2:rgba(255,255,255,.92);--glass:rgba(255,255,255,.62);--glass2:rgba(255,255,255,.85);
  --glass3:#fff;--border:rgba(44,35,86,.09);--border2:rgba(44,35,86,.16);
  --text:#171425;--text2:#68637c;--text3:#9a95aa;--accent:#5663ed;--accent2:#7545dc;
  --accent3:#6675ff;--panel:rgba(248,247,254,.8);--panel2:rgba(255,255,255,.72);--surface-solid:#fff;
}
html{background:var(--bg)}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;letter-spacing:-.012em;background:var(--bg)!important}
body::before{content:""!important;position:fixed!important;inset:0!important;z-index:-3!important;opacity:1!important;pointer-events:none;
  background:radial-gradient(550px circle at var(--mx) var(--my),rgba(102,117,255,.115),transparent 58%),radial-gradient(700px circle at 100% 0,rgba(168,85,247,.13),transparent 58%),radial-gradient(600px circle at 0 100%,rgba(255,92,138,.07),transparent 58%)!important}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.app{isolation:isolate}.layout{gap:0!important}

/* Floating command bar */
.topbar{top:12px!important;left:258px!important;right:18px!important;width:auto!important;height:58px!important;min-height:58px!important;padding:0 14px 0 18px!important;border:1px solid var(--border2)!important;border-radius:18px!important;
  background:color-mix(in srgb,var(--panel) 88%,transparent)!important;backdrop-filter:blur(26px) saturate(1.45)!important;box-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.07)!important}
.topbar::after{height:1px!important;opacity:1!important;background:linear-gradient(90deg,transparent,var(--aurora-blue),var(--aurora-violet),var(--aurora-pink),transparent)!important}
.topbar-brand-name,.logo-name{font-weight:900!important;letter-spacing:-.055em!important}
.topbar-stat,.topbar-level{min-height:34px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important;transition:.25s var(--aurora-ease)!important}
.topbar-stat:hover,.topbar-level:hover{background:rgba(102,117,255,.16)!important;transform:translateY(-2px)!important}

/* Navigation island */
.sidebar{width:238px!important;margin:12px 0 12px 12px!important;height:calc(100vh - 24px)!important;padding:19px 13px!important;border:1px solid var(--border)!important;border-radius:24px!important;background:linear-gradient(165deg,rgba(20,20,38,.94),rgba(8,8,18,.9))!important;backdrop-filter:blur(30px) saturate(1.4)!important;box-shadow:0 28px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07)!important;overflow:hidden}
html[data-theme="light"] .sidebar{background:linear-gradient(165deg,rgba(255,255,255,.9),rgba(241,239,250,.86))!important}
.sidebar::before{content:"";position:absolute;width:180px;height:180px;left:-65px;top:-80px;border-radius:50%;background:var(--aurora-violet);filter:blur(65px);opacity:.16;pointer-events:none}
.sidebar::after{width:1px!important;right:auto!important;left:0!important;background:linear-gradient(transparent,var(--aurora-blue),var(--aurora-pink),transparent)!important;opacity:.65!important}
.sidebar-logo{padding:3px 8px 20px!important;margin-bottom:14px!important}.logo-icon{width:44px!important;height:44px!important;border-radius:15px!important;background:linear-gradient(135deg,var(--aurora-blue),var(--aurora-violet) 55%,var(--aurora-pink))!important;box-shadow:0 12px 30px rgba(102,117,255,.3)!important;transform:rotate(-3deg)}
.sidebar-user{padding:12px!important;margin-bottom:16px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important;transition:.3s var(--aurora-ease)!important}
.sidebar-user:hover{transform:translateY(-2px)!important;border-color:rgba(102,117,255,.4)!important;background:rgba(102,117,255,.1)!important}
.user-avatar{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--aurora-blue)!important}
.nav{gap:6px!important}.nav-item{min-height:45px!important;padding:0 12px!important;border-radius:13px!important;color:var(--text2)!important;transition:.28s var(--aurora-ease)!important}
.nav-item:hover{color:var(--text)!important;background:rgba(255,255,255,.06)!important;transform:translateX(4px)!important}
.nav-item.active{color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(110deg,rgba(102,117,255,.34),rgba(168,85,247,.18))!important;box-shadow:0 10px 28px rgba(71,61,190,.2),inset 0 1px rgba(255,255,255,.12)!important}
.nav-item.active .nav-icon{filter:drop-shadow(0 0 8px rgba(159,168,255,.8));transform:scale(1.08)}
.nav-item-indicator{display:block!important;right:7px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:var(--aurora-lime)!important;box-shadow:0 0 12px var(--aurora-lime)!important}.nav-item-glow{display:none!important}
.sidebar-bottom{padding-top:14px!important;border-top:1px solid var(--border)!important}.stat-pill{border-radius:11px!important;background:transparent!important}

/* Stage */
.main{padding:96px clamp(24px,3.2vw,52px) 48px!important;scrollbar-gutter:stable;scroll-behavior:smooth}
.main>div{max-width:1380px;margin-inline:auto}.page-header{margin-bottom:24px!important}
.page-title{font-family:'Manrope','Plus Jakarta Sans',sans-serif!important;font-size:clamp(29px,3vw,43px)!important;font-weight:900!important;letter-spacing:-.065em!important;line-height:1!important;background:linear-gradient(100deg,var(--text) 20%,var(--accent3) 68%,var(--aurora-pink));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.page-sub{font-size:13px!important;line-height:1.7!important;color:var(--text2)!important}

/* Cinematic hero */
.hero-card{min-height:270px!important;padding:clamp(30px,4vw,54px)!important;border:1px solid rgba(159,168,255,.2)!important;border-radius:31px!important;overflow:hidden!important;
  background:radial-gradient(circle at 84% 28%,rgba(183,243,74,.13),transparent 20%),radial-gradient(circle at 70% 70%,rgba(168,85,247,.28),transparent 38%),linear-gradient(125deg,#11142d 0%,#181239 50%,#28132e 100%)!important;box-shadow:0 32px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.11)!important}
.hero-card::before{content:""!important;position:absolute!important;inset:-80%!important;background:conic-gradient(from 180deg,transparent,rgba(102,117,255,.2),transparent 22%,rgba(255,92,138,.12),transparent 45%)!important;animation:auroraOrbit 18s linear infinite!important;opacity:1!important}
.hero-card::after{content:"BETA / 02";position:absolute;right:28px;bottom:22px;font-size:10px;font-weight:900;letter-spacing:.22em;color:rgba(255,255,255,.28)}
.hero-grid{opacity:.13!important;transform:perspective(450px) rotateX(58deg) scale(1.4);transform-origin:bottom}.hero-scanline{background:linear-gradient(90deg,transparent,rgba(183,243,74,.4),transparent)!important;animation-duration:5s!important}
.hero-greeting{display:inline-flex!important;padding:7px 11px!important;border-radius:99px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.13em!important;text-transform:uppercase}
.hero-greeting-dot{background:var(--aurora-lime)!important;box-shadow:0 0 14px var(--aurora-lime)!important}
.hero-title{max-width:760px;font-family:'Manrope',sans-serif!important;font-size:clamp(36px,5.2vw,68px)!important;line-height:.98!important;letter-spacing:-.075em!important;margin:16px 0 22px!important}
.hero-title em{font-style:normal!important;color:var(--aurora-lime)!important;text-shadow:0 0 38px rgba(183,243,74,.2)!important}
.hero-meta{gap:8px!important;flex-wrap:wrap}.hero-meta-item{padding:7px 11px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:999px!important;background:rgba(5,5,14,.25)!important;backdrop-filter:blur(8px)}
html[data-theme="light"] .hero-card{background:radial-gradient(circle at 86% 20%,rgba(183,243,74,.34),transparent 26%),radial-gradient(circle at 70% 100%,rgba(168,85,247,.2),transparent 40%),linear-gradient(125deg,#fff,#e9e6ff 55%,#fbe7ee)!important;box-shadow:0 30px 80px rgba(55,44,110,.17)!important}
html[data-theme="light"] .hero-card::after{color:rgba(20,15,50,.32)}

/* Product bento surfaces */
.stats-row{gap:14px!important;margin-top:17px!important}.stat-card,.stat-big-card,.daily-goal-card,.today-tasks-card,.settings-section,.subject-bar-wrap,.weekly-chart,.today-tasks-section,.glass-card,.dbu-panel{
  position:relative;border:1px solid var(--border)!important;border-radius:22px!important;background:linear-gradient(145deg,var(--card2),var(--card))!important;box-shadow:0 16px 42px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.055)!important;backdrop-filter:blur(20px);overflow:hidden}
.stat-card::before,.stat-big-card::before,.daily-goal-card::before,.settings-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--local-x,50%) var(--local-y,50%),rgba(102,117,255,.14),transparent 52%);opacity:0;transition:opacity .3s}
.stat-card:hover::before,.stat-big-card:hover::before,.daily-goal-card:hover::before,.settings-section:hover::before{opacity:1}
.stat-card{min-height:150px!important;padding:22px!important;transition:.35s var(--aurora-ease)!important}.stat-card:nth-child(2){background:linear-gradient(145deg,rgba(102,117,255,.19),var(--card))!important}.stat-card:nth-child(3){background:linear-gradient(145deg,rgba(255,92,138,.14),var(--card))!important}.stat-card:nth-child(4){background:linear-gradient(145deg,rgba(183,243,74,.1),var(--card))!important}
.stat-card:hover{transform:translateY(-7px) rotateX(2deg)!important;border-color:rgba(159,168,255,.35)!important;box-shadow:0 26px 55px rgba(0,0,0,.2)!important}.stat-card-val,.stat-big-val{font-size:clamp(25px,3vw,38px)!important;font-weight:900!important;letter-spacing:-.06em!important}.stat-card-label,.stat-big-label{font-weight:700!important;color:var(--text2)!important}
.daily-goal-card,.today-tasks-card,.settings-section,.subject-bar-wrap,.weekly-chart,.today-tasks-section,.dbu-panel{padding:24px!important}.card-title,.section-title,.settings-section-title{font-weight:900!important;letter-spacing:-.035em!important}

/* Actions */
.start-btn,.add-btn,.modal-save,.profile-edit-btn,.dbu-btn.primary{min-height:46px!important;padding-inline:20px!important;border:0!important;border-radius:14px!important;color:#fff!important;font-weight:850!important;background:linear-gradient(115deg,var(--aurora-blue),var(--aurora-violet) 58%,var(--aurora-pink))!important;background-size:180% 100%!important;box-shadow:0 13px 30px rgba(102,117,255,.28),inset 0 1px rgba(255,255,255,.25)!important;transition:.35s var(--aurora-ease)!important}
.start-btn:hover,.add-btn:hover,.modal-save:hover,.profile-edit-btn:hover,.dbu-btn.primary:hover{transform:translateY(-4px) scale(1.015)!important;background-position:100% 0!important;box-shadow:0 20px 42px rgba(137,74,230,.35)!important}
.start-btn:active,.add-btn:active,.modal-save:active{transform:translateY(0) scale(.97)!important}

/* Tasks become tactile rows */
.task-card{min-height:88px!important;margin-bottom:10px!important;border:1px solid var(--border)!important;border-radius:18px!important;background:linear-gradient(105deg,var(--card2),var(--card))!important;box-shadow:0 8px 28px rgba(0,0,0,.08)!important;overflow:hidden!important;transition:.32s var(--aurora-ease)!important}
.task-card:hover{transform:translateX(7px)!important;border-color:rgba(102,117,255,.38)!important;box-shadow:-7px 0 0 var(--aurora-blue),0 18px 42px rgba(0,0,0,.16)!important}.task-accent-bar{width:0!important}.task-title{font-weight:800!important;letter-spacing:-.02em}.task-check{border-width:2px!important;transition:.25s var(--aurora-spring)!important}.task-check:hover{transform:scale(1.18) rotate(-7deg)!important;border-color:var(--aurora-lime)!important}.badge,.diff-badge,.reward-chip,.task-row-badge,.cal-diff-badge{border-radius:999px!important;font-weight:800!important;padding-inline:9px!important}
.filter-tabs,.mode-tabs{padding:5px!important;border:1px solid var(--border)!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important}.filter-tab,.mode-tab{min-height:39px!important;border-radius:11px!important;font-weight:800!important;transition:.28s var(--aurora-ease)!important}.filter-tab.active,.mode-tab.active{color:#fff!important;background:linear-gradient(110deg,rgba(102,117,255,.75),rgba(168,85,247,.62))!important;box-shadow:0 8px 22px rgba(102,117,255,.23)!important}

/* Pomodoro as a dedicated focus object */
.pomodoro-page{padding-top:18px!important}.timer-ring-wrap{filter:drop-shadow(0 28px 55px rgba(102,117,255,.22))!important;animation:timerBreathe 5s ease-in-out infinite}.timer-ring-wrap::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.14),transparent 68%);filter:blur(15px);animation:timerHue 8s linear infinite}.timer-display{font-family:'Manrope',sans-serif!important;font-weight:900!important;letter-spacing:-.085em!important;text-shadow:0 0 40px rgba(102,117,255,.16)}.timer-mode-chip{letter-spacing:.17em!important;font-weight:900!important;color:var(--aurora-lime)!important}.ctrl-btn{border:1px solid var(--border2)!important;background:var(--glass2)!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important;transition:.28s var(--aurora-spring)!important}.ctrl-btn:hover{transform:translateY(-5px) scale(1.06)!important}.ctrl-btn.play{background:linear-gradient(135deg,var(--aurora-blue),var(--aurora-violet))!important;box-shadow:0 18px 38px rgba(102,117,255,.32)!important}.pomodoro-stats{border:1px solid var(--border)!important;border-radius:20px!important;background:var(--card)!important;overflow:hidden}
body.dbu-focus{background:radial-gradient(circle at 50% 48%,#1b1744,#080812 62%)!important}body.dbu-focus .timer-ring-wrap{transform:scale(1.12)}

/* Overlays */
.modal-overlay,.dbu-overlay{background:rgba(4,3,12,.73)!important;backdrop-filter:blur(18px) saturate(.75)!important}.modal,.dst-command-panel,.dbu-modal{border:1px solid var(--border2)!important;border-radius:26px!important;background:color-mix(in srgb,var(--surface-solid) 94%,transparent)!important;box-shadow:0 40px 120px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.08)!important;animation:modalEnter .45s var(--aurora-ease)!important}.modal-input,.modal-select,.dst-command-search,.dbu-input{min-height:47px!important;border:1px solid var(--border2)!important;border-radius:13px!important;background:var(--glass)!important;transition:.25s!important}.modal-input:focus,.modal-select:focus,.dst-command-search:focus,.dbu-input:focus{border-color:var(--aurora-blue)!important;box-shadow:0 0 0 4px rgba(102,117,255,.14),0 12px 28px rgba(0,0,0,.1)!important}.toast,.dbu-toast{border:1px solid rgba(159,168,255,.27)!important;border-radius:17px!important;background:color-mix(in srgb,var(--surface-solid) 92%,transparent)!important;backdrop-filter:blur(22px)!important;box-shadow:0 20px 55px rgba(0,0,0,.3)!important}.dbu-tools{max-width:1380px;margin-inline:auto!important}.dbu-btn{border-radius:12px!important;background:var(--glass2)!important}

/* Page choreography */
.aurora-enter{animation:contentRise .65s var(--aurora-ease) both}.aurora-enter .hero-card{animation:heroReveal .85s var(--aurora-ease) both}.aurora-enter .stats-row>*{animation:cardRise .65s var(--aurora-ease) both}.aurora-enter .stats-row>*:nth-child(2){animation-delay:.06s}.aurora-enter .stats-row>*:nth-child(3){animation-delay:.12s}.aurora-enter .stats-row>*:nth-child(4){animation-delay:.18s}
@keyframes auroraOrbit{to{transform:rotate(360deg)}}@keyframes contentRise{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes heroReveal{from{opacity:0;transform:translateY(24px) scale(.975)}to{opacity:1;transform:none}}@keyframes cardRise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes modalEnter{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}@keyframes timerBreathe{50%{filter:drop-shadow(0 32px 72px rgba(168,85,247,.32))}}@keyframes timerHue{to{filter:hue-rotate(360deg)}}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(var(--aurora-blue),var(--aurora-violet));border:2px solid transparent;background-clip:padding-box;border-radius:9px}

@media(max-width:900px){.topbar{left:18px!important}.main{padding:92px 20px 34px!important}.stats-row{grid-template-columns:repeat(2,1fr)!important}.hero-card{min-height:240px!important}.hero-title{font-size:45px!important}}
@media(max-width:760px){.topbar{top:8px!important;left:64px!important;right:9px!important;height:54px!important;min-height:54px!important;border-radius:16px!important}.sidebar{margin:0!important;height:100vh!important;border-radius:0 24px 24px 0!important}.main{padding:78px 14px 95px!important}.hero-card{min-height:260px!important;padding:27px 21px!important;border-radius:25px!important}.hero-title{font-size:37px!important}.page-title{font-size:32px!important}.stat-card{min-height:128px!important;padding:17px!important}.daily-goal-card,.today-tasks-card,.settings-section,.subject-bar-wrap,.weekly-chart,.today-tasks-section{padding:18px!important}.task-card:hover{transform:translateX(3px)!important}.modal,.dbu-modal{border-radius:22px!important}}
@media(max-width:430px){.stats-row{grid-template-columns:1fr 1fr!important;gap:9px!important}.hero-title{font-size:33px!important}.hero-card::after{display:none}.hero-meta{gap:6px!important}.hero-meta-item{font-size:9px!important}.topbar-stat:last-child,.topbar-level{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.stat-card:hover,.task-card:hover,.start-btn:hover,.ctrl-btn:hover{transform:none!important}}

/* Dersenta Beta — Professional refinement & complete theme contract */
:root{--ui-radius:18px;--ui-radius-lg:26px;--ui-shadow:0 18px 55px rgba(0,0,0,.18);--ui-highlight:rgba(255,255,255,.075)}
.topbar,.sidebar,.hero-card,.stat-card,.task-card,.settings-section,.modal,.dbu-modal{will-change:auto}
.topbar{box-shadow:0 14px 44px rgba(0,0,0,.2),inset 0 1px var(--ui-highlight)!important}
.sidebar{box-shadow:0 24px 64px rgba(0,0,0,.26),inset 0 1px var(--ui-highlight)!important}
.hero-card{box-shadow:0 28px 75px rgba(0,0,0,.31),inset 0 1px var(--ui-highlight)!important}
.stat-card:hover{transform:translateY(-4px)!important}.task-card:hover{transform:translateX(4px)!important}
.start-btn:hover,.add-btn:hover,.modal-save:hover,.profile-edit-btn:hover,.dbu-btn.primary:hover{transform:translateY(-2px)!important}
.nav-item:focus-visible,.start-btn:focus-visible,.add-btn:focus-visible,.ctrl-btn:focus-visible,.dbu-btn:focus-visible,.filter-tab:focus-visible,.mode-tab:focus-visible{outline:2px solid var(--accent3)!important;outline-offset:3px!important}
button,input,select,textarea{font:inherit}.card-title,.section-title,.settings-section-title{font-size:clamp(15px,1.3vw,18px)!important}.task-title{line-height:1.45!important}

/* Night is intentionally calmer than the default dark palette. */
html[data-theme="night"]{--bg:#03040a;--bg2:#070913;--bg3:#0b0e19;--card:rgba(13,16,29,.78);--card2:rgba(18,21,38,.88);--text:#e9ebf5;--text2:#85899d;--border:rgba(176,187,255,.07);--border2:rgba(176,187,255,.13);--panel:rgba(3,4,10,.88);--panel2:rgba(5,7,14,.82)}
html[data-theme="night"] body::before{opacity:.58!important}html[data-theme="night"] .hero-card{background:radial-gradient(circle at 78% 32%,rgba(102,117,255,.16),transparent 31%),linear-gradient(125deg,#090c1c,#12132a 52%,#171126)!important}

/* Shared reset: branded themes fully own their surfaces instead of inheriting Aurora. */
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) body::before,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) body::after{display:none!important}
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .topbar,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .sidebar,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .hero-card,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .stat-card,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .task-card,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .settings-section,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .daily-goal-card,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .today-tasks-card,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .weekly-chart,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .subject-bar-wrap{backdrop-filter:none!important}
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .hero-card::before{animation:none!important}
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .hero-card::after{display:none!important}
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .page-title{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--text)!important}
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .hero-title em{color:var(--accent3)!important;text-shadow:none!important}
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .start-btn,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .add-btn,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .modal-save,
html:is([data-theme="paper"],[data-theme="retro80"],[data-theme="neumorphism"],[data-theme="wood"]) .dbu-btn.primary{background:var(--accent)!important;box-shadow:var(--shadow)!important}

/* Paper — editorial study notebook. */
html[data-theme="paper"] body{background-color:#ece3d0!important;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 27px,rgba(83,63,35,.075) 28px),linear-gradient(90deg,transparent 63px,rgba(166,68,68,.12) 64px,transparent 65px)!important}
html[data-theme="paper"] .topbar{background:#f6efdf!important;border-color:rgba(60,45,25,.28)!important;border-radius:6px!important;box-shadow:0 4px 0 rgba(60,45,25,.08)!important}
html[data-theme="paper"] .sidebar{background:#f6efdf!important;border:1.5px solid rgba(60,45,25,.32)!important;border-radius:8px!important;box-shadow:5px 7px 0 rgba(60,45,25,.11)!important}
html[data-theme="paper"] .hero-card{background:#f6efdf!important;border:1.5px solid rgba(60,45,25,.35)!important;border-radius:8px!important;box-shadow:7px 9px 0 rgba(60,45,25,.11)!important}
html[data-theme="paper"] .stat-card,html[data-theme="paper"] .task-card,html[data-theme="paper"] .settings-section,html[data-theme="paper"] .daily-goal-card,html[data-theme="paper"] .today-tasks-card,html[data-theme="paper"] .weekly-chart,html[data-theme="paper"] .subject-bar-wrap{background:rgba(246,239,223,.78)!important;border:1.5px solid rgba(60,45,25,.3)!important;border-radius:7px!important;box-shadow:3px 4px 0 rgba(60,45,25,.09)!important}
html[data-theme="paper"] .nav-item.active{background:rgba(138,90,46,.13)!important;color:#6e4522!important;border:1.5px solid #8a5a2e!important;box-shadow:none!important}
html[data-theme="paper"] .task-card:hover{box-shadow:4px 5px 0 rgba(60,45,25,.14)!important;border-color:#8a5a2e!important}

/* Retro80 — deliberately pixel-sharp and neon. */
html[data-theme="retro80"] body{background-color:#090011!important;background-image:linear-gradient(rgba(0,255,240,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,240,.045) 1px,transparent 1px),radial-gradient(ellipse at 50% 100%,rgba(255,0,200,.16),transparent 55%)!important;background-size:38px 38px,38px 38px,100% 100%!important}
html[data-theme="retro80"] .topbar,html[data-theme="retro80"] .sidebar{background:rgba(10,0,20,.96)!important;border:1px solid #00fff0!important;border-radius:0!important;box-shadow:4px 4px 0 #ff2079!important}
html[data-theme="retro80"] .hero-card{background:linear-gradient(135deg,#160025,#25003c)!important;border:2px solid #ff2079!important;border-radius:0!important;box-shadow:7px 7px 0 #00fff0!important}
html[data-theme="retro80"] .stat-card,html[data-theme="retro80"] .task-card,html[data-theme="retro80"] .settings-section,html[data-theme="retro80"] .daily-goal-card,html[data-theme="retro80"] .today-tasks-card,html[data-theme="retro80"] .weekly-chart,html[data-theme="retro80"] .subject-bar-wrap{background:#140624!important;border:1px solid rgba(0,255,240,.55)!important;border-radius:0!important;box-shadow:3px 3px 0 rgba(255,32,121,.75)!important}
html[data-theme="retro80"] .nav-item,html[data-theme="retro80"] button,html[data-theme="retro80"] .filter-tabs{border-radius:0!important}html[data-theme="retro80"] .nav-item.active{background:#ff2079!important;color:#fff!important;border:1px solid #00fff0!important;box-shadow:3px 3px 0 #00fff0!important}
html[data-theme="retro80"] .page-title{text-shadow:2px 2px 0 #ff2079!important}html[data-theme="retro80"] .timer-ring-wrap{filter:drop-shadow(0 0 18px #ff2079)!important}

/* Neumorphism — soft, quiet and dimensional. */
html[data-theme="neumorphism"] body{background:#dfe7ef!important}
html[data-theme="neumorphism"] .topbar{background:#dfe7ef!important;border:0!important;box-shadow:8px 8px 18px #bec5cb,-8px -8px 18px #fff!important}
html[data-theme="neumorphism"] .sidebar{background:#dfe7ef!important;border:0!important;box-shadow:10px 10px 24px #bec5cb,-10px -10px 24px #fff!important}
html[data-theme="neumorphism"] .hero-card,html[data-theme="neumorphism"] .stat-card,html[data-theme="neumorphism"] .task-card,html[data-theme="neumorphism"] .settings-section,html[data-theme="neumorphism"] .daily-goal-card,html[data-theme="neumorphism"] .today-tasks-card,html[data-theme="neumorphism"] .weekly-chart,html[data-theme="neumorphism"] .subject-bar-wrap{background:#dfe7ef!important;border:0!important;border-radius:24px!important;box-shadow:9px 9px 20px #bec5cb,-9px -9px 20px #fff!important}
html[data-theme="neumorphism"] .nav-item.active,html[data-theme="neumorphism"] .filter-tab.active,html[data-theme="neumorphism"] .mode-tab.active{background:#dfe7ef!important;color:var(--accent)!important;border:0!important;box-shadow:inset 5px 5px 10px #bec5cb,inset -5px -5px 10px #fff!important}
html[data-theme="neumorphism"] .start-btn,html[data-theme="neumorphism"] .add-btn,html[data-theme="neumorphism"] .modal-save{color:#fff!important;box-shadow:6px 6px 13px #bec5cb,-6px -6px 13px #fff!important}

/* Wood — warm executive desk, not a dark-mode recolor. */
html[data-theme="wood"] body{background-color:#24150d!important;background-image:repeating-linear-gradient(92deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 2px,transparent 3px,transparent 18px),linear-gradient(110deg,#1c100a,#321d11 48%,#21120b)!important}
html[data-theme="wood"] .topbar,html[data-theme="wood"] .sidebar{background:linear-gradient(145deg,#2f1c11,#201109)!important;border:1px solid rgba(208,166,108,.28)!important;box-shadow:0 20px 50px rgba(0,0,0,.38),inset 0 1px rgba(255,226,180,.07)!important}
html[data-theme="wood"] .hero-card{background:linear-gradient(135deg,#3c2517,#211209)!important;border:1px solid rgba(211,171,111,.35)!important;box-shadow:0 25px 65px rgba(0,0,0,.4),inset 0 1px rgba(255,226,180,.08)!important}
html[data-theme="wood"] .stat-card,html[data-theme="wood"] .task-card,html[data-theme="wood"] .settings-section,html[data-theme="wood"] .daily-goal-card,html[data-theme="wood"] .today-tasks-card,html[data-theme="wood"] .weekly-chart,html[data-theme="wood"] .subject-bar-wrap{background:linear-gradient(145deg,rgba(61,37,23,.95),rgba(34,19,11,.96))!important;border:1px solid rgba(208,166,108,.23)!important;box-shadow:0 15px 35px rgba(0,0,0,.28),inset 0 1px rgba(255,226,180,.055)!important}
html[data-theme="wood"] .nav-item.active{background:linear-gradient(90deg,rgba(185,128,62,.3),rgba(185,128,62,.08))!important;color:#f1d3a6!important;border-color:rgba(218,174,111,.3)!important;box-shadow:inset 3px 0 #c9914f!important}
html[data-theme="wood"] .timer-ring-wrap{filter:drop-shadow(0 22px 45px rgba(185,128,62,.2))!important}

/* Astral Palace — obsidian, amethyst glass and restrained starlight. */
html[data-theme="astral"]{--bg:#070419;--bg2:#0d0827;--bg3:#15103a;--card:rgba(21,14,58,.78);--card2:rgba(33,22,78,.88);--glass:rgba(161,126,255,.08);--glass2:rgba(161,126,255,.14);--glass3:rgba(161,126,255,.2);--border:rgba(182,156,255,.13);--border2:rgba(202,184,255,.25);--border3:rgba(246,199,110,.35);--text:#f6f2ff;--text2:#aaa0cc;--text3:#665d89;--accent:#8b68f6;--accent2:#6040d7;--accent3:#c9b8ff;--cyan:#45e5e2;--pink:#f29ad7;--green:#60e6bd;--coin:#f6c76e;--panel:rgba(8,4,25,.94);--panel2:rgba(14,8,38,.9);--surface-solid:#110a31;--shadow:0 22px 60px rgba(2,0,18,.52);color-scheme:dark}
html[data-theme="astral"] body{background-color:#070419!important;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.75) 0 1px,transparent 1.6px),radial-gradient(circle at 72% 12%,rgba(246,199,110,.7) 0 1px,transparent 1.7px),radial-gradient(circle at 84% 62%,rgba(69,229,226,.55) 0 1px,transparent 1.5px),radial-gradient(ellipse at 76% 18%,rgba(112,75,235,.28),transparent 37%),radial-gradient(ellipse at 18% 88%,rgba(31,184,209,.14),transparent 42%),linear-gradient(145deg,#050314,#0d0827 50%,#09051d)!important;background-size:97px 97px,151px 151px,211px 211px,100% 100%,100% 100%,100% 100%!important}
html[data-theme="astral"] body::before,html[data-theme="astral"] body::after{display:none!important}
html[data-theme="astral"] .topbar,html[data-theme="astral"] .sidebar{background:linear-gradient(145deg,rgba(19,11,51,.96),rgba(8,4,27,.95))!important;border:1px solid rgba(184,155,255,.24)!important;box-shadow:0 24px 70px rgba(0,0,20,.55),inset 0 1px rgba(255,255,255,.07),0 0 35px rgba(117,76,240,.08)!important}
html[data-theme="astral"] .hero-card{background:radial-gradient(circle at 82% 16%,rgba(246,199,110,.22),transparent 22%),radial-gradient(circle at 68% 100%,rgba(69,229,226,.14),transparent 42%),linear-gradient(128deg,rgba(34,18,86,.97),rgba(15,9,48,.98) 58%,rgba(24,11,57,.98))!important;border:1px solid rgba(216,195,255,.3)!important;box-shadow:0 30px 85px rgba(0,0,25,.6),inset 0 1px rgba(255,255,255,.1),0 0 55px rgba(116,78,237,.16)!important}
html[data-theme="astral"] .hero-card::after{content:'✦  ·  ✧  ·  ✦'!important;display:block!important;position:absolute!important;right:7%!important;top:18%!important;font-size:22px!important;letter-spacing:12px!important;color:rgba(246,199,110,.65)!important;text-shadow:0 0 18px rgba(246,199,110,.55)!important}
html[data-theme="astral"] .stat-card,html[data-theme="astral"] .task-card,html[data-theme="astral"] .settings-section,html[data-theme="astral"] .daily-goal-card,html[data-theme="astral"] .today-tasks-card,html[data-theme="astral"] .weekly-chart,html[data-theme="astral"] .subject-bar-wrap,html[data-theme="astral"] .glass-card{background:linear-gradient(145deg,rgba(30,19,72,.88),rgba(12,7,38,.9))!important;border:1px solid rgba(177,149,247,.2)!important;box-shadow:0 16px 42px rgba(0,0,20,.34),inset 0 1px rgba(255,255,255,.055)!important}
html[data-theme="astral"] .nav-item.active{background:linear-gradient(90deg,rgba(139,104,246,.32),rgba(69,229,226,.07))!important;color:#eee7ff!important;border-color:rgba(195,172,255,.35)!important;box-shadow:inset 3px 0 #f6c76e,0 8px 25px rgba(92,57,210,.2)!important}
html[data-theme="astral"] .page-title{background:linear-gradient(100deg,#fff 15%,#c9b8ff 52%,#f6c76e)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}html[data-theme="astral"] .hero-title em{color:var(--accent3)}
html[data-theme="astral"] .start-btn,html[data-theme="astral"] .add-btn,html[data-theme="astral"] .modal-save{background:linear-gradient(120deg,#7554e8,#9b6ff3 55%,#35c9cf)!important;box-shadow:0 12px 30px rgba(101,67,222,.38),inset 0 1px rgba(255,255,255,.2)!important}
html[data-theme="astral"] .timer-ring-wrap{filter:drop-shadow(0 0 28px rgba(139,104,246,.38))!important}

/* Sakura Dream — luminous pearl surfaces and an unmistakable blossom world. */
html[data-theme="sakura"]{--bg:#f9f2fa;--bg2:#fff8fc;--bg3:#f2e8f6;--card:rgba(255,255,255,.72);--card2:rgba(255,250,255,.9);--glass:rgba(255,255,255,.6);--glass2:rgba(255,255,255,.82);--glass3:rgba(250,213,232,.72);--border:rgba(133,91,155,.12);--border2:rgba(147,94,167,.22);--border3:rgba(191,102,145,.3);--text:#32233f;--text2:#77657f;--text3:#b09eb5;--accent:#c45b92;--accent2:#a74d87;--accent3:#9a4b86;--pink:#dc75aa;--cyan:#7d93da;--green:#4ea88f;--coin:#bd7d31;--panel:rgba(255,249,253,.94);--panel2:rgba(250,240,250,.91);--surface-solid:#fff9fc;--shadow:0 20px 55px rgba(100,62,112,.15);color-scheme:light}
html[data-theme="sakura"] body{background-color:#f9f2fa!important;background-image:radial-gradient(ellipse at 8% 8%,rgba(255,255,255,.95),transparent 28%),radial-gradient(ellipse at 92% 12%,rgba(236,163,198,.34),transparent 30%),radial-gradient(ellipse at 15% 92%,rgba(166,151,226,.25),transparent 35%),linear-gradient(145deg,#fffafd,#f5eaf7 54%,#eee9fa)!important}
html[data-theme="sakura"] body::before{display:block!important;opacity:.9!important;background:radial-gradient(ellipse at 8% 22%,rgba(226,119,169,.14),transparent 20%),radial-gradient(ellipse at 86% 76%,rgba(177,143,218,.18),transparent 24%)!important}html[data-theme="sakura"] body::after{display:none!important}
html[data-theme="sakura"] .topbar,html[data-theme="sakura"] .sidebar{background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(248,236,248,.88))!important;border:1px solid rgba(157,102,168,.18)!important;box-shadow:0 22px 65px rgba(111,71,122,.14),inset 0 1px #fff!important}
html[data-theme="sakura"] .hero-card{background:radial-gradient(circle at 82% 22%,rgba(255,255,255,.84),transparent 24%),radial-gradient(circle at 70% 110%,rgba(167,151,226,.3),transparent 45%),linear-gradient(125deg,#fffafd,#f7dce9 58%,#e7ddf7)!important;border:1px solid rgba(176,108,149,.2)!important;box-shadow:0 28px 75px rgba(111,70,124,.17),inset 0 1px #fff!important}
html[data-theme="sakura"] .hero-card::after{content:'✿  ❀  ✿'!important;display:block!important;position:absolute!important;right:7%!important;top:17%!important;color:rgba(194,76,139,.42)!important;font-size:28px!important;letter-spacing:9px!important;transform:rotate(-7deg)!important;text-shadow:0 7px 18px rgba(176,103,145,.16)!important}
html[data-theme="sakura"] .stat-card,html[data-theme="sakura"] .task-card,html[data-theme="sakura"] .settings-section,html[data-theme="sakura"] .daily-goal-card,html[data-theme="sakura"] .today-tasks-card,html[data-theme="sakura"] .weekly-chart,html[data-theme="sakura"] .subject-bar-wrap,html[data-theme="sakura"] .glass-card{background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(249,239,249,.78))!important;border:1px solid rgba(157,102,168,.15)!important;box-shadow:0 15px 40px rgba(99,62,113,.1),inset 0 1px #fff!important}
html[data-theme="sakura"] .nav-item.active{background:linear-gradient(90deg,rgba(213,105,158,.2),rgba(169,155,234,.12))!important;color:#843c70!important;border-color:rgba(190,91,145,.24)!important;box-shadow:inset 3px 0 #c45b92!important}
html[data-theme="sakura"] .page-title{background:linear-gradient(100deg,#4b2d57,#b15088 58%,#7c69bf)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-theme="sakura"] .start-btn,html[data-theme="sakura"] .add-btn,html[data-theme="sakura"] .modal-save{background:linear-gradient(120deg,#c45b92,#b065b1 58%,#8878cf)!important;color:#fff!important;box-shadow:0 11px 26px rgba(176,77,138,.25),inset 0 1px rgba(255,255,255,.25)!important}
html[data-theme="sakura"] .timer-ring-wrap{filter:drop-shadow(0 18px 30px rgba(196,91,146,.22))!important}
html[data-theme="sakura"] input,html[data-theme="sakura"] select,html[data-theme="sakura"] textarea{background:rgba(255,255,255,.76)!important;color:#32233f!important;border-color:rgba(150,93,164,.2)!important}
html[data-theme="sakura"] .app{position:relative;z-index:1}.dst-sakura-petals{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.dst-sakura-petals i{position:absolute;top:-7vh;left:var(--petal-left);width:var(--petal-size);height:calc(var(--petal-size)*1.45);border-radius:85% 15% 80% 20%;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(238,130,179,.88) 58%,rgba(190,86,143,.72));box-shadow:0 3px 8px rgba(151,69,116,.16);opacity:0;transform-origin:60% 25%;animation:dstSakuraFall var(--petal-speed) linear var(--petal-delay) infinite;will-change:transform,opacity}.dst-sakura-petals i:nth-child(3n){background:linear-gradient(145deg,#fff,rgba(245,177,207,.9) 60%,rgba(197,123,174,.68));border-radius:20% 80% 22% 78%}.dst-sakura-petals i:nth-child(4n){filter:blur(.25px);opacity:.7}
@keyframes dstSakuraFall{0%{opacity:0;transform:translate3d(0,-6vh,0) rotate(0deg) rotateY(0deg)}8%{opacity:.82}52%{transform:translate3d(var(--petal-drift),52vh,0) rotate(230deg) rotateY(150deg)}92%{opacity:.72}100%{opacity:0;transform:translate3d(var(--petal-drift-end),110vh,0) rotate(520deg) rotateY(310deg)}}
body.dst-calm-mode .dst-sakura-petals{display:none!important}@media(prefers-reduced-motion:reduce){.dst-sakura-petals{display:none!important}}@media(max-width:760px){.dst-sakura-petals i:nth-child(n+9){display:none}}

/* Theme changes are smooth without animating page geometry. */
body,.topbar,.sidebar,.hero-card,.stat-card,.task-card,.settings-section,.daily-goal-card,.today-tasks-card,.weekly-chart,.subject-bar-wrap,.modal{transition:background-color .32s ease,background .32s ease,border-color .32s ease,color .25s ease,box-shadow .32s ease!important}
@media(max-width:760px){html[data-theme="paper"] .sidebar,html[data-theme="retro80"] .sidebar,html[data-theme="neumorphism"] .sidebar,html[data-theme="wood"] .sidebar,html[data-theme="astral"] .sidebar,html[data-theme="sakura"] .sidebar{border-radius:0 22px 22px 0!important}}

/* Performance profile: premium appearance without continuous GPU work. */
body::before{background:radial-gradient(620px circle at 68% 18%,rgba(102,117,255,.11),transparent 60%),radial-gradient(720px circle at 100% 100%,rgba(168,85,247,.08),transparent 65%)!important}
.aurora,.hero-particle{display:none!important}
.hero-card::before{inset:0!important;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.045) 50%,transparent 72%)!important;animation:none!important}
.timer-ring-wrap,.timer-ring-wrap::before{animation:none!important}.timer-ring-wrap::before{filter:none!important}
.topbar,.sidebar{backdrop-filter:blur(12px) saturate(1.15)!important;-webkit-backdrop-filter:blur(12px) saturate(1.15)!important}
.stat-card,.stat-big-card,.daily-goal-card,.today-tasks-card,.settings-section,.subject-bar-wrap,.weekly-chart,.today-tasks-section,.glass-card,.dbu-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;contain:layout paint style}
.stat-card::before,.stat-big-card::before,.daily-goal-card::before,.settings-section::before{display:none!important}
.modal-overlay,.dbu-overlay{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.hero-meta-item{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.task-card,.stat-card,.nav-item,.topbar-stat,.topbar-level,.start-btn,.add-btn,.modal-save,.profile-edit-btn,.dbu-btn,.ctrl-btn{will-change:auto!important}
@media(max-width:900px),(hover:none){.topbar,.sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hero-card{box-shadow:0 18px 48px rgba(0,0,0,.25),inset 0 1px var(--ui-highlight)!important}.stat-card,.task-card{box-shadow:0 8px 24px rgba(0,0,0,.1)!important}.stat-card:hover,.task-card:hover,.start-btn:hover,.add-btn:hover,.ctrl-btn:hover{transform:none!important}}

/* Navigation alignment: one stable left rail, one shared content axis. */
@media(min-width:901px){
  .topbar{top:0!important;left:0!important;right:0!important;height:64px!important;min-height:64px!important;border-width:0 0 1px!important;border-radius:0!important;padding-left:26px!important}
  .layout{min-height:0!important}
  .sidebar{width:248px!important;height:100%!important;margin:0!important;border-width:0 1px 0 0!important;border-radius:0!important;padding:22px 15px!important;box-shadow:8px 0 35px rgba(0,0,0,.12)!important}
  .main{padding:34px clamp(26px,3.2vw,52px) 48px!important}
}
@media(max-width:900px){
  .topbar{top:0!important;left:0!important;right:0!important;border-width:0 0 1px!important;border-radius:0!important}
}
@media(max-width:760px){
  .topbar{padding-left:60px!important}
  .main{padding-top:76px!important}
}