/* Lounge inspired dashboard shell. Layout stays fixed while themes only change colors. */
html,body{min-height:100%;}
body{font-family:"IBM Plex Sans","Segoe UI",sans-serif!important;background:linear-gradient(118deg,#c7fa55 0%,#d4bdc5 37%,#a475f0 68%,#7438e8 100%);background-attachment:fixed;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 12% 8%,rgba(216,255,120,.66),transparent 34%),radial-gradient(ellipse at 92% 95%,rgba(116,55,239,.58),transparent 42%);}
.app-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:68px 1fr;width:min(1360px,calc(100% - 64px));min-height:min(850px,calc(100vh - 72px));margin:36px auto;background:#050506;border:1px solid rgba(255,255,255,.14);border-radius:23px;overflow:hidden;box-shadow:0 34px 100px rgba(37,15,74,.3);}
.sidebar{position:relative;inset:auto;grid-row:1;grid-column:1;width:auto;height:auto;transform:none;display:flex;flex-direction:row;align-items:center;gap:0;padding:0 22px;background:transparent;color:#fff;border:0;border-bottom:1px solid #202023;box-shadow:none;z-index:5;}
.brand{flex:none;color:#fff;font:600 15px "IBM Plex Sans",sans-serif!important;letter-spacing:-.3px;margin:0;gap:9px;}
.brand-mark{width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,#ad59f1,#7737db);color:white;font-size:15px;}
.brand-dot{color:#b478ff;}
.workspace-label,.sidebar-bottom{display:none!important;}
.main-nav{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;flex:1;margin:0 205px 0 20px;}
.nav-item{position:relative;display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 14px;border-radius:22px;background:#171719;color:#96969b;font:500 10px "IBM Plex Sans",sans-serif!important;}
.nav-item:hover{color:#fff;background:#222225;}
.nav-item.active{background:#f5f3f8;color:#17151b;}
.nav-item.active:before{display:none;}
.nav-icon{width:auto;font-size:13px;color:inherit;}
.nav-item.active .nav-icon{color:#6934d4;}
.nav-count{background:#302938;color:#d7c2f3;font:8px "IBM Plex Mono",monospace;}
.main-area{position:relative;grid-row:2;grid-column:1;min-width:0;margin:0;background:transparent;}
.topbar{position:absolute;top:-68px;right:0;width:auto;height:68px;padding:0 23px;border:0;background:transparent;backdrop-filter:none;z-index:6;}
.crumb{display:none;}
.top-actions{gap:9px;}
.date-pill{font:9px "IBM Plex Mono",monospace;color:#96959d;}

.theme-toggle:hover{background:#26262b;}
.icon-button{color:#d1d0d7;font-size:17px;}
.top-avatar{width:28px;height:28px;border:1px solid #44374f;background:linear-gradient(135deg,#cf9ef9,#7032d8);color:#fff;font:11px "IBM Plex Mono",monospace;}
.top-avatar{display:grid;place-items:center;padding:0;border-radius:50%;cursor:pointer;}
.top-avatar:hover{filter:brightness(1.12);box-shadow:0 0 0 3px #b982e833;}
.top-avatar:focus-visible{outline:2px solid #c89ae8;outline-offset:3px;}
.mobile-menu{display:none!important;}
.content{width:100%;max-width:none;margin:0;padding:23px 24px 24px;}
.hello-row{align-items:center;margin:1px 0 19px;}
.eyebrow{font:500 8px "IBM Plex Mono",monospace;letter-spacing:1.6px;color:#8b8992;margin-bottom:8px;}
h1{font:400 32px "IBM Plex Sans",sans-serif!important;letter-spacing:-1.25px;color:#f4f2f7;margin:0 0 4px;}
.subhead{font:11px "IBM Plex Sans",sans-serif;color:#96949c;}
.primary-btn{background:#f5f3f8;color:#18151e;border-radius:20px;padding:10px 15px;font:600 10px "IBM Plex Sans",sans-serif;box-shadow:none;}
.primary-btn:hover{background:#e3d2ff;color:#20152e;}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;}
.stat-card{position:relative;min-height:128px;padding:17px 19px;border:1px solid #26262a;border-radius:12px;background:#111113;box-shadow:none;}
.stat-card .stat-label{font:500 8px "IBM Plex Mono",monospace;letter-spacing:1px;color:#9d9ba4;}
.stat-card .stat-value{font:500 30px "IBM Plex Sans",sans-serif!important;letter-spacing:-1px;margin:13px 0 4px;color:#f2f0f5;}
.stat-card .stat-foot{font:9px "IBM Plex Sans",sans-serif;color:#89878f;}
.stat-card .stat-mark{width:26px;height:26px;border:1px solid #302d34;border-radius:8px;background:#1c1a20;color:#b285ee;font-size:12px;}
.stat-unit{font:500 11px "IBM Plex Sans",sans-serif;color:#929098;}
.stat-progress{background:#14121a;border-color:#383042;}.stat-progress .stat-value{color:#bf89ff;}.stat-progress .stat-mark{color:#c093ff;background:#221b2b;border-color:#423352;}
.stat-level{background:#131316;border-color:#302a39;}.stat-level .stat-value{color:#eee9f3;}.stat-level .stat-mark{color:#d4adff;background:#231d2a;border-color:#42364c;}.stat-level .xp-progress{height:4px;background:#28242c;margin:8px 0 5px;}.stat-level .xp-progress span{background:linear-gradient(90deg,#9a4ff1,#c184ff);}.stat-level .progress-meta{font:8px "IBM Plex Mono",monospace;color:#96919c;}
.stat-streak{background:#15130e;border-color:#383020;}.stat-streak .stat-value{color:#e3bd67;}.stat-streak .stat-mark{color:#f0cb6a;background:#272116;border-color:#51432b;}
.stat-habits{background:#111617;border-color:#2d3736;}.stat-habits .stat-value{color:#9de0c0;}.stat-habits .stat-mark{color:#8bd9af;background:#18231f;border-color:#30483c;}
.trend-panel,.dashboard-lower>.panel{background:#111113;border:1px solid #29292d;border-radius:15px;padding:17px 18px;box-shadow:none;}
.trend-panel{margin:0 0 12px!important;}
.panel-heading{align-items:center;margin-bottom:12px;}
.panel-heading h2{font:500 14px "IBM Plex Sans",sans-serif!important;letter-spacing:-.15px;color:#f0eef4;margin:0;}
.panel-heading p{font:9px "IBM Plex Sans",sans-serif;color:#929098;margin:4px 0 0;}
.chart-legend{display:flex;align-items:center;gap:18px;color:#aaa8b0;font:8px "IBM Plex Mono",monospace;}
.chart-legend>span{display:flex;align-items:center;gap:6px;}
.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a75af1;}
.text-link{color:#c18aff;font:9px "IBM Plex Sans",sans-serif;}
.week-chart{height:152px;align-items:flex-end;gap:0;padding:4px 2px 0;border:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#252429 36px);}
.week-chart .chart-col{position:relative;gap:7px;align-content:end;}
.week-chart .chart-bar-wrap{height:123px;align-items:flex-end;border-bottom:1px solid #36343b;}
.week-chart .chart-bar{width:min(32px,40%);min-height:2px;background:#6d38b8;border-radius:4px 4px 1px 1px;transition:height .7s ease,background .2s;}
.week-chart .chart-col.today .chart-bar{background:#b36aff;box-shadow:0 0 14px #a557ed40;}
.week-chart .chart-col span{font:8px "IBM Plex Mono",monospace;letter-spacing:.4px;color:#7e7b85;margin:0 0 4px;}
.week-chart .chart-col.today span{color:#d1adf7;}
.trend-scale{display:flex;justify-content:space-between;padding:0 2px;color:#73717a;font:7px "IBM Plex Mono",monospace;}
.dashboard-lower{display:grid;grid-template-columns:1.08fr 1fr 1.08fr;gap:11px;align-items:stretch;}
.dashboard-lower>.panel{margin:0;min-width:0;}
.habit-list{gap:6px;}
.habit-row,.task-row{position:relative;background:#18181b;border:1px solid #29292e;border-radius:9px;padding:9px 10px;gap:9px;}
.habit-row:hover,.task-row:hover{border-color:#555061;transform:translateY(-1px);}
.habit-row.done{background:#17191a;}
.habit-icon{width:31px;height:31px;border-radius:8px;background:#211a28;color:#c190f3;font-size:14px;}
.habit-copy b,.task-copy b{font:500 10px "IBM Plex Sans",sans-serif;color:#e8e6ec;}
.habit-copy small,.task-copy small{font:8px "IBM Plex Sans",sans-serif;color:#8d8b94;margin-top:4px;}
.habit-xp{font:8px "IBM Plex Mono",monospace;color:#ae82d9;}
.check-control{width:19px;height:19px;min-width:19px;background:#111113;border:1px solid #4b4852;border-radius:6px;color:#fff;font-size:11px;}
.check-control.checked{background:#8d4cda;border-color:#a56ae6;}
.add-row{width:100%;margin-top:8px;border:1px dashed #424048;border-radius:8px;background:#151518;padding:8px;color:#c49ae9;font:9px "IBM Plex Sans",sans-serif;}
.add-row:hover{background:#201b26;border-color:#9662c6;color:#e4c4ff;}
.task-subhead{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b2a2f;margin-top:9px;padding-top:8px;color:#929099;font:8px "IBM Plex Mono",monospace;letter-spacing:.8px;}
.task-subhead:first-of-type{border-top:0;margin-top:0;padding-top:0;}
.compact-list{margin-top:6px;}
.task-row{padding:9px 2px;background:transparent;border:0;border-bottom:1px solid #27262b;border-radius:0;}
.task-row:hover{background:#17171a;transform:none;}
.priority{font:7px "IBM Plex Mono",monospace;padding:4px 6px;border-radius:12px;background:#30251a;color:#e7bd69;}
.priority.Medium{background:#282319;color:#d8bf70;}.priority.Low{background:#1b2922;color:#8ed5a8;}
.streak-panel .streak-flame{color:#d6a9ff;}
.streak-count{font:500 30px "IBM Plex Sans",sans-serif!important;color:#d3a7ff;margin:9px 0 0;}
.streak-count span{font:10px "IBM Plex Sans",sans-serif;color:#99969f;}
.streak-note{font:9px "IBM Plex Sans",sans-serif;color:#929098;margin:4px 0 14px;}
.week-dots:before{background:#3b3542;}
.week-day{font:8px "IBM Plex Mono",monospace;color:#8e8995;gap:6px;}
.week-day .dot{width:18px;height:18px;background:#1b1920;border:1px solid #48404f;color:#161219;font:9px "IBM Plex Mono",monospace;}
.week-day.complete .dot{background:#a968e4;border-color:#a968e4;}
.week-day.today .dot{border:1px solid #c391f0;background:#2d2038;color:#e3c2ff;}
.streak-rule{border-top:1px solid #302c33;margin-top:14px;padding-top:10px;}
.streak-rule span{font:8px "IBM Plex Mono",monospace;letter-spacing:1px;color:#b286dc;}
.streak-rule p{font:9px "IBM Plex Sans",sans-serif;color:#96929b;line-height:1.55;margin:5px 0 0;}
.warning-banner{background:#2a2118;border:1px solid #61482e;color:#e5c585;border-radius:8px;font:9px "IBM Plex Sans",sans-serif;padding:9px;margin-bottom:8px;}
.warning-banner b{color:#f0cf80;font:500 10px "IBM Plex Sans",sans-serif;}
.empty-state{padding:20px 10px;color:#99959f;}.empty-state b{color:#dad7df;font-size:10px;}.empty-state span{font:9px "IBM Plex Sans",sans-serif;}
.compact-empty{padding:11px 2px;text-align:left;}
.heatmap-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0 6px;text-align:center;color:#8c8992;font:8px "IBM Plex Mono",monospace;}
.activity-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(5,28px);grid-auto-flow:row;gap:5px;}
.heat-cell{display:block;border-radius:5px;background:#242228;border:1px solid #2d2a32;}
.activity-grid .heat-cell.heat-low{background:#38244b;border-color:#463057;}.activity-grid .heat-cell.heat-mid{background:#63329a;border-color:#7240a8;}.activity-grid .heat-cell.heat-high{background:#9451d6;border-color:#a663e7;}.activity-grid .heat-cell.heat-full{background:#c07cff;border-color:#cf9bff;box-shadow:0 0 10px #b36aff24;}.activity-grid .heat-cell.future{background:#17161a;border-color:#242228;}
.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:13px;color:#8b8791;font:7px "IBM Plex Mono",monospace;}
.heatmap-legend .heat-cell{width:11px;height:11px;border-radius:3px;}
.heatmap-legend span:first-child{margin-right:4px;}.heatmap-legend span:last-child{margin-left:4px;}
.round-action{width:27px;height:27px;display:grid;place-items:center;border:1px solid #333139;border-radius:50%;background:#1b1a1e;color:#c5a0e9;font-size:12px;}
.round-action:hover{background:#2a2134;border-color:#8250ac;}
.panel+.panel{margin-top:0;}
.notification-pop{background:#18171b;border:1px solid #39353f;border-radius:11px;color:#eeeaf2;}
.notification-pop h3{font:500 12px "IBM Plex Sans",sans-serif;}.notification-item{font:9px "IBM Plex Sans",sans-serif;border-color:#302e34;}.notification-item small{font:8px "IBM Plex Mono",monospace;color:#96909e;}
.modal{background:#17161a;border:1px solid #39353f;border-radius:14px;color:#eeeaf2;}.modal-head h2{font:500 17px "IBM Plex Sans",sans-serif;}.form-field input,.form-field select{background:#101013;border-color:#393640;border-radius:8px;color:#ece9f1;font:10px "IBM Plex Sans",sans-serif;}.form-field label{font:9px "IBM Plex Sans",sans-serif;}
.toast{background:#f0eaf7;color:#21172c;border-radius:20px;font:9px "IBM Plex Mono",monospace;}
.calendar-day{background:#161518;border-color:#2d2b31;color:#ddd9e2;}.calendar-day.today{background:#241d2d;border-color:#9864c5;}.calendar-day .day-dot{background:#b474ec;}.calendar-day .day-percent{color:#d4a9fb;font:7px "IBM Plex Mono",monospace;}.calendar-arrows button{background:#17161a;border-color:#37343d;border-radius:7px;color:#e0dce6;}
.achievement{background:#17161a;border:1px solid #302d35;border-radius:12px;box-shadow:none;}.achievement-icon{background:#291f32;color:#c28af4;border-radius:10px;}.achievement h3{font:500 12px "IBM Plex Sans",sans-serif;color:#e9e5ee;}.achievement p{font:9px "IBM Plex Sans",sans-serif;color:#99949f;}.achievement small{font:8px "IBM Plex Mono",monospace;color:#c39ae8;}
.mini-stat{font:9px "IBM Plex Mono",monospace;color:#99949f;border-color:#302d35;}.mini-stat b{color:#e0dce5;}



/* Full-screen layout and complete theme palettes. */
:root{--page:#0c0c0e;--shell:#0c0c0e;--head:#111113;--panel:#18181a;--panel-soft:#202023;--text:#f3f1f6;--muted:#a4a1aa;--border:#2b2a2f;--accent:#a85ef0;--accent-soft:#30213e;--active-pill:#f6f4f8;--active-text:#19171d;}
html,body{min-height:100%;}
body{min-height:100vh!important;background:var(--page)!important;color:var(--text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
body:before{display:none!important;}
body *{font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
.app-shell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:68px auto!important;width:100%!important;height:auto!important;min-height:100vh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--shell)!important;overflow-x:hidden!important;overflow-y:visible!important;}
.sidebar{position:relative!important;inset:auto!important;grid-row:1!important;grid-column:1!important;width:auto!important;height:auto!important;transform:none!important;background:var(--head)!important;color:var(--text)!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;box-shadow:none!important;}
.brand{color:var(--text)!important;font-weight:700!important;}
.brand-mark{background:linear-gradient(135deg,#bf82f6,#7841c8)!important;color:#fff!important;}
.workspace-label,.sidebar-bottom{display:none!important;}
.main-area{position:relative!important;grid-row:2!important;grid-column:1!important;min-width:0!important;margin:0!important;background:var(--shell)!important;color:var(--text)!important;}
.topbar{position:absolute!important;top:-68px!important;right:0!important;width:auto!important;height:68px!important;padding:0 23px!important;border:0!important;background:transparent!important;backdrop-filter:none!important;z-index:6!important;}
.crumb{display:none!important;}
.content{width:100%!important;max-width:none!important;margin:0!important;padding:23px 24px 28px!important;background:var(--shell)!important;color:var(--text)!important;}
h1{color:var(--text)!important;}
.eyebrow{color:var(--muted)!important;}
.subhead{color:var(--muted)!important;}
.stat-card,.trend-panel,.dashboard-lower>.panel,.panel,.achievement{background:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:none!important;}
.stat-card .stat-label,.stat-card .stat-foot,.panel-heading p,.habit-copy small,.task-copy small,.mini-stat,.achievement p{color:var(--muted)!important;}
.stat-card .stat-value,.panel-heading h2,.habit-copy b,.task-copy b,.achievement h3,.mini-stat b,.calendar-toolbar b{color:var(--text)!important;}
.stat-progress,.stat-level,.stat-streak,.stat-habits{background:var(--panel)!important;border-color:var(--border)!important;}
.stat-progress .stat-value,.stat-level .stat-value,.stat-streak .stat-value,.stat-habits .stat-value{color:var(--accent)!important;}
.stat-card .stat-mark{background:var(--accent-soft)!important;border-color:var(--border)!important;color:var(--accent)!important;}
.stat-level .progress-meta{color:var(--muted)!important;}
.stat-level .xp-progress{background:var(--border)!important;}
.stat-level .xp-progress span{background:var(--accent)!important;}
.theme-toggle,.icon-button,.date-pill{color:var(--text)!important;}

.nav-item{background:var(--panel-soft)!important;color:var(--muted)!important;}
.nav-item:hover{background:var(--border)!important;color:var(--text)!important;}
.nav-item.active{background:var(--active-pill)!important;color:var(--active-text)!important;}
.nav-item.active .nav-icon{color:inherit!important;}
.habit-row,.task-row{background:var(--panel-soft)!important;border-color:var(--border)!important;}
.habit-row.done{background:var(--panel-soft)!important;}
.habit-copy b,.task-copy b{color:var(--text)!important;}
.check-control{background:var(--shell)!important;border-color:var(--muted)!important;color:#fff!important;}
.check-control.checked{background:var(--accent)!important;border-color:var(--accent)!important;}
.habit-icon,.stat-mark,.achievement-icon{background:var(--accent-soft)!important;color:var(--accent)!important;}
.week-chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,var(--border) 36px)!important;}
.week-chart .chart-bar-wrap{border-color:var(--border)!important;}
.week-chart .chart-bar{background:color-mix(in srgb,var(--accent) 55%,var(--panel-soft))!important;}
.week-chart .chart-col.today .chart-bar{background:var(--accent)!important;box-shadow:0 0 17px color-mix(in srgb,var(--accent) 35%,transparent)!important;}
.week-chart .chart-col span,.trend-scale,.chart-legend,.heatmap-labels,.heatmap-legend{color:var(--muted)!important;}
.chart-legend i{background:var(--accent)!important;}
.text-link{color:var(--accent)!important;}
.activity-grid .heat-cell.heat-low{background:color-mix(in srgb,var(--accent) 28%,var(--panel-soft))!important;border-color:var(--border)!important;}
.activity-grid .heat-cell.heat-mid{background:color-mix(in srgb,var(--accent) 52%,var(--panel-soft))!important;border-color:var(--border)!important;}
.activity-grid .heat-cell.heat-high{background:color-mix(in srgb,var(--accent) 76%,var(--panel-soft))!important;border-color:var(--border)!important;}
.activity-grid .heat-cell.heat-full{background:var(--accent)!important;border-color:var(--accent)!important;}
.activity-grid .heat-cell.heat-empty,.activity-grid .heat-cell.future{background:var(--panel-soft)!important;border-color:var(--border)!important;}
.task-subhead,.streak-rule,.mini-stat,.task-row{border-color:var(--border)!important;}
.streak-count,.streak-flame{color:var(--accent)!important;}
.streak-count span,.streak-note,.streak-rule p{color:var(--muted)!important;}
.streak-rule span{color:var(--accent)!important;}
.priority,.priority.Medium,.priority.Low{background:var(--accent-soft)!important;color:var(--accent)!important;}
.add-row{background:var(--panel-soft)!important;border-color:var(--border)!important;color:var(--accent)!important;}
.warning-banner{background:var(--accent-soft)!important;border-color:var(--border)!important;color:var(--text)!important;}
.warning-banner b{color:var(--text)!important;}
.calendar-day,.calendar-arrows button{background:var(--panel)!important;border-color:var(--border)!important;color:var(--text)!important;}
.calendar-day.today{background:var(--accent-soft)!important;border-color:var(--accent)!important;}
.modal,.notification-pop{background:var(--panel)!important;border-color:var(--border)!important;color:var(--text)!important;}
.modal-head h2,.notification-pop h3{color:var(--text)!important;}
.modal-head p,.form-field label,.notification-item{color:var(--muted)!important;}
.form-field input,.form-field select{background:var(--shell)!important;border-color:var(--border)!important;color:var(--text)!important;}
.toast{background:var(--accent)!important;color:#fff!important;}
:root .top-avatar{background:linear-gradient(135deg,#cf9df8,#7842c5)!important;color:#fff!important;}
@media(max-width:700px){.app-shell{width:100%!important;min-height:100vh!important;height:auto!important;margin:0!important;border-radius:0!important;}.sidebar{height:auto!important;min-height:62px!important;}.content{padding:18px 13px 28px!important;}}

@media(max-width:1000px){.app-shell{width:calc(100% - 32px);min-height:calc(100vh - 36px);margin:18px auto;grid-template-rows:62px 1fr;}.sidebar{padding:0 15px;}.main-nav{margin-right:190px;gap:3px;}.nav-item{padding:9px 10px;font-size:9px;}.content{padding:19px 17px;}.stat-card{min-height:114px;padding:14px;}.dashboard-lower{grid-template-columns:1fr 1fr;}.dashboard-lower>.activity-panel{grid-column:span 2;grid-row:1;}.dashboard-lower>.panel{min-width:0;}}
@media(max-width:700px){.app-shell{display:block;width:100%;min-height:100vh;margin:0;border-radius:0;border:0;}.sidebar{height:auto;min-height:62px;display:flex;flex-wrap:wrap;padding:11px 13px;border-radius:0;}.brand{font-size:13px!important;}.main-nav{order:3;flex:0 0 100%;margin:10px 0 0;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;}.nav-item{font-size:9px;padding:8px 11px;}.topbar{position:absolute;top:-62px;right:0;height:62px;padding:0 13px;}.top-actions{gap:6px;}.date-pill{display:none;}.content{padding:18px 13px 28px;}.hello-row{align-items:flex-start;gap:10px;}.hello-row h1{font-size:25px!important;}.hello-row .primary-btn{white-space:nowrap;font-size:9px;padding:8px 10px;}.stats-grid{grid-template-columns:1fr 1fr;gap:7px;}.stat-card{min-height:104px;padding:12px;}.stat-card .stat-value{font-size:25px!important;margin:10px 0 4px;}.stat-card .stat-label{font-size:7px;}.stat-card .stat-foot{font-size:8px;}.trend-panel,.dashboard-lower>.panel{padding:13px;border-radius:12px;}.week-chart{height:122px;}.week-chart .chart-bar-wrap{height:95px;}.dashboard-lower{grid-template-columns:1fr;}.dashboard-lower>.activity-panel{grid-column:auto;grid-row:auto;}.activity-grid{grid-template-rows:repeat(5,32px);}.content-wide{grid-template-columns:1fr;}.cal-side{grid-template-columns:1fr;}.task-columns{grid-template-columns:1fr;}.achievement-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:390px){.nav-item{padding:7px 9px;}.nav-icon{display:none;}.date-pill{display:none;}.top-avatar{display:none;}.stat-card .stat-foot{font-size:7px;}.chart-legend{gap:8px;}}

/* Refined to the supplied reference: saturated lime-to-violet frame, black canvas, Inter, purple-only UI accents. */
body{background:linear-gradient(132deg,#caff57 0%,#d1ed91 9%,#cdc1d7 34%,#a47be9 61%,#7739eb 100%)!important;background-attachment:fixed!important;color:#f5f3f8!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
body:before{background:radial-gradient(ellipse at 5% 0%,rgba(226,255,115,.76),transparent 35%),radial-gradient(ellipse at 96% 100%,rgba(111,43,239,.66),transparent 41%)!important;}
body *{font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
.app-shell{background:#050506!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:23px!important;box-shadow:0 32px 90px rgba(29,12,58,.32)!important;}
.sidebar{border-bottom-color:#222225!important;}
.brand{font-size:15px!important;font-weight:700!important;letter-spacing:-.45px!important;}
.brand-mark{background:linear-gradient(135deg,#bb78ff,#7034df)!important;color:#fff!important;}
.brand-dot{color:#b17aff!important;}
.nav-item{background:#1c1c1f!important;color:#a9a8ae!important;font-size:10px!important;font-weight:500!important;}
.nav-item:hover{background:#29292d!important;color:#fff!important;}
.nav-item.active{background:#f8f7fa!important;color:#18171a!important;}
.nav-item.active .nav-icon{color:#18171a!important;}
.topbar{border:0!important;background:transparent!important;}
.date-pill{color:#aaa8b0!important;}

.theme-toggle:hover{background:#29292d!important;}
.icon-button{color:#e3e1e7!important;}
.top-avatar{background:linear-gradient(145deg,#d0a8ff,#7540dc)!important;border-color:#62438a!important;color:#fff!important;}
.content{color:#f3f1f6!important;}
h1{font-size:34px!important;font-weight:400!important;letter-spacing:-1.2px!important;color:#f7f5f9!important;}
.eyebrow{font-size:8px!important;font-weight:600!important;letter-spacing:1.4px!important;color:#87858e!important;}
.subhead{color:#a5a2ac!important;font-size:11px!important;}
.primary-btn{background:#faf9fc!important;color:#19171d!important;border-radius:22px!important;font-size:10px!important;font-weight:600!important;}
.primary-btn:hover{background:#e8daf8!important;color:#241832!important;}
.stat-card{background:#151517!important;border-color:#28282c!important;border-radius:11px!important;box-shadow:none!important;}
.stat-card .stat-label{font-size:8px!important;letter-spacing:.8px!important;color:#aaa8b0!important;}
.stat-card .stat-value{font-size:31px!important;font-weight:600!important;color:#f2eff6!important;}
.stat-card .stat-foot{font-size:9px!important;color:#99969f!important;}
.stat-card .stat-mark{background:#222126!important;border-color:#343139!important;color:#c292ff!important;}
.stat-progress{background:#17151b!important;border-color:#382d45!important;}.stat-progress .stat-value{color:#d2aeff!important;}.stat-progress .stat-mark{background:#292132!important;border-color:#473757!important;color:#c48dff!important;}
[data-progress-number].count-changing{display:inline-block!important;color:#e0bdff!important;text-shadow:0 0 10px #bd78ff55!important;}
.stat-level{background:#151517!important;border-color:#302d34!important;}.stat-level .stat-value{color:#f0edf3!important;}.stat-level .stat-mark{background:#242127!important;border-color:#3b3640!important;color:#c29be8!important;}.stat-level .xp-progress{background:#2b282f!important;}.stat-level .xp-progress span{background:linear-gradient(90deg,#773be0,#bd78ff)!important;}.stat-level .progress-meta{color:#a39faa!important;}
.stat-streak{background:#17161a!important;border-color:#342d3d!important;}.stat-streak .stat-value{color:#d8baff!important;}.stat-streak .stat-mark{background:#292131!important;border-color:#44364f!important;color:#c294f1!important;}
.stat-habits{background:#151618!important;border-color:#2d2e34!important;}.stat-habits .stat-value{color:#e4d7f4!important;}.stat-habits .stat-mark{background:#242129!important;border-color:#37323d!important;color:#b88ce8!important;}
.trend-panel,.dashboard-lower>.panel{background:#18181a!important;border-color:#27272b!important;border-radius:17px!important;box-shadow:none!important;}
.panel-heading h2{font-size:14px!important;font-weight:600!important;color:#f4f2f6!important;}
.panel-heading p{font-size:9px!important;color:#a09da6!important;}
.chart-legend{color:#b1afb6!important;}.chart-legend i{background:#b474ff!important;}
.text-link{color:#c69aff!important;font-size:9px!important;font-weight:500!important;}
.week-chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#29282d 36px)!important;}
.week-chart .chart-bar-wrap{border-color:#3b3a40!important;}.week-chart .chart-bar{background:#713db3!important;border-radius:5px 5px 1px 1px!important;}.week-chart .chart-col.today .chart-bar{background:#a55cf0!important;box-shadow:0 0 17px #a55cf05a!important;}.week-chart .chart-col span{font-size:8px!important;color:#96939c!important;}.week-chart .chart-col.today span{color:#d8bbf9!important;}
.habit-row,.task-row{background:#202023!important;border-color:#2b2b30!important;border-radius:9px!important;}
.habit-row:hover,.task-row:hover{border-color:#544266!important;}
.habit-row.done{background:#1c1c1f!important;}
.habit-icon{background:#2a2430!important;color:#c49aee!important;}
.habit-copy b,.task-copy b{font-size:10px!important;color:#f0edf3!important;}
.habit-copy small,.task-copy small{font-size:8px!important;color:#aaa7af!important;}
.habit-xp{color:#c297ed!important;}
.check-control{background:#18181b!important;border-color:#5a5660!important;border-radius:6px!important;}
.check-control.checked{background:#8c4ed2!important;border-color:#b17ae8!important;}
.add-row{background:#1c1c1f!important;border-color:#49434d!important;color:#d1b0f0!important;border-radius:8px!important;}
.add-row:hover{background:#2a2231!important;border-color:#a571d2!important;color:#f0dfff!important;}
.task-subhead{color:#aaa6b0!important;border-color:#353438!important;}
.priority{background:#302537!important;color:#d9b3f9!important;}.priority.Medium{background:#2b2532!important;color:#ccb8e6!important;}.priority.Low{background:#25252a!important;color:#b8b5bf!important;}
.streak-count{color:#d3a8ff!important;}.streak-count span,.streak-note{color:#aaa6b1!important;}
.week-dots:before{background:#49434e!important;}.week-day{color:#aaa5b1!important;}.week-day .dot{background:#242127!important;border-color:#554b5d!important;}.week-day.complete .dot{background:#a764e8!important;border-color:#a764e8!important;}.week-day.today .dot{background:#32213f!important;border-color:#c18af1!important;color:#f0dfff!important;}
.streak-rule{border-color:#38343c!important;}.streak-rule span{color:#c196ec!important;}.streak-rule p{color:#a9a4ae!important;}
.heatmap-labels,.heatmap-legend{color:#aaa6b0!important;}.heat-cell{background:#29272d!important;border-color:#37343b!important;}.activity-grid .heat-cell.heat-low{background:#39294b!important;border-color:#4c3561!important;}.activity-grid .heat-cell.heat-mid{background:#633494!important;border-color:#7842ac!important;}.activity-grid .heat-cell.heat-high{background:#9250cd!important;border-color:#aa66e4!important;}.activity-grid .heat-cell.heat-full{background:#bd79f4!important;border-color:#d6a6ff!important;}.activity-grid .heat-cell.future{background:#1d1d20!important;border-color:#29282d!important;}
.round-action{background:#242327!important;color:#d4b2f4!important;border-color:#3d3943!important;}.round-action:hover{background:#352540!important;border-color:#9d62c9!important;}
.warning-banner{background:#28232d!important;border-color:#59426a!important;color:#d5c2e5!important;}.warning-banner b{color:#ead8fa!important;}

@media(max-width:700px){h1{font-size:25px!important;}}

/* Fullscreen dark canvas: no gradient frame, square panel edges, centered check. */
html,body{width:100%;min-height:100%;margin:0!important;padding:0!important;background:#0b0b0d!important;color:#f5f3f8!important;overflow-x:hidden!important;}
body:before,body:after{display:none!important;content:none!important;background:none!important;}
.app-shell{width:100%!important;max-width:none!important;min-height:100vh!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#0b0b0d!important;overflow:clip!important;}
.sidebar,.topbar,.content,.panel,.trend-panel,.dashboard-lower>.panel,.stat-card,.habit-row,.task-row,.calendar-day,.modal,.notification-pop,.add-row,.primary-btn,.nav-item,.check-control,.form-field input,.form-field select{border-radius:0!important;}
.sidebar,.topbar{background:#0b0b0d!important;}
.check-control{display:grid!important;place-items:center!important;box-sizing:border-box!important;padding:0!important;line-height:0!important;font-size:0!important;color:transparent!important;}
.check-control.checked{background:#8c4ed2!important;border-color:#b17ae8!important;}
.check-control.checked:before{content:""!important;display:block!important;width:6px!important;height:11px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:translateY(-1px) rotate(45deg)!important;box-sizing:border-box!important;}
@media(max-width:1000px){.app-shell{width:100%!important;min-height:100vh!important;height:auto!important;margin:0!important;border-radius:0!important;}}
@media(max-width:700px){.app-shell{display:block!important;width:100%!important;min-height:100vh!important;margin:0!important;border-radius:0!important;}.sidebar{border-radius:0!important;}.trend-panel,.dashboard-lower>.panel{border-radius:0!important;}}

/* Header wordmark based on the user's preferred daymark logo. */
.brand{gap:11px!important;margin-left:6px!important;color:#f7f5fa!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:17px!important;font-weight:750!important;letter-spacing:-.55px!important;}
.brand-mark{width:36px!important;height:36px!important;flex:0 0 36px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(145deg,#b65bff 0%,#7430e8 100%)!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:21px!important;font-weight:400!important;line-height:1!important;}
.brand-dot{color:#a95cff!important;}

/* Make daily habits and tasks easy to scan and tap. */
.dashboard-lower>.panel{padding:21px!important;}
.dashboard-lower .panel-heading{margin-bottom:15px!important;}
.dashboard-lower .panel-heading h2{font-size:18px!important;font-weight:650!important;letter-spacing:-.25px!important;}
.dashboard-lower .panel-heading p{font-size:12px!important;color:#c0bdc7!important;}
.habit-list,.compact-list{gap:9px!important;}
.habit-row,.task-row{min-height:68px!important;padding:12px 13px!important;gap:12px!important;background:#242327!important;border-color:#3d3a43!important;border-radius:0!important;}
.habit-row:hover,.task-row:hover{background:#2b2930!important;border-color:#75539a!important;}
.habit-row.done,.task-row.done{background:#211d27!important;}
.habit-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:18px!important;background:#342642!important;color:#d0a7f5!important;}
.habit-copy,.task-copy{min-width:0!important;gap:5px!important;}
.habit-copy b,.task-copy b{font-size:15px!important;line-height:1.3!important;font-weight:600!important;color:#faf8fc!important;}
.habit-copy small,.task-copy small{font-size:11px!important;line-height:1.35!important;color:#c2bec9!important;}
.habit-xp{font-size:11px!important;font-weight:600!important;color:#d4b2f8!important;white-space:nowrap!important;}
.priority{font-size:10px!important;font-weight:600!important;padding:5px 8px!important;white-space:nowrap!important;}
.check-control{width:23px!important;height:23px!important;min-width:23px!important;flex:0 0 23px!important;border:1px solid #aaa2b4!important;background:#151419!important;}
.check-control.checked{border-color:#b878f0!important;background:#8c4ed2!important;}
.check-control.checked:before{width:7px!important;height:12px!important;border-width:0 2.5px 2.5px 0!important;}

.add-row{min-height:43px!important;margin-top:10px!important;font-size:12px!important;color:#d4b2f8!important;border-color:#695282!important;background:#211c28!important;}
@media(max-width:700px){.dashboard-lower>.panel{padding:16px!important;}.habit-row,.task-row{min-height:64px!important;padding:11px!important;}.habit-copy b,.task-copy b{font-size:14px!important;}.habit-copy small,.task-copy small{font-size:10px!important;}}

/* Achievement badges: earned first and bright; locked milestones stay muted. */
.achievement-count{display:flex;align-items:baseline;gap:7px;padding:10px 15px;background:#211b29;border:1px solid #523b68;color:#e5caff;font-size:20px;font-weight:700;white-space:nowrap;}
.achievement-count span{font-size:11px;font-weight:500;color:#b9a9c9;}
.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;gap:14px!important;}
.achievement{position:relative!important;min-height:190px!important;padding:20px!important;overflow:hidden!important;background:#19181c!important;border:1px solid #343139!important;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s!important;}
.achievement:hover{transform:translateY(-3px)!important;border-color:#645071!important;}
.achievement.unlocked{background:linear-gradient(145deg,#231d2a,#19181c 75%)!important;border-color:#684a83!important;box-shadow:inset 0 0 0 1px #a16bd126,0 8px 28px #0003!important;}
.achievement.unlocked:after{content:"";position:absolute;width:150px;height:150px;right:-68px;top:-78px;background:radial-gradient(circle,#ad68ef25,transparent 68%);pointer-events:none;}
.achievement.locked{background:#141416!important;border-color:#29282c!important;}
.achievement-icon{position:relative!important;width:56px!important;height:56px!important;display:grid!important;place-items:center!important;margin-bottom:17px!important;border-radius:15px!important;background:linear-gradient(145deg,#372447,#271a32)!important;color:#d9aaff!important;font-size:30px!important;filter:saturate(.5) brightness(.68)!important;transition:filter .2s,transform .2s!important;}
.achievement.unlocked .achievement-icon{background:linear-gradient(145deg,#7438a5,#492268)!important;filter:saturate(1.18) brightness(1.18)!important;box-shadow:0 6px 20px #9c50cf3b!important;transform:translateY(-1px);}
.achievement-lock{position:absolute;right:-7px;bottom:-7px;width:23px;height:23px;display:grid;place-items:center;background:#37343b;border:2px solid #141416;border-radius:50%;font-size:12px;filter:grayscale(1);}
.achievement-state{position:absolute;top:22px;right:18px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;background:#202024;border:1px solid #39383e;color:#b0adb6;font-size:9px;font-weight:700;letter-spacing:.55px;}
.achievement.unlocked .achievement-state{background:#30223d;border-color:#614477;color:#d7b0f4;}
.state-symbol{font-size:12px;line-height:1;color:#c6a6df;}.achievement.unlocked .state-symbol{color:#d8adff;}
.achievement h3{font-size:16px!important;font-weight:650!important;margin:0 0 6px!important;color:#f4f1f7!important;}
.achievement p{font-size:12px!important;line-height:1.5!important;color:#c1bdc7!important;margin:0!important;max-width:38ch;}
.achievement.locked h3{color:#aaa6af!important;}.achievement.locked p{color:#817d86!important;}
.achievement-hint{display:block;margin-top:14px;color:#79757e;font-size:10px;}
@media(max-width:700px){.achievement{min-height:174px!important;padding:15px!important;}.achievement-state{top:16px;right:13px;padding:5px 7px;font-size:8px;}.achievement-icon{width:48px!important;height:48px!important;font-size:25px!important;margin-bottom:14px!important;}.achievement h3{font-size:14px!important;}.achievement p{font-size:11px!important;}}

/* Readable supporting labels throughout the app. */
.content small{font-size:11px!important;line-height:1.45!important;}
.content .eyebrow{font-size:10px!important;letter-spacing:1.25px!important;}
.content :is(.stat-label,.stat-foot,.calendar-dow,.day-percent,.calendar-key,.mini-stat,.chart-legend,.text-link,.streak-rule p,.heatmap-labels,.heatmap-legend,.priority,.habit-xp,.task-subhead,.week-day,.trend-scale,.chart-col span){font-size:11px!important;}
.content :is(.panel-heading p,.subhead,.task-subhead,.streak-explanation){line-height:1.55!important;}

/* Gentle lift and purple glow on the four dashboard summary cards. */
.stats-grid .stat-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;}
.stats-grid .stat-card:hover{transform:translateY(-5px)!important;border-color:#8b5db0!important;background:#1b171e!important;box-shadow:0 12px 34px #a45bd32c,0 0 0 1px #a45bd326!important;}
.stats-grid .stat-card:hover .stat-mark{transform:scale(1.12);box-shadow:0 0 20px #b36be74a!important;}
.stat-mark{transition:transform .22s ease,box-shadow .22s ease!important;}

/* Purple, interactive calendar days with click-through history details. */
.calendar-day{appearance:none!important;position:relative!important;display:block!important;width:100%!important;text-align:left!important;font:inherit!important;cursor:pointer!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;}
.calendar-day:hover,.calendar-day:focus-visible{z-index:2!important;background:#2b2035!important;border-color:#a663db!important;box-shadow:0 0 0 1px #a663db66,0 8px 22px #9d50d02c!important;transform:translateY(-2px)!important;outline:none!important;}
.calendar-day.today{background:#281d32!important;border-color:#995bd0!important;}
.calendar-day .day-dot{background:#bd82f1!important;box-shadow:0 0 8px #bd82f177!important;}
.calendar-day .day-percent{color:#d6b5f3!important;}
.calendar-day.missed .day-dot{background:#8b64a7!important;}
.calendar-key .key-dot{color:#c8b7d5!important;}.calendar-key .key-dot i{background:#bc7eec!important;}
.calendar-key .key-dot.partial i{background:#70488b!important;}
.calendar-dow{color:#c7a9e2!important;}
.calendar-day.outside{color:#77727e!important;}
.calendar-day:focus-visible:after{content:"";position:absolute;inset:3px;border:1px solid #d2aaff;pointer-events:none;}
.streak-explanation{font-size:12px!important;color:#c2bec9!important;}
.day-detail-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#050407c9;backdrop-filter:blur(7px);animation:detail-fade-in .18s ease both;}
.day-detail-modal{position:relative;width:min(560px,100%);max-height:min(80vh,720px);overflow:auto;padding:27px;background:#18171b;border:1px solid #493957;box-shadow:0 24px 90px #0009;color:#f4f0f8;animation:detail-pop-in .22s cubic-bezier(.2,.8,.2,1) both;}
.day-detail-modal h2{font-size:23px;margin:8px 40px 18px 0;color:#f6f1fa;}
.day-detail-modal .eyebrow{color:#c99af0;}
.day-detail-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border:1px solid #46404d;background:#242127;color:#e7dbee;font-size:24px;cursor:pointer;}
.day-detail-close:hover{background:#352642;border-color:#9461b5;}
.history-progress{display:flex;align-items:center;gap:13px;padding:13px 15px;margin-bottom:16px;background:#241d2b;border:1px solid #483456;}
.history-progress b{font-size:21px;color:#d2a5f4;}.history-progress span{font-size:12px;color:#c1bbc9;}
.day-detail-modal section{padding:13px 0;border-top:1px solid #37323c;}
.day-detail-modal section h3{font-size:13px;margin:0 0 10px;color:#e5d2f5;}
.day-detail-modal ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;}
.day-detail-modal li{display:flex;align-items:center;gap:9px;padding:9px 11px;background:#211f24;color:#f0edf3;font-size:13px;}
.history-check{color:#d4a2f8;font-weight:800;}.history-note{font-size:12px;color:#9c96a3;margin:0;}
@keyframes detail-fade-in{from{opacity:0}to{opacity:1}}@keyframes detail-pop-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.stats-grid .stat-card,.stat-mark,.calendar-day{transition:none!important}.stats-grid .stat-card:hover,.calendar-day:hover{transform:none!important}.day-detail-backdrop,.day-detail-modal{animation:none!important}}

/* Keep typography consistent across dashboard cards, forms, history, and overlays. */
:root:root body,:root:root body *{font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
:root:root body .brand-mark{font-family:Arial,sans-serif!important;}

/* Stronger dashboard summary cards and a clearer, larger app header. */
.stats-grid{gap:14px!important;margin-bottom:18px!important;}
.stats-grid .stat-card{min-height:174px!important;padding:24px 23px!important;border-width:1px!important;overflow:hidden!important;isolation:isolate!important;box-shadow:0 8px 26px #0005!important;}
.stats-grid .stat-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.72;}
.stats-grid .stat-progress{background:linear-gradient(140deg,#21172b,#17151a 72%)!important;border-color:#674687!important;box-shadow:0 8px 28px #8b46bd20, inset 0 1px #d7aff51c!important;}
.stats-grid .stat-progress:before{background:radial-gradient(ellipse at 100% 0,#a650e52b,transparent 62%);}
.stats-grid .stat-level{background:linear-gradient(140deg,#1b1927,#151519 75%)!important;border-color:#514269!important;box-shadow:0 8px 28px #7052a21b,inset 0 1px #c9b2f219!important;}
.stats-grid .stat-level:before{background:radial-gradient(ellipse at 100% 0,#7e68d52b,transparent 62%);}
.stats-grid .stat-streak{background:linear-gradient(140deg,#23182a,#171519 75%)!important;border-color:#634172!important;box-shadow:0 8px 28px #a64fbd1b,inset 0 1px #e1b4f019!important;}
.stats-grid .stat-streak:before{background:radial-gradient(ellipse at 100% 0,#d05cce24,transparent 62%);}
.stats-grid .stat-habits{background:linear-gradient(140deg,#1c1928,#151519 75%)!important;border-color:#51416d!important;box-shadow:0 8px 28px #7352ae1c,inset 0 1px #c7a9f319!important;}
.stats-grid .stat-habits:before{background:radial-gradient(ellipse at 100% 0,#8f5ce32b,transparent 62%);}
.stats-grid .stat-label{font-size:12px!important;letter-spacing:1.1px!important;color:#c7bacf!important;}
.stats-grid .stat-value{font-size:36px!important;margin:15px 0 7px!important;}
.stats-grid .stat-foot{font-size:12px!important;color:#b4aebc!important;}
.stats-grid .stat-mark{width:40px!important;height:40px!important;font-size:17px!important;box-shadow:0 0 18px #a85fe52a!important;}
.stats-grid .stat-progress .stat-value{color:#e2bdff!important;}
.stats-grid .stat-level .stat-value{color:#e3d7ff!important;}
.stats-grid .stat-streak .stat-value{color:#f0c9ff!important;}
.stats-grid .stat-habits .stat-value{color:#d9c5ff!important;}
.stats-grid .xp-progress{height:6px!important;margin:10px 0 8px!important;}
.stats-grid .progress-meta{font-size:11px!important;color:#c0b6cc!important;}
.stats-grid .stat-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 34px #9d56d431,0 0 0 1px #b778e63b!important;}
.main-nav{gap:9px!important;margin-left:28px!important;}
.nav-item{min-height:42px!important;padding:11px 16px!important;gap:9px!important;border:1px solid #34313a!important;background:linear-gradient(180deg,#211f25,#19181c)!important;color:#c4c0ca!important;font-size:13px!important;font-weight:600!important;letter-spacing:.05px!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;}
.nav-item:hover{transform:translateY(-2px)!important;border-color:#8156a4!important;background:#2a2231!important;color:#fff!important;box-shadow:0 5px 18px #994fbd28!important;}
.nav-item.active{border-color:#8d5abb!important;background:linear-gradient(135deg,#593078,#39234d)!important;color:#fff!important;box-shadow:0 0 0 1px #a16ac524,0 4px 17px #9c52d333!important;}
.nav-item.active .nav-icon{color:#e5c5ff!important;}
.nav-icon{width:18px!important;font-size:16px!important;}
.nav-count{font-size:11px!important;padding:3px 7px!important;background:#7446a0!important;color:#f5e8ff!important;}
.top-actions{gap:15px!important;}
.date-pill{font-size:13px!important;color:#c3bdcb!important;}
.icon-button{font-size:21px!important;color:#ddd4e4!important;padding:7px!important;}
.top-avatar{width:36px!important;height:36px!important;font-size:14px!important;}

@media(max-width:1100px){.main-nav{gap:6px!important;margin-left:16px!important;margin-right:170px!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important;}.main-nav::-webkit-scrollbar{display:none!important;}.nav-item{flex:0 0 auto!important;padding:10px 12px!important;font-size:12px!important;}.stats-grid .stat-card{min-height:158px!important;padding:20px 18px!important;}.stats-grid .stat-value{font-size:31px!important;}}
@media(max-width:700px){.main-nav{gap:6px!important;margin:10px 0 0!important;}.nav-item{min-height:40px!important;padding:9px 12px!important;font-size:12px!important;}.stats-grid .stat-card{min-height:132px!important;padding:16px 14px!important;}.stats-grid .stat-label{font-size:10px!important;}.stats-grid .stat-value{font-size:28px!important;margin:11px 0 5px!important;}.stats-grid .stat-foot{font-size:10px!important;}.stats-grid .stat-mark{width:31px!important;height:31px!important;font-size:14px!important;}}
@media(max-width:390px){.nav-item{padding:8px 10px!important;font-size:11px!important;}.stats-grid{gap:8px!important;}.stats-grid .stat-card{min-height:122px!important;padding:14px 11px!important;}}

/* Keep the daymark wordmark lowercase and vertically balanced in the header. */
:root:root .brand{text-transform:none!important;align-items:center!important;line-height:1!important;}
:root:root .brand-mark{width:32px!important;height:32px!important;flex:0 0 32px!important;}
@media(max-width:700px){:root:root .brand{align-self:center!important;margin-top:4px!important;}}

/* Touch-friendly management controls for local habit and task editing. */
.habit-copy,.task-copy{flex:1 1 auto!important;}
.item-menu-wrap{position:relative!important;flex:0 0 auto!important;align-self:center!important;}
.item-menu-toggle{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid #51465b!important;background:#28232e!important;color:#e4d4f3!important;font-size:17px!important;line-height:1!important;letter-spacing:1px!important;cursor:pointer!important;}
.item-menu-toggle:hover,.item-menu-toggle[aria-expanded="true"]{background:#3b2b4b!important;border-color:#9a68ba!important;color:#fff!important;}
.item-menu{position:absolute!important;right:0!important;top:calc(100% + 6px)!important;z-index:60!important;width:188px!important;padding:5px!important;background:#211e25!important;border:1px solid #55465f!important;box-shadow:0 12px 32px #0009!important;}
.item-menu[hidden]{display:none!important;}
.item-menu button{display:flex!important;align-items:center!important;width:100%!important;min-height:40px!important;padding:8px 11px!important;border:0!important;background:transparent!important;color:#e8e1ed!important;text-align:left!important;font-size:13px!important;cursor:pointer!important;}
.item-menu button:hover:not(:disabled){background:#382b43!important;color:#fff!important;}
.item-menu button:disabled{opacity:.38!important;cursor:not-allowed!important;}
.item-menu .item-delete{border-top:1px solid #44343a!important;margin-top:4px!important;padding-top:10px!important;color:#ff9fa9!important;}
.item-menu .item-delete:hover{background:#42252c!important;color:#ffc5ca!important;}
.task-row .item-menu-toggle,.habit-row .item-menu-toggle{width:40px!important;height:40px!important;}
@media(max-width:700px){
  .sidebar,.sidebar.open{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:0!important;min-height:0!important;height:auto!important;padding:10px 14px 0!important;transform:none!important;box-shadow:none!important;background:#111014!important;border-bottom:1px solid #302938!important;}
  .brand{grid-column:1!important;grid-row:1!important;margin:0!important;padding:0!important;}
  .main-nav{grid-column:1/-1!important;grid-row:2!important;display:flex!important;flex:0 0 auto!important;width:calc(100vw - 28px)!important;margin:10px 0 0!important;padding:0 0 10px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;}
  .main-nav::-webkit-scrollbar{display:none!important;}
  .nav-item{min-height:44px!important;flex:0 0 auto!important;padding:10px 13px!important;font-size:12px!important;}
  .topbar{position:absolute!important;top:-99px!important;right:8px!important;width:auto!important;height:48px!important;padding:0 5px!important;background:transparent!important;}
  .top-actions{gap:8px!important;}
  .top-avatar{width:32px!important;height:32px!important;}
  .icon-button{width:40px!important;height:40px!important;}
  .main-area{margin:0!important;min-width:0!important;}
  .content{padding:20px 14px 36px!important;}
  .hello-row,.section-title{align-items:flex-start!important;gap:12px!important;margin-bottom:17px!important;}
  .hello-row h1,.section-title h1{font-size:27px!important;line-height:1.15!important;}
  .hello-row .primary-btn,.section-title .primary-btn{min-height:44px!important;padding:10px 12px!important;font-size:12px!important;}
  .stats-grid{gap:9px!important;margin-bottom:14px!important;}
  .stats-grid .stat-card{min-height:136px!important;padding:16px 13px!important;}
  .stats-grid .stat-value{font-size:29px!important;}
  .dashboard-lower,.task-columns,.content-wide{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  .dashboard-lower>.activity-panel{grid-column:auto!important;grid-row:auto!important;}
  .panel,.dashboard-lower>.panel{padding:17px 14px!important;}
  .panel-heading{gap:10px!important;margin-bottom:13px!important;}
  .panel-heading h2{font-size:17px!important;}
  .habit-list,.task-list{gap:8px!important;}
  .habit-row,.task-row{min-height:72px!important;padding:10px!important;gap:9px!important;}
  .habit-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;}
  .habit-copy b,.task-copy b{font-size:14px!important;line-height:1.35!important;}
  .habit-copy small,.task-copy small{font-size:11px!important;line-height:1.4!important;}
  .habit-xp{display:none!important;}
  .check-control{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;}
  .item-menu-toggle{width:40px!important;height:40px!important;}
  .item-menu{position:absolute!important;right:0!important;top:calc(100% + 6px)!important;width:min(220px,calc(100vw - 28px))!important;}
  .add-row,.filter-chip,.calendar-arrows button{min-height:42px!important;}
  .calendar-card{padding:15px 9px!important;}
  .calendar-day{height:60px!important;font-size:12px!important;}
  .calendar-dow{font-size:10px!important;}
  .achievement-grid{grid-template-columns:1fr!important;}
  .achievement{min-height:0!important;padding:17px!important;}
  .modal-backdrop{align-items:end!important;padding:0!important;}
  .modal{width:100%!important;max-height:92dvh!important;overflow-y:auto!important;padding:22px 18px calc(20px + env(safe-area-inset-bottom))!important;}
  .form-field input,.form-field select{min-height:46px!important;font-size:16px!important;}
  .form-submit{min-height:48px!important;font-size:14px!important;}
  .toast{bottom:calc(14px + env(safe-area-inset-bottom))!important;width:calc(100% - 28px)!important;text-align:center!important;}
}
@media(max-width:390px){.content{padding-right:11px!important;padding-left:11px!important;}.stats-grid .stat-card{min-height:124px!important;padding:13px 10px!important;}.stats-grid .stat-label{font-size:9px!important;letter-spacing:.6px!important;}.stats-grid .stat-foot{font-size:9px!important;}.habit-row,.task-row{gap:7px!important;padding:8px!important;}.task-row .priority{display:none!important;}}

/* Keep item controls visually secondary and remove chart scale captions. */
.item-menu-wrap{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;}
.item-menu-toggle,.task-row .item-menu-toggle,.habit-row .item-menu-toggle{position:relative!important;width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;border:0!important;background:transparent!important;color:#c6a9dc!important;font-size:10px!important;letter-spacing:0!important;}
.item-menu-toggle:before{content:"";position:absolute;inset:-6px;}
.item-menu-toggle:hover,.item-menu-toggle[aria-expanded="true"]{background:#392b45!important;color:#fff!important;}
.trend-scale{display:none!important;}
@media(max-width:700px){.item-menu-wrap,.task-row .item-menu-wrap,.habit-row .item-menu-wrap{width:40px!important;height:40px!important;}.item-menu-toggle,.task-row .item-menu-toggle,.habit-row .item-menu-toggle{width:24px!important;height:24px!important;min-width:24px!important;font-size:10px!important;}}
.xp-float.xp-lost{color:#ff6477!important;text-shadow:0 0 12px #ff425d72!important;}

/* Daily motivation page. */
.motivation-quote{position:relative!important;overflow:hidden!important;min-height:270px!important;padding:36px!important;background:linear-gradient(130deg,#21172b,#18151d 68%,#211a2a)!important;border-color:#63477a!important;box-shadow:0 12px 42px #8b4fc322,inset 0 1px #d7b4f51a!important;}
.motivation-spark{position:absolute!important;right:30px!important;top:16px!important;font-size:92px!important;line-height:1!important;color:#bc82ed!important;opacity:.12!important;}
.motivation-quote .eyebrow{position:relative!important;color:#d3b8e8!important;}
.motivation-quote blockquote{position:relative!important;max-width:900px!important;margin:32px 0 23px!important;color:#faf5ff!important;font-size:clamp(25px,3vw,39px)!important;font-weight:550!important;letter-spacing:-.8px!important;line-height:1.3!important;}
.quote-credit{color:#b9a6c9!important;font-size:13px!important;}
.motivation-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:16px!important;}
.motivation-card{min-height:230px!important;padding:23px!important;background:linear-gradient(145deg,#19181e,#151518)!important;border-color:#37313f!important;}
.motivation-card .eyebrow{color:#c39de0!important;}
.motivation-card h2{margin:15px 0 10px!important;color:#f3edf8!important;font-size:21px!important;line-height:1.38!important;letter-spacing:-.35px!important;}
.motivation-card p,.motivation-detail,.intention-note{color:#bdb7c4!important;font-size:13px!important;line-height:1.55!important;}
.motivation-progress{height:9px!important;margin:17px 0 12px!important;background:#302a35!important;overflow:hidden!important;}
.motivation-progress span{display:block!important;height:100%!important;background:linear-gradient(90deg,#8747cb,#c27ff4)!important;transition:width .7s ease!important;}
.nudge-icon{display:grid!important;place-items:center!important;width:43px!important;height:43px!important;margin-top:20px!important;background:#342442!important;color:#d8adf5!important;font-size:22px!important;}
.nudge-icon+h2{margin-top:13px!important;}
.intention-card form{display:grid!important;gap:12px!important;margin-top:14px!important;}
.intention-card textarea{min-height:85px!important;resize:vertical!important;padding:12px!important;border:1px solid #50445c!important;outline:none!important;background:#121115!important;color:#f5eff9!important;font:inherit!important;font-size:14px!important;line-height:1.5!important;}
.intention-card textarea:focus{border-color:#aa70d4!important;box-shadow:0 0 0 3px #a35bd328!important;}
.intention-card .primary-btn{justify-self:start!important;min-height:42px!important;}
.intention-note{margin:10px 0 0!important;font-size:11px!important;color:#9993a0!important;}
.next-step-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;}
.next-step-card .text-link{margin-top:auto!important;padding:7px 0!important;color:#d0a3f1!important;font-size:14px!important;}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
@media(max-width:700px){.motivation-quote{min-height:225px!important;padding:24px 18px!important;}.motivation-quote blockquote{margin:25px 0 18px!important;font-size:27px!important;}.motivation-spark{right:17px!important;top:9px!important;font-size:72px!important;}.motivation-grid{grid-template-columns:1fr!important;gap:11px!important;margin-top:11px!important;}.motivation-card{min-height:0!important;padding:18px!important;}.motivation-card h2{font-size:19px!important;}.intention-card textarea{font-size:16px!important;}}

/* Local data backup and restore settings. */
.settings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
.settings-card{min-height:300px!important;padding:25px!important;background:linear-gradient(145deg,#19181e,#141316)!important;border-color:#38313f!important;}
.settings-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin-bottom:22px!important;background:#342442!important;color:#d8adf5!important;font-size:25px!important;}
.restore-icon{background:#282239!important;color:#c4b1f3!important;}
.settings-card h2{margin:12px 0 9px!important;color:#f4eff8!important;font-size:21px!important;}
.settings-card p{max-width:52ch!important;min-height:68px!important;color:#bbb5c2!important;font-size:13px!important;line-height:1.6!important;}
.settings-card .primary-btn,.settings-card .soft-btn{min-height:44px!important;padding:11px 16px!important;font-size:13px!important;}
.settings-note{margin-top:15px!important;color:#928b99!important;font-size:11px!important;line-height:1.55!important;}
.settings-reset{grid-column:1/-1!important;min-height:0!important;border-color:#633845!important;background:linear-gradient(145deg,#1d171a,#151316)!important;}
.settings-reset .reset-icon{background:#3a2029!important;color:#f1a2b2!important;}
.settings-reset h2{color:#f4eff8!important;}
.settings-reset p{min-height:0!important;max-width:72ch!important;}
.reset-daymark-btn{min-height:46px!important;padding:12px 18px!important;border:1px solid #b45268!important;border-radius:9px!important;background:linear-gradient(135deg,#983e55,#742d43)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;box-shadow:0 5px 16px #a83b5526!important;cursor:pointer!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;}
.reset-daymark-btn:hover{transform:translateY(-1px)!important;filter:brightness(1.12)!important;box-shadow:0 7px 20px #a83b5542!important;}
.reset-daymark-btn:focus-visible{outline:2px solid #f1a9b9!important;outline-offset:3px!important;}
@media(max-width:700px){.settings-reset{grid-column:auto!important;}}
@media(max-width:700px){.settings-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}.settings-card{min-height:0!important;padding:19px!important;}.settings-card p{min-height:0!important;}.settings-card h2{font-size:19px!important;}}

/* Keep Settings easy to find in the upper-right app controls. */
.top-settings{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:36px!important;padding:0 12px!important;border:1px solid #40374a!important;border-radius:999px!important;background:#211c27!important;color:#e5d8ef!important;font:600 12px 'Inter',sans-serif!important;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;}
.top-settings svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.top-settings:hover{transform:translateY(-1px)!important;background:#342640!important;border-color:#8f5eb3!important;box-shadow:0 0 14px #a960ce38!important;color:#fff!important;}
.top-settings:focus-visible{outline:2px solid #ba82df!important;outline-offset:3px!important;}
@media(max-width:700px){.top-settings{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;}.top-settings span{display:none!important;}}

/* Make the restore action read clearly against the dark settings card. */
.settings-card [data-import-backup]{min-height:48px!important;padding:12px 19px!important;border:1px solid #a96bd3!important;background:linear-gradient(135deg,#8745b5,#69349a)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;letter-spacing:.1px!important;box-shadow:0 5px 16px #8d48b52e!important;}
.settings-card [data-import-backup]:hover{background:linear-gradient(135deg,#9b56c8,#7841a8)!important;border-color:#c28be2!important;box-shadow:0 7px 22px #a257ce4d!important;transform:translateY(-1px)!important;}
.settings-card [data-import-backup]:focus-visible{outline:2px solid #d7b0ef!important;outline-offset:3px!important;}

/* Clear, high-contrast task filters with an unmistakable selected state. */
.task-filters{display:flex!important;align-items:center!important;gap:8px!important;margin:2px 0 18px!important;padding:5px!important;width:max-content!important;max-width:100%!important;border:1px solid #302c35!important;border-radius:13px!important;background:#111014!important;}
.task-filters .filter-chip{min-width:72px!important;min-height:40px!important;padding:9px 17px!important;border:1px solid #51485d!important;border-radius:9px!important;background:#211e25!important;color:#ded8e5!important;font:600 13px 'Inter',sans-serif!important;letter-spacing:.1px!important;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s!important;}
.task-filters .filter-chip:hover{border-color:#9a65be!important;background:#302539!important;color:#fff!important;transform:translateY(-1px)!important;}
.task-filters .filter-chip.active{border-color:#a96bd3!important;background:linear-gradient(135deg,#8745b5,#69349a)!important;color:#fff!important;box-shadow:0 3px 12px #8d48b540!important;}
.task-filters .filter-chip:focus-visible{outline:2px solid #d7b0ef!important;outline-offset:2px!important;}
@media(max-width:420px){.task-filters{width:100%!important;}.task-filters .filter-chip{flex:1!important;min-width:0!important;}}

/* Separate the full navigation strip from the dashboard surface. */
.sidebar{background:linear-gradient(180deg,#19151e 0%,#151219 52%,#100e12 76%,#0d0c0f 90%,#0b0b0d 100%)!important;border-bottom:0!important;box-shadow:0 5px 20px #0005!important;}
.sidebar .main-nav{position:relative!important;}
.topbar{background:transparent!important;}
@media(max-width:700px){.sidebar,.sidebar.open{background:linear-gradient(180deg,#19151e 0%,#151219 52%,#100e12 76%,#0d0c0f 90%,#0b0b0d 100%)!important;border-bottom:0!important;box-shadow:0 5px 20px #0005!important;}}

/* Account and cloud sync settings. */
.settings-account{grid-column:1/-1!important;min-height:0!important;background:linear-gradient(145deg,#201729,#17141b)!important;border-color:#604174!important;}
.settings-account p{min-height:0!important;max-width:68ch!important;}
.settings-account .account-icon{background:linear-gradient(145deg,#7438a5,#492268)!important;color:#f1dfff!important;}
.cloud-auth-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;max-width:760px!important;margin:20px 0 0!important;}
.cloud-auth-form .form-field{gap:8px!important;margin:0!important;}
.cloud-auth-form .form-field span{color:#ded5e6!important;font-size:13px!important;font-weight:650!important;}
.cloud-auth-form .form-field input{min-height:46px!important;border:1px solid #49404f!important;border-radius:10px!important;background:#100e13!important;color:#f4eff8!important;font-size:14px!important;}
.cloud-auth-form .form-field input:focus{border-color:#b67cda!important;box-shadow:0 0 0 3px #a859d13b!important;}
.cloud-auth-actions,.cloud-actions,.cloud-choice-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
.cloud-auth-actions{grid-column:1/-1!important;margin-top:2px!important;}
.cloud-auth-actions .primary-btn,.cloud-auth-actions .soft-btn,.cloud-actions .soft-btn,.cloud-choice-actions .primary-btn,.cloud-choice-actions .soft-btn{min-height:44px!important;padding:11px 17px!important;font-size:13px!important;font-weight:650!important;}
.cloud-auth-actions .primary-btn,.cloud-auth-actions .soft-btn{width:100%!important;min-height:48px!important;border:1px solid #8b58b7!important;border-radius:9px!important;background:linear-gradient(135deg,#8745b5,#69349a)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;box-shadow:0 5px 16px #8d48b530!important;opacity:1!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;}
.cloud-auth-actions .soft-btn{border-color:#574069!important;background:#251d2c!important;color:#eadcf5!important;box-shadow:none!important;}
.cloud-auth-actions .primary-btn:hover,.cloud-auth-actions .soft-btn:hover{transform:translateY(-1px)!important;filter:brightness(1.12)!important;}
.cloud-auth-actions .primary-btn:focus-visible,.cloud-auth-actions .soft-btn:focus-visible{outline:2px solid #d7b0ef!important;outline-offset:3px!important;}
.cloud-status{margin-top:14px!important;color:#c8bcd2!important;font-size:13px!important;line-height:1.55!important;}
.cloud-notice{max-width:70ch!important;padding:13px 15px!important;border:1px solid #594163!important;border-radius:10px!important;background:#251b2b!important;color:#e2c9f1!important;}
.cloud-user-line{display:flex!important;align-items:center!important;gap:9px!important;margin:17px 0 0!important;color:#ddd4e4!important;font-size:14px!important;}
.cloud-user-line b{color:#fff!important;font-weight:700!important;}
.cloud-status-dot{width:9px!important;height:9px!important;border-radius:50%!important;background:#83d6a4!important;box-shadow:0 0 10px #83d6a46b!important;}
.cloud-actions{margin-top:15px!important;}
.cloud-actions .text-link{min-height:40px!important;color:#d8b4f1!important;font-size:13px!important;}
.cloud-actions [data-cloud-sync]{min-width:112px!important;min-height:44px!important;padding:10px 17px!important;border:1px solid #a96bd3!important;border-radius:9px!important;background:linear-gradient(135deg,#8745b5,#69349a)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;box-shadow:0 5px 16px #8d48b530!important;opacity:1!important;}
.cloud-actions [data-cloud-sync]:hover:not(:disabled){background:linear-gradient(135deg,#9b56c8,#7841a8)!important;border-color:#c28be2!important;transform:translateY(-1px)!important;}
.cloud-actions [data-cloud-sync]:disabled{border-color:#594867!important;background:#342a3c!important;color:#c5b8d0!important;box-shadow:none!important;opacity:1!important;cursor:not-allowed!important;}
.cloud-actions [data-cloud-sync]:focus-visible{outline:2px solid #d7b0ef!important;outline-offset:3px!important;}
.cloud-choice{margin-top:17px!important;padding:17px!important;border:1px solid #644676!important;border-radius:12px!important;background:#211727!important;}
.cloud-choice>b{display:block!important;color:#fff!important;font-size:14px!important;margin-bottom:5px!important;}
.cloud-choice>p{margin:0 0 13px!important;min-height:0!important;color:#c3b6cc!important;font-size:12px!important;line-height:1.55!important;}
.cloud-choice .primary-btn{background:linear-gradient(135deg,#8745b5,#69349a)!important;color:#fff!important;}
.cloud-choice-actions .cloud-overwrite-btn{min-height:44px!important;padding:11px 17px!important;border:1px solid #a84c63!important;border-radius:9px!important;background:linear-gradient(135deg,#7e3045,#64283d)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;box-shadow:0 5px 16px #a83b5526!important;opacity:1!important;cursor:pointer!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;}
.cloud-choice-actions .cloud-overwrite-btn:hover{transform:translateY(-1px)!important;filter:brightness(1.14)!important;box-shadow:0 7px 20px #a83b5542!important;}
.cloud-choice-actions .cloud-overwrite-btn:focus-visible{outline:2px solid #f1a9b9!important;outline-offset:3px!important;}
.cloud-auth-form button:disabled,.cloud-actions button:disabled{opacity:.5!important;cursor:not-allowed!important;}
@media(max-width:700px){.settings-account{grid-column:auto!important;}.cloud-auth-form{grid-template-columns:1fr!important;}.cloud-auth-actions{grid-column:auto!important;}.cloud-auth-actions>*{flex:1!important;}}