/* Dersenta — premium interaction layer */
:root{--lux-ease:cubic-bezier(.16,1,.3,1);--lux-spring:cubic-bezier(.2,1.45,.35,1);--lux-x:68%;--lux-y:18%;--lux-line:color-mix(in srgb,var(--accent) 38%,transparent)}
body::before{transition:background .25s linear!important;background:radial-gradient(520px circle at var(--lux-x) var(--lux-y),color-mix(in srgb,var(--accent) 10%,transparent),transparent 64%),radial-gradient(700px circle at 100% 0,rgba(168,85,247,.12),transparent 58%),radial-gradient(620px circle at 0 100%,rgba(255,92,138,.065),transparent 58%)!important}
.topbar{overflow:hidden}.topbar::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.08) 46%,transparent 62%);transform:translateX(-110%);animation:luxTopbarSheen 9s ease-in-out infinite}
.sidebar-logo{position:relative}.logo-icon{transition:transform .5s var(--lux-spring),filter .35s ease!important}.sidebar-logo:hover .logo-icon{transform:rotate(5deg) scale(1.07)!important;filter:saturate(1.18) brightness(1.08)}
.nav-item{position:relative;overflow:hidden!important}.nav-item::before{content:"";position:absolute;left:-35%;top:50%;width:55px;height:55px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(13px);opacity:0;transform:translateY(-50%) scale(.3);transition:opacity .28s ease,transform .38s var(--lux-ease)}.nav-item:hover::before,.nav-item.active::before{opacity:1;transform:translate(38px,-50%) scale(1)}.nav-icon{transition:transform .35s var(--lux-spring),filter .3s ease!important}.nav-item:hover .nav-icon{transform:scale(1.12) rotate(-4deg)!important}.nav-item:active{transform:translateX(2px) scale(.985)!important}
.page-title{position:relative;width:max-content;max-width:100%}.page-title::after{content:"";display:block;width:34%;height:3px;margin-top:9px;border-radius:9px;background:linear-gradient(90deg,var(--accent),var(--accent3),transparent);transform-origin:left;animation:luxLineIn .7s var(--lux-ease) both}
.hero-card,.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,.week-card{transform-style:preserve-3d;backface-visibility:hidden}
.hero-card{transition:transform .55s var(--lux-ease),box-shadow .55s ease!important}.hero-card:hover{transform:translateY(-3px) scale(1.002)!important;box-shadow:0 38px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.13)!important}.hero-card .hero-title,.hero-card .hero-meta{transform:translateZ(18px)}
.stat-card,.stat-big-card,.settings-section,.week-card,.task-card{transition:transform .36s var(--lux-ease),border-color .28s ease,box-shadow .36s ease,background .3s ease!important}.stat-card:hover,.stat-big-card:hover,.week-card:hover{transform:translateY(-5px) scale(1.012)!important}.settings-section:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important}.stat-card:active,.stat-big-card:active,.week-card:active{transform:translateY(-1px) scale(.992)!important}
.stat-card::after,.stat-big-card::after,.settings-section::after,.week-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 27%,transparent 70%,color-mix(in srgb,var(--accent) 7%,transparent));opacity:.45;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;mask-composite:exclude}
.start-btn,.add-btn,.modal-save,.profile-edit-btn,.dbu-btn.primary,.note-studio-new{position:relative;isolation:isolate;overflow:hidden}.start-btn::after,.add-btn::after,.modal-save::after,.profile-edit-btn::after,.dbu-btn.primary::after,.note-studio-new::after{content:"";position:absolute;inset:-80% -35%;z-index:-1;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.34) 48%,transparent 58%);transform:translateX(-65%) rotate(7deg);transition:transform .7s var(--lux-ease)}.start-btn:hover::after,.add-btn:hover::after,.modal-save:hover::after,.profile-edit-btn:hover::after,.dbu-btn.primary:hover::after,.note-studio-new:hover::after{transform:translateX(65%) rotate(7deg)}
button,.nav-item,.ctrl-btn,.filter-tab,.mode-tab,.lang-btn,.week-card{-webkit-tap-highlight-color:transparent}button:focus-visible,.nav-item:focus-visible,.ctrl-btn:focus-visible,.filter-tab:focus-visible,.mode-tab:focus-visible,.lang-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 34%,transparent)!important;outline-offset:3px!important}
.modal-overlay,.dbu-overlay{animation:luxVeilIn .28s ease both!important}.modal,.dbu-modal,.dst-command-panel{transform-origin:50% 18%;animation:luxModalIn .48s var(--lux-ease) both!important}.modal-title,.settings-section-title,.card-title,.section-title{letter-spacing:-.035em}.modal-input,.modal-select,input,textarea,select{transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important}.modal-input:hover,.modal-select:hover,input:hover,textarea:hover,select:hover{border-color:color-mix(in srgb,var(--accent) 23%,var(--border2))}
.toggle{transition:background .28s ease,box-shadow .28s ease!important}.toggle::after{transition:transform .38s var(--lux-spring),background .2s ease!important}.toggle:not(.off){box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent),0 7px 18px color-mix(in srgb,var(--accent) 18%,transparent)!important}
.task-check,.cal-checkbox{position:relative;overflow:hidden}.task-check.checked::after,.cal-checkbox.checked::after{content:"";position:absolute;inset:-8px;border:1px solid currentColor;border-radius:50%;animation:luxCheckBurst .55s ease-out both}
.toast,.dbu-toast{animation:luxToastIn .48s var(--lux-spring) both!important}.badge,.reward-chip,.topbar-stat,.topbar-level{transition:transform .26s var(--lux-spring),background .25s ease!important}.badge:hover,.reward-chip:hover,.topbar-stat:hover,.topbar-level:hover{transform:translateY(-2px) scale(1.035)!important}
.dst-lux-scene{animation:luxSceneIn .62s var(--lux-ease) both}.dst-lux-scene .dst-lux-item{animation:luxItemIn .58s var(--lux-ease) both;animation-delay:var(--lux-delay,0ms)}
.dst-ui-ripple{position:absolute!important;width:12px;height:12px;border-radius:50%;pointer-events:none;z-index:30;background:rgba(255,255,255,.34);transform:translate(-50%,-50%) scale(0);animation:luxRipple .62s ease-out forwards}
html[data-theme="paper"] :is(.hero-card,.stat-card,.settings-section,.week-card){transform:none!important}html[data-theme="paper"] body::before{opacity:.25!important}html[data-theme="retro80"] .page-title::after{height:5px;border-radius:0}html[data-theme="retro80"] .dst-ui-ripple{border-radius:0}html[data-theme="neumorphism"] .stat-card::after,html[data-theme="neumorphism"] .settings-section::after{display:none}html[data-theme="sakura"] body::before{background:radial-gradient(560px circle at var(--lux-x) var(--lux-y),rgba(244,142,192,.13),transparent 64%),radial-gradient(700px circle at 100% 0,rgba(195,144,242,.13),transparent 60%)!important}html[data-theme="astral"] body::before{background:radial-gradient(580px circle at var(--lux-x) var(--lux-y),rgba(87,222,255,.12),transparent 64%),radial-gradient(750px circle at 90% 0,rgba(151,86,255,.18),transparent 60%)!important}
@keyframes luxTopbarSheen{0%,68%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}@keyframes luxLineIn{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes luxVeilIn{from{opacity:0}to{opacity:1}}@keyframes luxModalIn{from{opacity:0;transform:translateY(22px) scale(.965);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes luxToastIn{from{opacity:0;transform:translateX(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes luxSceneIn{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes luxItemIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes luxRipple{to{opacity:0;transform:translate(-50%,-50%) scale(14)}}@keyframes luxCheckBurst{to{inset:-18px;opacity:0}} 
@media(max-width:760px){body::before{background:radial-gradient(420px circle at 80% 8%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 66%)!important}.hero-card:hover,.stat-card:hover,.stat-big-card:hover,.week-card:hover,.settings-section:hover{transform:none!important}.topbar::before{display:none}}
@media(prefers-reduced-motion:reduce){.topbar::before,.dst-lux-scene,.dst-lux-item,.dst-ui-ripple,.task-check.checked::after,.cal-checkbox.checked::after{animation:none!important}.hero-card,.stat-card,.stat-big-card,.settings-section,.week-card,.task-card{transition:none!important}}