:root[data-memo-appearance="black"]{color-scheme:dark;--bg:#000!important;--paper:#090909;--panel:#0a0a0a;--surface:#090909;--ink:#f5f5f5;--text:#f5f5f5;--muted:#999;--soft:#141414;--line:#292929;--border:#292929;--accent:var(--memo-glow,#91ddf3)!important;--purple:var(--memo-glow,#91ddf3)!important;--green:var(--memo-glow,#91ddf3)!important;--shadow:0 18px 60px #0009}
:root[data-memo-appearance="black"] body{background-color:#000!important;color:#f5f5f5}
body.memo-texture:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.12;background-image:radial-gradient(#ffffffa0 .55px,transparent .8px);background-size:5px 5px}
.memo-appearance-open{border:1px solid var(--line,#292929);border-radius:6px;padding:9px 13px;color:var(--ink,var(--text,#eee));background:var(--paper,#111);font:500 12px/1.2 'DM Sans',Inter,system-ui,sans-serif;cursor:pointer}
.memo-appearance-open:hover,.memo-theme-options button:hover{border-color:var(--memo-glow,#91ddf3);color:var(--memo-glow,#91ddf3)}
.memo-appearance-dialog{width:min(560px,calc(100vw - 32px));padding:0;border:1px solid #292929;border-radius:10px;background:#050505;color:#f4f4f4;box-shadow:0 24px 100px #000b}
.memo-appearance-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.memo-appearance-card{position:relative;padding:28px;display:grid;gap:18px;font:14px/1.45 'DM Sans',Inter,system-ui,sans-serif}
.memo-appearance-card h2{margin:0 0 8px;font-size:20px}
.memo-appearance-close{position:absolute;right:14px;top:10px;font-size:24px;color:#aaa;background:none;border:0;cursor:pointer}
.memo-theme-options{display:flex;gap:12px}.memo-theme-options button{min-width:140px;padding:14px;border:1px solid #292929;border-radius:6px;background:#080808;color:#eee;text-align:left}.memo-theme-options button.selected{outline:2px solid var(--memo-glow,#91ddf3);outline-offset:1px}
.memo-glow-row{display:flex;justify-content:space-between;align-items:center;color:#aaa}.memo-glow-row span{display:flex;align-items:center;gap:10px}.memo-glow-row input{width:50px;height:42px;padding:5px;border:1px solid #292929;border-radius:7px;background:#101010;cursor:pointer}
.memo-theme-switch{width:100%;min-height:52px;border:1px solid #292929;border-radius:6px;background:#050505;color:#eee;cursor:pointer}.memo-texture-row{display:flex;align-items:center;gap:10px;color:#aaa}.memo-texture-row input{accent-color:var(--memo-glow,#91ddf3)}
:root[data-memo-appearance="black"] button:hover:not(:disabled),:root[data-memo-appearance="black"] a:hover,:root[data-memo-appearance="black"] [role="button"]:hover{color:var(--memo-glow,#91ddf3)!important;border-color:color-mix(in srgb,var(--memo-glow,#91ddf3) 55%,transparent)!important}
:root[data-memo-appearance="black"] button:focus-visible,:root[data-memo-appearance="black"] a:focus-visible,:root[data-memo-appearance="black"] input:focus-visible{outline-color:var(--memo-glow,#91ddf3)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--memo-glow,#91ddf3) 24%,transparent)}
@media(max-width:600px){.memo-appearance-card{padding:24px 18px}.memo-glow-row{align-items:flex-start;gap:12px;flex-direction:column}}

/* Match memo's accent-controlled black canvas, without an overlay over the UI. */
html[data-memo-appearance="black"] body{background:radial-gradient(ellipse at 72% 0%,color-mix(in srgb,var(--memo-glow,#fff) 16%,#000),#000 62%) fixed!important}
body.memo-texture:after{display:none!important}
html[data-memo-appearance="black"]{--glass:#090909;--glass-strong:#101010;--accent:var(--memo-glow)!important;--purple:var(--memo-glow)!important;--green:var(--memo-glow)!important}
.memo-brand-dot{color:var(--memo-glow,#fff)!important}
html[data-memo-appearance="black"] :is(.navitem,.sideboard,.iconbutton,.account,.bell,.avatar,.viewbutton,.activity button,.memo-rail button):hover,
html[data-memo-appearance="black"] :is(.navitem,.sideboard,.iconbutton,.account,.bell,.avatar,.viewbutton,.activity button,.memo-rail button):hover :is(svg,i,span){color:var(--memo-glow)!important}
html[data-memo-appearance="black"] :is(.navitem.active,.activity button.active){background:#171717!important;box-shadow:none!important;border-color:#242424!important;color:#fff!important}
html[data-memo-appearance="black"] :is(.navitem.active i,.navitem.active svg,.navitem small){color:var(--memo-glow)!important}
html[data-memo-appearance="black"] #createHabit.primary{background:#171717!important;color:var(--memo-glow)!important;box-shadow:none!important;border:1px solid #242424!important}
html[data-memo-appearance="black"] :is(#overallActivity,#notificationPanel,.homeTask,.settingscard){background:#090909!important;border-color:#242424!important;box-shadow:none!important}
#homeSideRail{display:flex;flex-direction:column;gap:20px;grid-column:2;grid-row:1;min-width:0}
#homeSideRail #overallActivity,#homeSideRail #notificationPanel:not([hidden]){position:static!important;width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important}
#homeSideRail #notificationPanel:not([hidden]){max-height:420px!important;overflow:auto!important}
body #sidebar{background:#050505!important}
@media(min-width:901px){body:has(#homeLayout){--sidebar:112px}body.sidebarExpanded:has(#homeLayout){--sidebar:231px}
body:has(#homeLayout) #sidebar{width:var(--sidebar)!important;padding:32px 12px 18px!important}
body:has(#homeLayout) main{margin-left:var(--sidebar)!important}
body:has(#homeLayout) .sidebrand .brand .navlabel{font-size:28px!important;font-weight:650!important}
body:not(.sidebarExpanded):has(#homeLayout) .navitem,body:not(.sidebarExpanded):has(#homeLayout) .account{justify-content:center}
body:has(#homeLayout) .navitem{border-radius:6px!important}
}
@media(max-width:900px){#homeSideRail{grid-column:1;grid-row:auto}#homeSideRail #notificationPanel{max-height:360px!important}}
.memo-inline-appearance{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-width:100%;width:100%}
.memo-inline-appearance .memo-appearance-close{display:none}.memo-inline-appearance .memo-theme-options button{min-width:0;flex:1}
.memo-theme-options button:before{content:"";display:inline-block;width:28px;height:28px;margin-right:12px;vertical-align:middle;border:1px solid #333;border-radius:6px;background:linear-gradient(135deg,#faf9f6 50%,#68785d 50%)}
.memo-theme-options button[data-mode="black"]:before{background:#050505;box-shadow:inset 0 0 9px var(--memo-glow)}
.memo-rail{position:fixed;inset:0 auto 0 0;width:231px;background:#050505;border-right:1px solid #242424;padding:32px 19px 18px;display:flex;flex-direction:column;gap:8px;z-index:30}
.memo-rail button{display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:6px;background:none;color:#909588;text-align:left}
.memo-rail svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.memo-rail .memo-rail-brand{font-size:36px;font-weight:650;color:#eee;letter-spacing:-2px;margin:0 0 30px}
body.memo-has-rail .page{margin-left:231px;max-width:none}
body.memo-rail-small .memo-rail{width:112px;padding:32px 12px}
body.memo-rail-small .memo-rail button{justify-content:center}
body.memo-rail-small .memo-rail button>span:not(.memo-brand-dot){display:none}
body.memo-rail-small .memo-rail-brand{font-size:28px}
body.memo-rail-small.memo-has-rail .page{margin-left:112px}
.memo-sidebar-toggle{background:none;border:0;color:inherit;padding:10px;cursor:pointer}
.activity.memo-code-rail{width:231px;align-items:stretch;padding:24px 12px}
.activity.memo-code-rail button{width:100%;display:flex;gap:12px;justify-content:flex-start;padding:10px 12px}
.activity.memo-code-rail .memo-nav-label{font-size:12px}
body.memo-rail-small .activity.memo-code-rail{width:112px}
body.memo-rail-small .activity.memo-code-rail button{justify-content:center}
body.memo-rail-small .activity.memo-code-rail .memo-nav-label{display:none}
@media(max-width:720px){body.memo-has-rail .memo-rail{width:64px;padding:20px 8px}body.memo-has-rail .memo-rail button>span{display:none}body.memo-has-rail .memo-rail-brand{font-size:20px}body.memo-has-rail .page{margin-left:64px}.activity.memo-code-rail{width:48px!important;padding:12px 4px}.activity.memo-code-rail .memo-nav-label{display:none}.activity.memo-code-rail button{padding:8px;justify-content:center}}

:root[data-memo-appearance="black"]{--logo-violet:168,85,247;--logo-edge:color-mix(in srgb,var(--memo-glow,#a855f7) 22%,transparent);--logo-glow:color-mix(in srgb,var(--memo-glow,#a855f7) 10%,transparent);--logo-highlight:var(--memo-glow,#a855f7)}
:root[data-memo-appearance="black"] body{background:radial-gradient(ellipse at 72% 0%,color-mix(in srgb,var(--memo-glow,#a855f7) 18%,#000),#000 62%) fixed!important}
:root[data-memo-appearance="black"] body>main,:root[data-memo-appearance="black"] body>main>header{background:transparent!important}
:root[data-memo-appearance="black"] body.authRequired #signedOutLanding,:root[data-memo-appearance="black"] body.authRequired #authDialog,:root[data-memo-appearance="black"] body.authRequired #phoneAuthDialog{background:radial-gradient(ellipse at 72% 0%,color-mix(in srgb,var(--memo-glow,#a855f7) 18%,#000),#000 62%) fixed!important}
:root[data-memo-appearance="black"] body.authRequired #authDialog::backdrop,:root[data-memo-appearance="black"] body.authRequired #phoneAuthDialog::backdrop{background:#0000!important}
main>header>.breadcrumb{display:flex!important;align-items:center;gap:12px}
main>header>.breadcrumb .iconbutton{display:inline-flex!important;width:32px;height:36px;border-radius:7px;color:var(--text)}
main>header>.breadcrumb #collapseSidebar{display:none!important}
body.sidebarExpanded main>header>.breadcrumb #expandSidebar{display:none!important}
body.sidebarExpanded main>header>.breadcrumb #collapseSidebar{display:inline-flex!important}
#sidebar .sidebrand{height:42px!important}
#sidebar .nav{margin-top:32px!important}
@media(max-width:720px){main>header>.breadcrumb{z-index:60!important}body.sidebarExpanded main>header>.breadcrumb #collapseSidebar{display:inline-flex!important;position:fixed;left:min(calc(85vw - 48px),232px);top:10px;z-index:61}}