/* SubNao Workspace V9 "Living sky". Replaces subnao-workspace-v7.css + v8.css. No build step.
   Palette is drawn from the SubNao logo: navy wordmark ink, electric blue, and the cyan-blue-orchid ribbon.
   Shape rule: cards 20px, controls 12px, chips and toggles pill. One accent per page, swappable in Personalize. */

@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Tokens ---------- */
:root{
  --sn-font:"Geist","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Nirmala UI","Noto Sans Bengali",Roboto,Helvetica,Arial,sans-serif;
  --sn-bg:#f3f5f8;--sn-surface:#fff;--sn-surface-2:#f8f9fb;--sn-muted:#eef1f6;--sn-line:#e2e6ee;--sn-line-strong:#cdd3df;
  --sn-ink:#0b1437;--sn-ink-2:#48526e;--sn-ink-3:#646d88;
  --sn-accent:#2548e8;--sn-accent-strong:#1b39c9;--sn-accent-ink:#1b35b8;--sn-on-accent:#fff;
  --sn-primary-bg:#0b1437;--sn-primary-hover:#1a2656;--sn-primary-fg:#fff;
  --sn-success:#13795b;--sn-success-soft:#e5f5ee;--sn-warn:#9a5b06;--sn-warn-soft:#fdf1dc;--sn-danger:#b42318;--sn-danger-soft:#fdecea;
  --sn-brand-grad:linear-gradient(120deg,#1ed6f5 0%,#3b5bff 50%,#c43cf2 100%);
  --sn-shadow-sm:0 1px 2px rgb(11 20 55/.05);
  --sn-shadow-md:0 1px 2px rgb(11 20 55/.04),0 14px 34px -18px rgb(11 20 55/.28);
  --sn-shadow-lg:0 30px 90px -30px rgb(11 20 55/.45);
  --sn-r-card:20px;--sn-r-ctl:12px;--sn-sidebar-w:252px;
  --sn-ease:cubic-bezier(.22,1,.36,1);--sn-ease-in-out:cubic-bezier(.65,0,.35,1);
  color-scheme:light;
}
:root{--sn-accent-soft:#eaeeff;--sn-accent-line:#a9b7f6}
@supports (color:color-mix(in srgb,red 50%,blue)){:root{--sn-accent-soft:color-mix(in srgb,var(--sn-accent) 10%,#fff);--sn-accent-line:color-mix(in srgb,var(--sn-accent) 34%,#fff)}}
html[data-sn-accent=lagoon]{--sn-accent:#0b7f8a;--sn-accent-strong:#086670;--sn-accent-ink:#07656e}
html[data-sn-accent=orchid]{--sn-accent:#a12fc7;--sn-accent-strong:#8a22ad;--sn-accent-ink:#86219f}
html[data-sn-accent=ember]{--sn-accent:#b4460f;--sn-accent-strong:#96390b;--sn-accent-ink:#96390b}
html[data-sn-accent=forest]{--sn-accent:#1c7a4f;--sn-accent-strong:#15633f;--sn-accent-ink:#15633f}
html[data-sn-theme=dark]{
  --sn-bg:#070b1a;--sn-surface:#0d1328;--sn-surface-2:#111934;--sn-muted:#18213f;--sn-line:#222c4a;--sn-line-strong:#2f3b60;
  --sn-ink:#edf0fa;--sn-ink-2:#b1b9d3;--sn-ink-3:#8f99b7;
  --sn-accent:#96a8ff;--sn-accent-strong:#b6c3ff;--sn-accent-ink:#b6c3ff;--sn-on-accent:#0b1437;
  --sn-primary-bg:#eef1fb;--sn-primary-hover:#ffffff;--sn-primary-fg:#0b1437;
  --sn-success:#6ed7a3;--sn-success-soft:#10291f;--sn-warn:#f3c26b;--sn-warn-soft:#2c2210;--sn-danger:#ff9a90;--sn-danger-soft:#33151a;
  --sn-shadow-sm:0 1px 2px rgb(0 0 0/.3);--sn-shadow-md:0 1px 2px rgb(0 0 0/.3),0 18px 40px -20px rgb(0 0 0/.7);--sn-shadow-lg:0 30px 100px -30px rgb(0 0 0/.85);
  color-scheme:dark;
}
html[data-sn-theme=dark]{--sn-accent-soft:#1b2554;--sn-accent-line:#3b4a8e}
@supports (color:color-mix(in srgb,red 50%,blue)){html[data-sn-theme=dark]{--sn-accent-soft:color-mix(in srgb,var(--sn-accent) 16%,#0d1328);--sn-accent-line:color-mix(in srgb,var(--sn-accent) 40%,#0d1328)}}
html[data-sn-theme=dark][data-sn-accent=lagoon]{--sn-accent:#5ed3de;--sn-accent-strong:#8ce3ea;--sn-accent-ink:#8ce3ea}
html[data-sn-theme=dark][data-sn-accent=orchid]{--sn-accent:#e79cff;--sn-accent-strong:#f0bfff;--sn-accent-ink:#f0bfff}
html[data-sn-theme=dark][data-sn-accent=ember]{--sn-accent:#ff9c63;--sn-accent-strong:#ffba91;--sn-accent-ink:#ffba91}
html[data-sn-theme=dark][data-sn-accent=forest]{--sn-accent:#6ed7a3;--sn-accent-strong:#9be6c0;--sn-accent-ink:#9be6c0}

/* ---------- Base ---------- */
html{background:var(--sn-bg);scroll-behavior:smooth;scroll-padding-top:96px}
body.sn-v9{margin:0!important;background:var(--sn-bg)!important;color:var(--sn-ink)!important;font:400 15px/1.55 var(--sn-font)!important;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.sn-v9 *,.sn-v9 *::before,.sn-v9 *::after{box-sizing:border-box}
.sn-v9 h1,.sn-v9 h2,.sn-v9 h3,.sn-v9 p{color:inherit;font-family:inherit}
.sn-world-list,.sn-plan-list,.sn-journal-list{margin:0;padding:0;list-style:none}
.sn-v9 a{color:inherit;text-decoration:none}
.sn-v9 button,.sn-v9 input,.sn-v9 select,.sn-v9 textarea{font:inherit;color:inherit;letter-spacing:inherit}
.sn-v9 button{cursor:pointer;touch-action:manipulation}
.sn-v9 button:disabled{cursor:not-allowed;opacity:.5}
.sn-v9 button,.sn-v9 a,.sn-v9 label{-webkit-tap-highlight-color:transparent}
.sn-v9 [hidden]{display:none!important}
.sn-v9 :focus-visible{outline:2.5px solid var(--sn-accent);outline-offset:3px}
.sn-v9 ::selection{background:var(--sn-accent-soft);color:var(--sn-ink)}
.sn-v9 .sn-icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sn-v9 kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--sn-line);border-bottom-width:2px;border-radius:7px;background:var(--sn-surface);color:var(--sn-ink-2);font:500 12px/1 var(--sn-font);font-variant-numeric:tabular-nums}
.sn-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}
html:not(.sn-enhanced) .sn-js-only{display:none!important}
.sn-skip-link{position:fixed;z-index:1000;left:20px;top:-80px;padding:12px 20px;background:var(--sn-primary-bg);color:var(--sn-primary-fg)!important;border-radius:12px;font-weight:600}
.sn-skip-link:focus{top:12px}

/* ---------- Controls ---------- */
.sn-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--sn-r-ctl);background:transparent;color:var(--sn-ink-2);transition:background .16s,color .16s,transform .16s var(--sn-ease)}
.sn-icon-button:hover{background:var(--sn-muted);color:var(--sn-ink)}
.sn-icon-button:active{transform:scale(.94)}
.sn-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 18px;border:1px solid transparent;border-radius:var(--sn-r-ctl);font-size:14px;font-weight:600;line-height:1.3;letter-spacing:-.005em;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .18s var(--sn-ease),box-shadow .18s}
.sn-button .sn-icon{width:18px;height:18px}
.sn-button:active{transform:scale(.97)}
.sn-button-primary{background:var(--sn-primary-bg);color:var(--sn-primary-fg)!important;box-shadow:0 1px 0 rgb(255 255 255/.12) inset,0 8px 18px -10px rgb(11 20 55/.55)}
.sn-button-primary:hover{background:var(--sn-primary-hover)}
.sn-button-primary .sn-icon{transition:transform .2s var(--sn-ease)}
.sn-button-primary:hover .sn-icon:last-child{transform:translateX(2px)}
.sn-button-secondary{background:var(--sn-surface);border-color:var(--sn-line);color:var(--sn-ink)!important}
.sn-button-secondary:hover{border-color:var(--sn-line-strong);background:var(--sn-surface-2)}
.sn-text-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 2px;border:0;background:transparent;color:var(--sn-accent-ink)!important;font-size:13.5px!important;font-weight:600}
.sn-text-button .sn-icon{width:16px;height:16px}
.sn-text-button:hover{text-decoration:underline;text-underline-offset:3px}
.sn-danger-button{background:var(--sn-danger);color:#fff!important}
html[data-sn-theme=dark] .sn-danger-button{color:#2a0b0b!important}

/* ---------- Sidebar ---------- */
.sn-sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:var(--sn-sidebar-w);display:flex;flex-direction:column;background:var(--sn-surface);border-right:1px solid var(--sn-line);transition:width .24s var(--sn-ease),transform .28s var(--sn-ease)}
.sn-sidebar-header{height:76px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 16px 0 22px}
.sn-brand{display:flex;align-items:center;min-width:0;border-radius:10px}
.sn-brand>img{width:128px;height:auto;aspect-ratio:138/43;object-fit:contain}
.sn-brand-monogram{display:none;width:40px;height:44px;overflow:hidden}
.sn-brand-monogram img{height:44px;width:auto;max-width:none;object-fit:cover;object-position:0 50%}
html[data-sn-theme=dark] .sn-brand img{filter:invert(1) hue-rotate(180deg) saturate(1.25) brightness(1.08)}
.sn-sidebar-collapse{margin-left:auto}
.sn-member-chip{display:flex;align-items:center;gap:12px;margin:2px 16px 18px;padding:10px 12px;border:1px solid var(--sn-line);border-radius:16px;background:var(--sn-surface-2);min-width:0}
.sn-avatar{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--sn-surface);color:var(--sn-ink);font-weight:700;font-size:15px}
.sn-avatar::before{content:"";position:absolute;inset:-2px;border-radius:50%;padding:2px;background:var(--sn-brand-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.sn-member-chip div{min-width:0}
.sn-member-chip strong{display:block;font-size:14px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-member-chip small{display:block;font-size:12.5px;color:var(--sn-ink-3)}
.sn-navigation{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 12px 12px;scrollbar-width:thin}
.sn-nav-group+.sn-nav-group{margin-top:22px}
.sn-nav-section-label{display:block;margin:0 12px 8px;font-size:12px;font-weight:600;color:var(--sn-ink-3)}
.sn-nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;margin:2px 0;padding:10px 12px;border-radius:12px;font-size:14.5px;font-weight:500;color:var(--sn-ink-2)!important;white-space:nowrap;transition:background .16s,color .16s}
.sn-nav-item>.sn-icon{width:21px;height:21px;transition:transform .2s var(--sn-ease)}
.sn-nav-item:hover{background:var(--sn-muted);color:var(--sn-ink)!important}
.sn-nav-item:hover>.sn-icon{transform:translateX(1px)}
.sn-nav-item.is-active{background:var(--sn-accent-soft);color:var(--sn-accent-ink)!important;font-weight:620}
.sn-nav-item.is-active::before{content:"";position:absolute;left:-12px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--sn-accent)}
.sn-nav-count{margin-left:auto;min-width:24px;padding:0 7px;border-radius:999px;background:var(--sn-muted);color:var(--sn-ink-2);font-size:12px;font-weight:600;line-height:22px;text-align:center;font-variant-numeric:tabular-nums}
.sn-nav-item.is-active .sn-nav-count{background:var(--sn-surface);color:var(--sn-accent-ink)}
.sn-nav-external{margin-left:auto;display:inline-flex;color:var(--sn-ink-3);opacity:.7}.sn-nav-external .sn-icon{width:14px;height:14px}.sn-nav-item:hover .sn-nav-external{opacity:1}
.sn-sidebar-collapsed .sn-nav-external,.sn-sidebar-collapsed-preload .sn-nav-external{display:none}
.sn-sidebar-footer{padding:14px 12px 18px;border-top:1px solid var(--sn-line)}
.sn-sidebar-support{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;border-radius:14px}
.sn-sidebar-support:hover strong{color:var(--sn-accent-ink)}
.sn-sidebar-support-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:var(--sn-success-soft);color:var(--sn-success)}
.sn-sidebar-support strong{display:block;font-size:14px;font-weight:600}
.sn-sidebar-support small{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--sn-ink-3)}
.sn-sidebar-support small .sn-icon{width:12px;height:12px}
.sn-logout{font-size:14px}

/* ---------- Top bar ---------- */
.sn-workspace{margin-left:var(--sn-sidebar-w);min-width:0;transition:margin-left .24s var(--sn-ease)}
.sn-topbar{position:sticky;top:0;z-index:40;height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 32px;background:var(--sn-bg);background:color-mix(in srgb,var(--sn-bg) 82%,transparent);border-bottom:1px solid var(--sn-line);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
.sn-topbar-left,.sn-topbar-right{display:flex;align-items:center;gap:10px;min-width:0}
.sn-breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--sn-ink-3);min-width:0}
.sn-breadcrumb strong{font-weight:620;color:var(--sn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-command-trigger{display:flex;align-items:center;gap:10px;min-width:280px;min-height:42px;padding:6px 8px 6px 14px;border:1px solid var(--sn-line);border-radius:999px;background:var(--sn-surface);color:var(--sn-ink-3)!important;font-size:14px!important;text-align:left;transition:border-color .16s,box-shadow .16s}
.sn-command-trigger:hover{border-color:var(--sn-accent-line);box-shadow:0 0 0 4px var(--sn-accent-soft)}
.sn-command-trigger .sn-icon{width:18px;height:18px}
.sn-command-trigger kbd{margin-left:auto}
.sn-header-clock{padding:0 8px 0 14px;border-left:1px solid var(--sn-line);min-width:92px}
.sn-header-clock strong{display:block;font-size:14px;font-weight:620;font-variant-numeric:tabular-nums}
.sn-header-clock span{display:block;font-size:12px;color:var(--sn-ink-3)}
.sn-header-divider{width:1px;height:24px;background:var(--sn-line);margin:0 2px}
.sn-theme-toggle .sn-sun{display:none!important}html[data-sn-theme=dark] .sn-theme-toggle .sn-sun{display:inline-block!important}html[data-sn-theme=dark] .sn-theme-toggle .sn-moon{display:none!important}
.sn-theme-toggle .sn-icon{transition:transform .35s var(--sn-ease)}
.sn-theme-toggle:hover .sn-icon{transform:rotate(-14deg)}
.sn-mobile-menu,.sn-mobile-close{display:none}
.sn-mobile-backdrop{position:fixed;inset:0;z-index:55;background:rgb(7 11 26/.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

/* ---------- Content ---------- */
.sn-content{max-width:1680px;margin:0 auto;padding:28px 32px 32px}
.sn-content:focus{outline:none}
.sn-dashboard{min-width:0}

/* ---------- Hero: living sky ---------- */
.sn-hero{position:relative;isolation:isolate;overflow:hidden;min-height:380px;padding:36px 40px 32px;border-radius:28px;background:#9cc8f4;container-type:inline-size;box-shadow:0 1px 0 rgb(255 255 255/.4) inset,var(--sn-shadow-md);color:var(--sn-scene-ink,#0b1437)}
.sn-hero.sn-sky-off{background:linear-gradient(120deg,#e9eeff,#f5f7ff 55%,#eef9fb);color:var(--sn-ink);min-height:0}
html[data-sn-theme=dark] .sn-hero.sn-sky-off{background:linear-gradient(120deg,#111a3c,#0d1328 60%,#0f2230)}
.sn-hero.sn-sky-off{--sn-scene-ink:var(--sn-ink);--sn-scene-btn:var(--sn-primary-bg);--sn-scene-btn-fg:var(--sn-primary-fg);--sn-scene-glass:var(--sn-surface);--sn-scene-glass-line:var(--sn-line);--sn-scene-glass-hover:var(--sn-surface-2);--sn-scene-shadow:none}
.sn-hero-copy{position:relative;z-index:6;max-width:min(560px,58%);display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}
.sn-hero-copy>*{pointer-events:auto;max-width:100%}
.sn-hero-actions,.sn-sky-controls{pointer-events:none}.sn-hero-actions>*,.sn-sky-controls>*{pointer-events:auto}
.sn-hero-greeting{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.35!important;color:inherit!important;margin:0!important;text-shadow:var(--sn-scene-shadow,none)}
.sn-hero-clock{display:flex;align-items:baseline;gap:10px;margin:6px 0 2px!important;font-weight:300;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-shadow:var(--sn-scene-shadow,none)}
.sn-hero-clock time{font-size:76px;font-size:clamp(56px,7.2cqw,88px);font-weight:300}
.sn-hero-clock span{font-size:22px;font-size:clamp(18px,1.8cqw,24px);font-weight:500;letter-spacing:0;opacity:.8}
.sn-hero-line{margin:10px 0 0!important;font-size:18px;font-weight:500;letter-spacing:-.01em;max-width:34ch;text-shadow:var(--sn-scene-shadow,none)}
.sn-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:8px 0 0!important;font-size:14px;font-weight:500;opacity:.86}
.sn-hero-sun{display:inline-flex;align-items:center;gap:6px}
.sn-hero-sun .sn-icon{width:17px;height:17px}
.sn-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.sn-hero .sn-button-primary{background:var(--sn-scene-btn,#0b1437);color:var(--sn-scene-btn-fg,#fff)!important}
.sn-hero .sn-button-primary:hover{filter:brightness(1.12)}
.sn-button-glass{background:var(--sn-scene-glass,rgb(255 255 255/.55));border-color:var(--sn-scene-glass-line,rgb(255 255 255/.7));color:inherit!important;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4)}
.sn-button-glass:hover{background:var(--sn-scene-glass-hover,rgb(255 255 255/.72))}
.sn-hero[data-sn-ink=light]{--sn-scene-ink:#f5f7ff;--sn-scene-btn:#f5f7ff;--sn-scene-btn-fg:#0b1437;--sn-scene-glass:rgb(12 18 48/.42);--sn-scene-glass-line:rgb(255 255 255/.22);--sn-scene-glass-hover:rgb(12 18 48/.6);--sn-scene-shadow:0 1px 18px rgb(4 8 30/.45)}
.sn-hero[data-sn-ink=dark]{--sn-scene-ink:#0b1437;--sn-scene-shadow:0 1px 16px rgb(255 255 255/.35)}
.sn-sky-controls{position:absolute;z-index:7;top:18px;right:18px;display:flex;gap:8px;align-items:center}
.sn-sky-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--sn-scene-glass-line,rgb(255 255 255/.7));border-radius:999px;background:var(--sn-scene-glass,rgb(255 255 255/.55));color:inherit;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);transition:background .18s,transform .18s var(--sn-ease)}
.sn-sky-chip:hover{background:var(--sn-scene-glass-hover,rgb(255 255 255/.72))}
.sn-sky-chip:active{transform:scale(.96)}
.sn-sky-chip .sn-icon{width:17px;height:17px}
.sn-sky-chip select{appearance:none;-webkit-appearance:none;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit;font-weight:600;padding:0 2px!important;height:36px;cursor:pointer;outline-offset:2px}
.sn-sky-chip select option{color:#0b1437;background:#fff}
.sn-sky-select:focus-within{outline:2.5px solid var(--sn-accent);outline-offset:2px}
.sn-sky-icon{width:38px;padding:0;justify-content:center}
.sn-sky-play-icon{display:none!important}
.sn-sky-hero.is-paused .sn-sky-play-icon{display:inline-block!important}
.sn-sky-hero.is-paused .sn-sky-pause-icon{display:none!important}
#snJournalOpen span:first-of-type{font-variant-numeric:tabular-nums}
#snJournalOpen.is-new{animation:sn-chip-pop .7s var(--sn-ease)}
@keyframes sn-chip-pop{0%{transform:scale(1)}35%{transform:scale(1.12)}100%{transform:scale(1)}}

/* Scene layers */
.sn-sky{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.sn-sky>*{position:absolute}
.sn-sky-hero{
  --sn-sky-1:#4f95ee;--sn-sky-2:#93c3f5;--sn-sky-3:#ddeefc;
  --sn-far-1:#9fb6da;--sn-far-1b:#b7c8e2;--sn-far-2:#7c98c2;--sn-far-2b:#8fa7cb;--sn-snow:#f4f8ff;
  --sn-hill-1:#69a36e;--sn-hill-2:#4b8a5b;--sn-tea:#8cc27f;--sn-tree:#3c6b4a;
  --sn-bank-1:#86a861;--sn-bank-2:#6a8c4e;--sn-road:#dcc7a2;--sn-road-edge:#b59f7c;
  --sn-water-1:#8cc3ec;--sn-water-2:#4f8fc8;--sn-water-hi:#e8f6ff;
  --sn-wall:#efe0c4;--sn-roof:#b8614e;--sn-roof-face:#cf7a63;--sn-leaf:#3e8150;--sn-trunk:#7e6752;--sn-hay:#ddbf6e;
  --sn-cloud:#fff;--sn-cloud-shade:#e3ecf7;--sn-cloud-o:.92;--sn-star-o:0;--sn-window:#8a7258;--sn-window-o:0;--sn-mist-o:0;
  --sn-sun-core:#fff6d8;--sn-sun-glow:rgb(255 236 170/.5);--sn-figure:#1f2a44;--sn-scrim:rgb(255 255 255/.28);
  background:var(--sn-sky-1);
}
.sn-sky-hero[data-sn-phase=night],.sn-sky-hero[data-sn-phase=dusk]{--sn-sky-1:#060b22;--sn-sky-2:#0d1840;--sn-sky-3:#1d2a5c;--sn-far-1:#16204a;--sn-far-1b:#1b2753;--sn-far-2:#111a3d;--sn-far-2b:#152046;--sn-snow:#2a3564;--sn-hill-1:#0f1836;--sn-hill-2:#0b1330;--sn-tea:#16224a;--sn-tree:#0a1128;--sn-bank-1:#0d152f;--sn-bank-2:#0a1128;--sn-road:#1a2447;--sn-road-edge:#121a38;--sn-water-1:#111c44;--sn-water-2:#0a1230;--sn-water-hi:#3a4c8a;--sn-wall:#1a2140;--sn-roof:#232c52;--sn-roof-face:#1e2748;--sn-leaf:#070d22;--sn-trunk:#0b1128;--sn-hay:#141b3a;--sn-cloud:#3a4675;--sn-cloud-shade:#2a3460;--sn-cloud-o:.38;--sn-star-o:1;--sn-window:#ffc96b;--sn-window-o:1;--sn-sun-core:#fff;--sn-figure:#050a1e;--sn-scrim:rgb(6 11 34/.32)}
.sn-sky-hero[data-sn-phase=dusk]{--sn-sky-1:#253a86;--sn-sky-2:#7a5aa6;--sn-sky-3:#f08a6e;--sn-far-1:#5b4e86;--sn-far-1b:#6c5a8e;--sn-far-2:#3d3a70;--sn-far-2b:#463f76;--sn-cloud:#e8a0a0;--sn-cloud-o:.8;--sn-star-o:.2;--sn-water-1:#c07c8e;--sn-water-2:#3a3a72}
.sn-sky-hero[data-sn-phase=dawn]{--sn-sky-1:#2e4a92;--sn-sky-2:#8c7bbe;--sn-sky-3:#f6a8a0;--sn-far-1:#6a6a9e;--sn-far-1b:#7c76a6;--sn-far-2:#4a4c82;--sn-far-2b:#545588;--sn-hill-1:#2b3563;--sn-hill-2:#1f2850;--sn-tea:#38457a;--sn-tree:#1a2046;--sn-bank-1:#262f5a;--sn-bank-2:#1d244a;--sn-road:#4a4a7c;--sn-water-1:#b99abf;--sn-water-2:#3a3a72;--sn-cloud:#edb8c4;--sn-cloud-o:.85;--sn-star-o:.15;--sn-leaf:#1a1c44;--sn-trunk:#1a1c44;--sn-hay:#3a3a66;--sn-wall:#4a4570;--sn-roof:#5a5282;--sn-roof-face:#4e4878;--sn-window:#ffc96b;--sn-window-o:1;--sn-figure:#141a3c}
.sn-sky-hero[data-sn-phase=golden]{--sn-sky-1:#4d86da;--sn-sky-2:#9cc0ea;--sn-sky-3:#ffd49a;--sn-far-1:#94a6cb;--sn-far-1b:#aeb9d4;--sn-far-2:#6f87ae;--sn-far-2b:#8193b6;--sn-hill-1:#6e9a6a;--sn-hill-2:#4c7a58;--sn-tea:#8db27a;--sn-tree:#3a5a44;--sn-bank-1:#7f955e;--sn-bank-2:#5f7648;--sn-road:#d9b48a;--sn-water-1:#9ec4e4;--sn-water-2:#5c88b6;--sn-cloud:#fff4e2;--sn-sun-core:#ffe08a;--sn-sun-glow:rgb(255 200 110/.5)}
.sn-sky-grad{inset:0;background:linear-gradient(180deg,var(--sn-sky-1) 0%,var(--sn-sky-2) 58%,var(--sn-sky-3) 100%)}
.sn-sky-stars{inset:0 0 30% 0;width:100%;height:70%;opacity:var(--sn-star-o)}
.sn-star{fill:#fff}
.sn-sky-hero.has-stars .sn-star.is-twinkle{animation:sn-twinkle 4.8s ease-in-out infinite}
@keyframes sn-twinkle{0%,100%{opacity:1}50%{opacity:.25}}
.sn-sky-arc{inset:0;width:100%;height:100%;overflow:visible;opacity:.5}
.sn-sky-arc #snSkyArcPath{fill:none!important;stroke:var(--sn-scene-ink,#0b1437);stroke-opacity:.34;stroke-width:1.4;stroke-dasharray:2 7;stroke-linecap:round}
.sn-sky-arc text{fill:var(--sn-scene-ink,#0b1437);font:600 12px var(--sn-font);letter-spacing:.01em;opacity:.8}
.sn-sky-sunglow{left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(circle,var(--sn-sun-glow) 0%,transparent 62%);will-change:transform;opacity:var(--sn-sun-o,1)}
.sn-sky-sun{left:0;top:0;width:var(--sn-sun-size,56px);height:var(--sn-sun-size,56px);margin:calc(var(--sn-sun-size,56px)/-2) 0 0 calc(var(--sn-sun-size,56px)/-2);border-radius:50%;background:radial-gradient(circle at 42% 38%,#fff 0 18%,var(--sn-sun-core) 48%,var(--sn-sun-core) 70%,transparent 72%);box-shadow:0 0 38px 10px var(--sn-sun-glow);will-change:transform;opacity:var(--sn-sun-o,1)}
.sn-sky-sun i{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,transparent 58%,var(--sn-sun-glow) 64%,transparent 72%);opacity:.6}
.sn-sky-moon{left:0;top:0;width:46px;height:46px;margin:-23px 0 0 -23px;opacity:var(--sn-moon-o,0);will-change:transform;filter:drop-shadow(0 0 14px rgb(225 233 255/.45))}
.sn-sky-moon svg{display:block;width:100%;height:100%;overflow:visible}
.sn-moon-dark{fill:#0e1840;opacity:.55}
.sn-moon-lit{fill:#f5f2e6}
.sn-moon-crater{fill:#dcd6c2;opacity:.7}
.sn-clouds{inset:0 0 34% 0}
.sn-cloud{position:absolute;left:-260px;width:220px;height:70px;opacity:var(--sn-cloud-o);animation:sn-cloud-drift 260s linear infinite;will-change:transform}
.sn-cloud path{fill:var(--sn-cloud)}
.sn-cloud .sn-cloud-shade{fill:var(--sn-cloud-shade)}
.sn-cloud-a{top:12%;animation-duration:290s;animation-delay:-96s}
.sn-cloud-b{top:26%;width:170px;height:54px;animation-duration:240s;animation-delay:-150s;opacity:calc(var(--sn-cloud-o) * .85)}
.sn-cloud-c{top:6%;width:140px;height:45px;animation-duration:330s;animation-delay:-40s;opacity:calc(var(--sn-cloud-o) * .7)}
.sn-cloud-d{top:34%;width:120px;height:38px;animation-duration:210s;animation-delay:-190s;opacity:calc(var(--sn-cloud-o) * .75)}
@keyframes sn-cloud-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(100cqw + 520px),0,0)}}
@supports not (width:1cqw){@keyframes sn-cloud-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(1900px,0,0)}}}
.sn-sky-weather,.sn-sky-actors{inset:0;width:100%;height:100%;overflow:visible}
.sn-land{left:0;right:0;bottom:0;width:100%;height:clamp(200px,74%,300px)}
.sn-far-1{transition:none}
.sn-far-snow{fill:var(--sn-snow);opacity:.75}
.sn-mist ellipse{fill:#fff;opacity:var(--sn-mist-o);filter:blur(6px)}
.sn-mist{display:none}.sn-sky-hero.has-mist .sn-mist{display:inline;animation:sn-mist 30s ease-in-out infinite alternate}
@keyframes sn-mist{from{transform:translateX(-18px)}to{transform:translateX(18px)}}
.sn-tea-rows path{fill:none;stroke:var(--sn-tea);stroke-width:6;stroke-linecap:round;stroke-dasharray:14 5;opacity:.9}
.sn-shade-trees path{fill:none;stroke:var(--sn-trunk);stroke-width:2.4;stroke-linecap:round}
.sn-shade-trees ellipse{fill:var(--sn-tree)}
.sn-pole{fill:none;stroke:var(--sn-trunk);stroke-width:3;stroke-linecap:round}
.sn-wire-line{fill:none;stroke:var(--sn-trunk);stroke-width:1.1;opacity:.65}
.sn-haystack path:first-child{fill:var(--sn-hay)}
.sn-hay-line{fill:none;stroke:var(--sn-trunk);stroke-width:1.2;opacity:.35}
.sn-hay-pole{fill:none;stroke:var(--sn-trunk);stroke-width:2.4;stroke-linecap:round}
.sn-banana path:not(.sn-trunk){fill:var(--sn-leaf)}
.sn-banana .sn-trunk{fill:none;stroke:var(--sn-leaf);stroke-width:4;stroke-linecap:round}
.sn-hut-plinth{fill:var(--sn-road-edge)}
.sn-hut-wall{fill:var(--sn-wall)}
.sn-hut-roof{fill:var(--sn-roof)}
.sn-hut-roof-face{fill:var(--sn-roof-face)}
.sn-hut-roof-lines{fill:none;stroke:var(--sn-roof);stroke-width:1.2;opacity:.55}
.sn-hut-door{fill:var(--sn-trunk);opacity:.85}
.sn-hut-window{fill:var(--sn-window);transition:fill 1.2s}
.sn-hut-bars{fill:none;stroke:var(--sn-trunk);stroke-width:1.2}
.sn-hut-glow{opacity:var(--sn-window-o);transition:opacity 1.2s;mix-blend-mode:screen}
.sn-smoke circle{fill:#fff;opacity:0}
.sn-sky-hero.has-smoke .sn-smoke circle{animation:sn-smoke 7s ease-out infinite}
.sn-smoke circle:nth-child(2){animation-delay:-2.3s!important}
.sn-smoke circle:nth-child(3){animation-delay:-4.6s!important}
@keyframes sn-smoke{0%{opacity:0;transform:translate(0,14px) scale(.6)}25%{opacity:.34}100%{opacity:0;transform:translate(10px,-26px) scale(1.7)}}
.sn-smoke{transform-box:fill-box}
.sn-flag,.sn-lights{display:none}
.sn-sky-hero.has-flag .sn-flag,.sn-sky-hero.has-lights .sn-lights{display:inline}
.sn-flag-pole{fill:none;stroke:var(--sn-trunk);stroke-width:1.6}
.sn-flag-green{fill:#006a4e}.sn-flag-red{fill:#f42a41}
.sn-flag rect,.sn-flag circle{transform-box:fill-box;transform-origin:0 50%;animation:sn-flag 2.6s ease-in-out infinite}
@keyframes sn-flag{0%,100%{transform:skewY(0)}50%{transform:skewY(-5deg)}}
.sn-lights-wire{fill:none;stroke:var(--sn-trunk);stroke-width:.8}
.sn-lights circle{fill:#ffd36b;filter:drop-shadow(0 0 3px #ffc14a)}
.sn-lights circle:nth-of-type(3n){fill:#ff8fb1}.sn-lights circle:nth-of-type(3n+1){fill:#8fe3ff}
.sn-sky-hero.has-lights .sn-lights circle{animation:sn-bulb 2.4s ease-in-out infinite}
.sn-lights circle:nth-of-type(2n){animation-delay:-1.2s!important}
@keyframes sn-bulb{0%,100%{opacity:1}50%{opacity:.35}}
.sn-palm-trunk{fill:var(--sn-trunk)}
.sn-palm-crown path{fill:var(--sn-leaf)}
.sn-palm-nut{fill:var(--sn-trunk)}
.sn-palm-crown{animation:sn-sway 6.5s ease-in-out infinite}
.sn-palm-b .sn-palm-crown{animation-duration:7.7s;animation-delay:-2s}
@keyframes sn-sway{0%,100%{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}
.sn-road{fill:none;stroke:var(--sn-road);stroke-width:9;stroke-linecap:round}
.sn-road-edge{fill:none;stroke:var(--sn-road-edge);stroke-width:2;opacity:.8}
.sn-river-shimmer path{fill:none;stroke:var(--sn-water-hi);stroke-width:2;stroke-linecap:round;opacity:.55;stroke-dasharray:12 18;animation:sn-shimmer 9s ease-in-out infinite}
.sn-river-shimmer path:nth-child(2n){animation-duration:13s;animation-direction:reverse;opacity:.4}
@keyframes sn-shimmer{0%,100%{transform:translateX(0);opacity:.55}50%{transform:translateX(-16px);opacity:.25}}
.sn-reflection{opacity:var(--sn-reflect-o,.35)}.sn-reflection path{fill:none;stroke:var(--sn-sun-core);stroke-width:2.4;stroke-linecap:round;animation:sn-glint 3.2s ease-in-out infinite}@keyframes sn-glint{0%,100%{opacity:1;transform:translateX(0)}50%{opacity:.55;transform:translateX(2px)}}
.sn-boat{opacity:0;transition:opacity 1.6s}
.sn-boat.is-active{opacity:1}
.sn-boat-hull{fill:var(--sn-figure)}
.sn-boat-roof{fill:var(--sn-roof)}
.sn-boat-mast,.sn-boat-man{fill:none;stroke:var(--sn-figure);stroke-width:1.8;stroke-linecap:round}
.sn-boat-sail{fill:var(--sn-wall);opacity:.95}
.sn-boat-shadow{fill:none;stroke:var(--sn-water-2);stroke-width:2;opacity:.5}
.sn-boat-glow{opacity:0;transition:opacity 1.2s}
.sn-boat.has-lamp .sn-boat-glow{opacity:.9}
.sn-reeds{fill:none;stroke:var(--sn-leaf);stroke-width:2.4;stroke-linecap:round;opacity:.9}
.sn-firefly{fill:#e8ff8a;filter:drop-shadow(0 0 4px #d4ff5a)}
.sn-cyclist{opacity:0;transition:opacity .8s}
.sn-cyclist.is-active{opacity:1}
.sn-cy-wheel circle{fill:none;stroke:var(--sn-figure);stroke-width:1.7}
.sn-cy-spokes path{fill:none;stroke:var(--sn-figure);stroke-width:.6;opacity:.7}
.sn-cy-frame,.sn-cy-leg,.sn-cy-leg-back,.sn-cy-arm{fill:none;stroke:var(--sn-figure);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sn-cy-leg-back{opacity:.75}
.sn-cy-dress,.sn-cy-head,.sn-cy-hair{fill:var(--sn-figure)}
.sn-cy-basket{fill:none;stroke:var(--sn-figure);stroke-width:1.4}
.sn-cy-flower{fill:#ff7aa8}.sn-cy-flower-b{fill:#ffd36b}
.sn-cy-scarf{fill:none;stroke:#e0457b;stroke-width:2.6;stroke-linecap:round}
.sn-cy-lamp{fill:#ffe9a8;opacity:0}
.sn-cy-beam{opacity:0}
.sn-cy-beam path{fill:url(#snWarmGlow)}
.sn-cyclist.has-lamp .sn-cy-lamp{opacity:1}
.sn-cyclist.has-lamp .sn-cy-beam{opacity:.55}
.sn-sky-scrim{inset:0;z-index:1;background:radial-gradient(120% 90% at 0% 22%,var(--sn-scrim) 0%,transparent 58%)}
.sn-sky-hero[data-sn-ink=light] .sn-sky-arc path{stroke:#fff}
.sn-sky-hero[data-sn-ink=light] .sn-sky-arc text{fill:#fff}
.sn-sky-hero[data-sn-ink=light] .sn-sky-arc{opacity:.38}
html[data-sn-theme=dark] .sn-sky-hero .sn-sky::after{content:"";position:absolute;inset:0;background:rgb(6 10 30/var(--sn-dim,.1));pointer-events:none}
.sn-sky-hero.is-scrubbing{cursor:grabbing}
.sn-sky-hero.is-scrubbing .sn-sky-arc{opacity:.9}
.sn-sun-handle{position:absolute;z-index:5;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;cursor:grab;touch-action:none;background:transparent;border:0;padding:0}
.sn-sun-handle:focus-visible{outline:2.5px solid #fff;outline-offset:2px}
.sn-sky-tip{position:absolute;z-index:8;padding:8px 12px;border-radius:12px;background:rgb(11 20 55/.86);color:#fff;font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));opacity:0;transition:opacity .18s}
.sn-sky-tip.is-on{opacity:1}
.sn-sky-tip strong{display:block;font-weight:650}
/* Sky actors drawn by JS */
.sn-bird{fill:none;stroke:var(--sn-bird,#1f2a44);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sn-kite-string{fill:none;stroke:var(--sn-scene-ink,#0b1437);stroke-opacity:.38;stroke-width:.9}
.sn-kite-tail{fill:none;stroke-width:1.4;stroke-linecap:round}
.sn-contrail{fill:none;stroke:#fff;stroke-linecap:round}
.sn-rain line{stroke:#dbe8ff;stroke-width:1.1;stroke-linecap:round;opacity:.55}
.sn-rainbow{mix-blend-mode:screen}

/* ---------- Living sky: late additions ---------- */
.sn-sun-handle{left:0;top:0}
html:not(.sn-enhanced) .sn-sky *{animation:none!important}
html:not(.sn-enhanced) .sn-cloud-a{left:10%}html:not(.sn-enhanced) .sn-cloud-b{left:46%}html:not(.sn-enhanced) .sn-cloud-c{left:66%}html:not(.sn-enhanced) .sn-cloud-d{left:28%}
html:not(.sn-enhanced) .sn-sky-sun{left:74%;top:30%}
html:not(.sn-enhanced) .sn-sky-sunglow{left:74%;top:30%}
html:not(.sn-enhanced) .sn-sky-arc{display:none}
.sn-sun-handle[hidden]{display:none}
.sn-arc-tick{fill:var(--sn-scene-ink,#0b1437);opacity:.5}
.sn-sky-hero[data-sn-ink=light] .sn-arc-tick{fill:#fff}
.sn-hero-sun .sn-ic-rise,.sn-hero-sun.is-rise .sn-ic-set{display:none!important}
.sn-hero-sun.is-rise .sn-ic-rise{display:inline-block!important}
.sn-fireflies{display:none}
.sn-sky-hero.has-fireflies .sn-fireflies{display:inline}
.sn-firefly{animation:sn-ff-move-a 8s ease-in-out infinite alternate,sn-ff-blink 2.4s ease-in-out infinite}
.sn-firefly.sn-ff-1{animation-name:sn-ff-move-b,sn-ff-blink}
.sn-firefly.sn-ff-2{animation-name:sn-ff-move-c,sn-ff-blink}
@keyframes sn-ff-move-a{from{transform:translate(0,0)}50%{transform:translate(14px,-8px)}to{transform:translate(-6px,-16px)}}
@keyframes sn-ff-move-b{from{transform:translate(0,0)}50%{transform:translate(-12px,-10px)}to{transform:translate(8px,-4px)}}
@keyframes sn-ff-move-c{from{transform:translate(0,0)}50%{transform:translate(6px,10px)}to{transform:translate(-14px,2px)}}
@keyframes sn-ff-blink{0%,100%{opacity:.15}50%{opacity:1}}
.sn-sky-hero.is-offscreen .sn-sky *{animation-play-state:paused!important}
.sn-sky-hero.is-focus .sn-sky-arc{opacity:.3}
.sn-kite-tail{stroke-opacity:.9}

/* ---------- Overview stats ---------- */
.sn-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0 34px}
html:not(.sn-clock-ready) .sn-hero-clock{display:none}
.sn-stat{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:16px 18px;border:1px solid var(--sn-line);border-radius:var(--sn-r-card);background:var(--sn-surface);box-shadow:var(--sn-shadow-sm)}
.sn-stat>div{min-width:0}
.sn-stat strong{display:block;font-size:16.5px;font-weight:640;letter-spacing:-.01em;line-height:1.3;font-variant-numeric:tabular-nums}
.sn-stat div>span{display:block;margin-top:2px;font-size:13.5px;color:var(--sn-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-stat-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:var(--sn-accent-soft);color:var(--sn-accent-ink)}
.sn-stat-icon .sn-icon{width:23px;height:23px}
.sn-stat:nth-child(2) .sn-stat-icon{background:var(--sn-success-soft);color:var(--sn-success)}
.sn-stat-focus .sn-stat-icon{background:#fff0e6;color:#c2410c}
html[data-sn-theme=dark] .sn-stat-focus .sn-stat-icon{background:#2e1a10;color:#ffae7a}
.sn-stat-expiry{transition:border-color .18s,transform .18s var(--sn-ease),box-shadow .18s}
.sn-stat-expiry:hover{border-color:var(--sn-accent-line);transform:translateY(-1px);box-shadow:var(--sn-shadow-md)}
.sn-stat-expiry>.sn-icon:last-child{margin-left:auto;width:18px;height:18px;color:var(--sn-ink-3)}
.sn-stat-expiry.is-soon{border-color:var(--sn-warn);border-color:color-mix(in srgb,var(--sn-warn) 45%,var(--sn-line));background:linear-gradient(0deg,var(--sn-warn-soft),var(--sn-warn-soft)) padding-box}
.sn-stat-expiry.is-soon .sn-stat-icon{background:var(--sn-surface);color:var(--sn-warn)}
.sn-stat-expiry.is-soon strong{color:var(--sn-warn)}

/* ---------- Main columns ---------- */
.sn-dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.sn-main-column{min-width:0}
.sn-productivity{display:flex;flex-direction:column;gap:16px;min-width:0}
.sn-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.sn-section-heading h2{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:650;letter-spacing:-.02em;line-height:1.25}
.sn-section-heading p{margin:4px 0 0;font-size:14px;color:var(--sn-ink-3)}
.sn-section-heading>span{font-size:13.5px;color:var(--sn-ink-3)}
.sn-count-badge{display:inline-grid;place-items:center;min-width:30px;height:26px;padding:0 9px;border-radius:999px;background:var(--sn-muted);color:var(--sn-ink-2);font-size:13px;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}
.sn-view-toggle{display:flex;gap:2px;padding:3px;border:1px solid var(--sn-line);border-radius:14px;background:var(--sn-surface)}
.sn-view-toggle .sn-icon-button{width:36px;height:34px;border-radius:10px}
.sn-view-toggle .sn-icon{width:18px;height:18px}
.sn-view-toggle .is-active{background:var(--sn-accent-soft);color:var(--sn-accent-ink)}

/* Quick launch dock */
.sn-quick-section{margin-bottom:30px}
.sn-quick-section .sn-section-heading{margin-bottom:12px}
.sn-quick-section .sn-section-heading h2{font-size:17px;font-weight:640}
.sn-quick-grid{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.sn-quick-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 108px;min-width:0;padding:14px 8px 12px;border:1px solid var(--sn-line);border-radius:18px;background:var(--sn-surface);scroll-snap-align:start;transition:transform .18s var(--sn-ease),border-color .18s,box-shadow .18s}
.sn-quick-link:hover{transform:translateY(-2px);border-color:var(--sn-accent-line);box-shadow:var(--sn-shadow-md)}
.sn-quick-link:active{transform:scale(.97)}
.sn-quick-link .sn-tool-logo{width:48px;height:48px;flex-basis:48px;border-radius:14px}
.sn-quick-link .sn-tool-fallback{font-size:22px}
.sn-quick-copy{display:block;width:100%;min-width:0;text-align:center}
.sn-quick-copy strong{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-quick-copy small{display:block;font-size:12px;color:var(--sn-ink-3)}
.sn-quick-link>.sn-icon{position:absolute;top:8px;right:8px;width:14px;height:14px;color:var(--sn-ink-3);opacity:0;transition:opacity .16s}
.sn-quick-link:hover>.sn-icon{opacity:1}
.sn-quick-link.is-favorite::after{content:"";position:absolute;top:10px;left:10px;width:7px;height:7px;border-radius:50%;background:#e6a100}

/* Toolbar */
.sn-tool-toolbar{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.sn-tool-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:46px;margin:0;padding:0 8px 0 14px;border:1px solid var(--sn-line);border-radius:14px;background:var(--sn-surface);transition:border-color .16s,box-shadow .16s}
.sn-tool-search>.sn-icon{width:19px;height:19px;color:var(--sn-ink-3)}
.sn-tool-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:10px 0!important;color:var(--sn-ink)!important;font-size:15px!important}
.sn-tool-search input::placeholder{color:var(--sn-ink-3);opacity:1}
.sn-tool-search input::-webkit-search-cancel-button{display:none}
.sn-tool-search:focus-within{border-color:var(--sn-accent);box-shadow:0 0 0 4px var(--sn-accent-soft)}
.sn-tool-search:focus-within .sn-kbd-hint{opacity:0}
.sn-kbd-hint{transition:opacity .16s}
.sn-tool-search .sn-icon-button{width:32px;height:32px}
.sn-sort{margin:0}
.sn-sort select{height:46px;max-width:180px;padding:0 34px 0 14px;border:1px solid var(--sn-line);border-radius:14px;background:var(--sn-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23646d88' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px;color:var(--sn-ink);font-size:14px!important;appearance:none;-webkit-appearance:none}
.sn-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sn-filter{min-height:38px;padding:7px 15px;border:1px solid var(--sn-line);border-radius:999px;background:var(--sn-surface);color:var(--sn-ink-2)!important;font-size:14px!important;font-weight:500;white-space:nowrap;transition:background .16s,border-color .16s,color .16s}
.sn-filter:hover{border-color:var(--sn-line-strong);color:var(--sn-ink)!important}
.sn-filter.is-active{background:var(--sn-primary-bg);border-color:var(--sn-primary-bg);color:var(--sn-primary-fg)!important;font-weight:600}
.sn-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin:0 2px 10px;font-size:13px;color:var(--sn-ink-3)}

/* Tool cards */
.sn-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.sn-tool-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:236px;padding:18px 18px 14px;border:1px solid var(--sn-line);border-radius:var(--sn-r-card);background:var(--sn-surface);box-shadow:var(--sn-shadow-sm);transition:transform .22s var(--sn-ease),box-shadow .22s,border-color .22s}
.sn-tool-card:hover{transform:translateY(-3px);border-color:var(--sn-line-strong);box-shadow:var(--sn-shadow-md)}
.sn-tool-card:focus-within{border-color:var(--sn-accent-line)}
.sn-tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.sn-tool-logo{position:relative;flex:0 0 58px;width:58px;height:58px;overflow:hidden;border-radius:17px;background:var(--sn-muted);box-shadow:inset 0 0 0 1px rgb(11 20 55/.06)}
.sn-tool-logo img{position:absolute;inset:0;width:100%;height:100%;padding:7px;object-fit:contain;background:#fff}
.sn-tool-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:27px;font-weight:700;letter-spacing:-.02em;color:#fff;background:linear-gradient(140deg,#475569,#64748b);text-shadow:0 1px 2px rgb(0 0 0/.18)}
.sn-tool-logo[data-category=ai] .sn-tool-fallback{background:linear-gradient(140deg,#2548e8,#0b8fd9)}
.sn-tool-logo[data-category=writing] .sn-tool-fallback{background:linear-gradient(140deg,#0f8a74,#16a34a)}
.sn-tool-logo[data-category=design] .sn-tool-fallback{background:linear-gradient(140deg,#a12fc7,#db2777)}
.sn-tool-logo[data-category=video] .sn-tool-fallback{background:linear-gradient(140deg,#c2410c,#e11d48)}
.sn-tool-logo[data-category=research] .sn-tool-fallback{background:linear-gradient(140deg,#0369a1,#4f46e5)}
.sn-tool-logo[data-category=productivity] .sn-tool-fallback{background:linear-gradient(140deg,#1e293b,#475569)}
.sn-favorite{width:40px;height:40px;margin:-8px -8px 0 0;color:var(--sn-ink-3)}
.sn-favorite .sn-icon{width:21px;height:21px;transition:transform .25s var(--sn-ease)}
.sn-favorite[aria-pressed=true]{color:#9a6400}
.sn-favorite[aria-pressed=true] .sn-icon{fill:#ffd35c;stroke:#9a6400}
.sn-favorite.is-popping .sn-icon{animation:sn-star-pop .45s var(--sn-ease)}
@keyframes sn-star-pop{0%{transform:scale(1)}40%{transform:scale(1.32) rotate(-8deg)}100%{transform:scale(1)}}
.sn-tool-copy{flex:1;min-width:0;margin:16px 0 14px}
.sn-tool-category{display:inline-block;margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--sn-ink-3)}
.sn-tool-copy h3{margin:0 0 6px;font-size:17px;font-weight:650;letter-spacing:-.015em;line-height:1.3;overflow-wrap:anywhere}
.sn-tool-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:14px;line-height:1.55;color:var(--sn-ink-2)}
.sn-tool-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--sn-line)}
.sn-access-status{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:500;color:var(--sn-success);white-space:nowrap}
.sn-access-status .sn-icon{width:16px;height:16px}
.sn-access-status [data-sn-tool-status]{overflow:hidden;text-overflow:ellipsis}
.sn-access-status.is-recent{color:var(--sn-ink-3)}
.sn-launch{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;background:var(--sn-accent-soft);color:var(--sn-accent-ink)!important;font-size:14px;font-weight:650;transition:background .16s,color .16s,transform .16s var(--sn-ease)}
.sn-launch .sn-icon{width:16px;height:16px;transition:transform .2s var(--sn-ease)}
.sn-launch:hover{background:var(--sn-accent);color:var(--sn-on-accent)!important}
.sn-launch:hover .sn-icon{transform:translate(2px,-2px)}
.sn-launch:active{transform:scale(.96)}
.sn-tool-grid.is-list{grid-template-columns:1fr;gap:10px}
.sn-tool-grid.is-list .sn-tool-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:0;padding:14px 60px 14px 16px}
.sn-tool-grid.is-list .sn-tool-head{display:block}
.sn-tool-grid.is-list .sn-tool-logo{width:52px;height:52px;flex-basis:52px;border-radius:15px}
.sn-tool-grid.is-list .sn-favorite{position:absolute;top:50%;right:12px;margin:0;transform:translateY(-50%)}
.sn-tool-grid.is-list .sn-tool-copy{margin:0}
.sn-tool-grid.is-list .sn-tool-copy h3{margin-bottom:2px}
.sn-tool-grid.is-list .sn-tool-copy p{-webkit-line-clamp:1}
.sn-tool-grid.is-list .sn-tool-category{margin-bottom:2px}
.sn-tool-grid.is-list .sn-tool-foot{margin:0;padding:0;border:0;gap:18px}
.sn-tools-footnote{display:flex;align-items:center;gap:7px;margin:14px 0 0!important;font-size:13px!important;color:var(--sn-ink-3)!important}
.sn-tools-footnote .sn-icon{width:14px;height:14px}
.sn-empty-state{padding:44px 24px;border:1.5px dashed var(--sn-line-strong);border-radius:var(--sn-r-card);background:var(--sn-surface);text-align:center}
.sn-empty-icon{display:inline-grid;place-items:center;width:60px;height:60px;margin-bottom:12px;border-radius:18px;background:var(--sn-accent-soft);color:var(--sn-accent-ink)}
.sn-empty-icon .sn-icon{width:28px;height:28px}
.sn-empty-state h3{margin:2px 0 6px;font-size:18px;font-weight:650}
.sn-empty-state p{margin:0 auto 18px;max-width:42ch;font-size:14.5px;color:var(--sn-ink-2)}
.sn-member-links{margin-top:16px;padding:18px;border:1px solid var(--sn-line);border-radius:var(--sn-r-card);background:var(--sn-surface)}
.sn-member-links h3{margin:0 0 8px;font-size:15px;font-weight:650}
.sn-member-links a{display:flex;align-items:center;gap:6px;padding:8px 0;font-size:14px;color:var(--sn-accent-ink)}
.sn-member-links a .sn-icon{width:15px;height:15px}

/* Plans */
.sn-plans{margin-top:34px}
.sn-plan-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.sn-plan{display:flex;align-items:center;gap:14px;min-width:0;padding:15px 16px;border:1px solid var(--sn-line);border-radius:18px;background:var(--sn-surface)}
.sn-plan-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:var(--sn-success-soft);color:var(--sn-success)}
.sn-plan-icon .sn-icon{width:21px;height:21px}
.sn-plan-copy{min-width:0;flex:1}
.sn-plan-copy strong{display:block;font-size:15px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-plan-copy span{display:block;font-size:13px;color:var(--sn-ink-3)}
.sn-plan-status{flex-shrink:0;padding:5px 11px;border-radius:999px;background:var(--sn-muted);font-size:13px;font-weight:600;color:var(--sn-ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.sn-plan.is-soon .sn-plan-icon,.sn-plan.is-today .sn-plan-icon{background:var(--sn-warn-soft);color:var(--sn-warn)}
.sn-plan.is-soon .sn-plan-status,.sn-plan.is-today .sn-plan-status{background:var(--sn-warn-soft);color:var(--sn-warn)}
.sn-plan.is-lifetime .sn-plan-icon{background:#fff5d6;color:#a36a00}
html[data-sn-theme=dark] .sn-plan.is-lifetime .sn-plan-icon{background:#2d2410;color:#f3c26b}

/* Announcement */
.sn-announcement{display:flex;align-items:flex-start;gap:14px;margin-top:34px;padding:20px;border:1px solid var(--sn-line);border-radius:var(--sn-r-card);background:var(--sn-surface)}
.sn-announcement-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:var(--sn-accent-soft);color:var(--sn-accent-ink)}
.sn-announcement-icon .sn-icon{width:22px;height:22px}
.sn-announcement-kicker{display:block;font-size:12.5px;font-weight:600;color:var(--sn-ink-3)}
.sn-announcement h3{margin:3px 0 4px;font-size:16px;font-weight:650}
.sn-announcement p{margin:0;font-size:14px;line-height:1.65;color:var(--sn-ink-2)}
.sn-announcement-date{display:block;margin-top:8px;font-size:12.5px;color:var(--sn-ink-3)}

/* ---------- Rail widgets ---------- */
.sn-widget{display:block;padding:18px;border:1px solid var(--sn-line);border-radius:var(--sn-r-card);background:var(--sn-surface);box-shadow:var(--sn-shadow-sm)}
.sn-widget-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.sn-widget-heading h2,.sn-widget-heading h3{display:flex;align-items:center;gap:9px;margin:0;font-size:15.5px;font-weight:650;letter-spacing:-.01em}
.sn-widget-heading h2 .sn-icon{width:20px;height:20px;color:var(--sn-accent-ink)}
.sn-widget-heading>.sn-icon-button{width:36px;height:36px;margin:-6px -8px -6px 0}
.sn-widget-heading>.sn-icon-button .sn-icon{width:18px;height:18px}
.sn-agenda-card>.sn-button{width:100%;margin-top:12px}
.sn-agenda-empty{padding:4px 0;font-size:14px;color:var(--sn-ink-3)}
.sn-agenda-empty strong{display:block;margin-bottom:3px;font-weight:600;color:var(--sn-ink)}
.sn-agenda-item{display:block;width:100%;padding:11px 0;border:0;border-top:1px solid var(--sn-line);background:transparent;text-align:left;font-size:13.5px}
.sn-agenda-item:first-child{border-top:0}
.sn-agenda-item strong{display:block;font-size:14.5px;font-weight:600;overflow-wrap:anywhere}
.sn-agenda-item span{display:block;margin-top:2px;color:var(--sn-ink-3)}
.sn-agenda-item:hover strong{color:var(--sn-accent-ink)}
.sn-agenda-item.is-overdue span{color:var(--sn-danger)}
.sn-focus-modes{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--sn-muted)}
.sn-focus-modes button{flex:1;min-height:36px;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:var(--sn-ink-2);font-size:13.5px!important;font-weight:500}
.sn-focus-modes button.is-active{background:var(--sn-surface);color:var(--sn-ink);font-weight:650;box-shadow:var(--sn-shadow-sm)}
.sn-focus-dial{position:relative;display:grid;place-items:center;width:168px;height:168px;margin:18px auto}
.sn-focus-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.sn-focus-track{fill:none;stroke:var(--sn-muted);stroke-width:9}
.sn-focus-progress{fill:none;stroke:url(#snFocusGrad);stroke-width:9;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .9s linear}
.sn-focus-dial>div{position:relative;display:flex;flex-direction:column;align-items:center}
#snFocusTime{font-size:38px;font-weight:350;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums}
#snFocusHint{margin-top:4px;font-size:12.5px;color:var(--sn-ink-3)}
.sn-focus-card.is-running .sn-focus-dial{filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--sn-accent) 30%,transparent))}
.sn-focus-start{width:100%;background:var(--sn-primary-bg);color:var(--sn-primary-fg)!important}
.sn-focus-start:hover{background:var(--sn-primary-hover)}
.sn-focus-start .sn-icon{width:17px;height:17px}
.sn-timer-settings{display:flex;margin:6px auto -6px}
.sn-world-list{display:flex;flex-direction:column}
.sn-world-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--sn-line)}
.sn-world-row:first-child{border-top:0;padding-top:2px}
.sn-world-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:var(--sn-muted);color:var(--sn-ink-2)}
.sn-world-icon .sn-icon{width:18px;height:18px}
.sn-world-row.is-day .sn-world-icon{background:#fff4d9;color:#b77400}
.sn-world-row.is-night .sn-world-icon{background:#e9ecff;color:#3b4bb0}
html[data-sn-theme=dark] .sn-world-row.is-day .sn-world-icon{background:#2e2410;color:#f3c26b}
html[data-sn-theme=dark] .sn-world-row.is-night .sn-world-icon{background:#1a2150;color:#aab6ff}
.sn-world-copy{flex:1;min-width:0}
.sn-world-copy strong{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-world-copy span{display:block;font-size:12.5px;color:var(--sn-ink-3)}
.sn-world-time{font-size:18px;font-weight:550;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.sn-world-time small{margin-left:3px;font-size:12px;font-weight:500;color:var(--sn-ink-3)}
.sn-note-card .sn-widget-heading{margin-bottom:6px}
.sn-note-count{font-size:12px;color:var(--sn-ink-3);font-variant-numeric:tabular-nums}
.sn-v9 .sn-note-card textarea{display:block;width:100%;min-height:96px;max-height:300px;height:112px;resize:vertical;padding:10px 12px!important;border:1px solid var(--sn-line)!important;border-radius:14px;background:var(--sn-surface-2)!important;color:var(--sn-ink)!important;box-shadow:none!important;font-size:14.5px!important;line-height:1.6!important;transition:border-color .16s,box-shadow .16s}
.sn-v9 .sn-note-card textarea:focus{outline:none;border-color:var(--sn-accent)!important;box-shadow:0 0 0 4px var(--sn-accent-soft)!important}
.sn-note-card textarea::placeholder{color:var(--sn-ink-3)}
.sn-note-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;font-size:12.5px;color:var(--sn-ink-3)}
.sn-note-card>p{margin:6px 0 0;font-size:12.5px;line-height:1.55;color:var(--sn-ink-3)}
.sn-extension-card{display:flex;gap:14px;transition:border-color .18s,transform .18s var(--sn-ease),box-shadow .18s}
.sn-extension-card:hover{border-color:var(--sn-accent-line);transform:translateY(-1px);box-shadow:var(--sn-shadow-md)}
.sn-extension-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:var(--sn-accent-soft);color:var(--sn-accent-ink)}
.sn-extension-icon .sn-icon{width:22px;height:22px}
.sn-extension-card h3{margin:0 0 2px;font-size:15px;font-weight:650}
.sn-extension-card p{margin:0;font-size:13.5px;color:var(--sn-ink-3)}
.sn-extension-card div>span{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:13.5px;font-weight:650;color:var(--sn-accent-ink)}
.sn-extension-card div>span .sn-icon{width:15px;height:15px}
.sn-help-card{position:relative;overflow:hidden}
.sn-support-visual{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--sn-success-soft);color:var(--sn-success)}
.sn-support-visual .sn-icon{width:21px;height:21px}
.sn-help-card h3{margin:0 50px 6px 0;font-size:16px;font-weight:650;line-height:1.4}
.sn-help-card p{margin:0 0 12px;font-size:13.5px;line-height:1.6;color:var(--sn-ink-2)}
.sn-help-card a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:650;color:var(--sn-success)}
.sn-help-card a .sn-icon{width:15px;height:15px}

/* ---------- Footer ---------- */
.sn-dashboard-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding:22px 0 0;border-top:1px solid var(--sn-line);font-size:13.5px;color:var(--sn-ink-3)}
.sn-dashboard-footer>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.sn-dashboard-footer a{display:inline-flex;align-items:center;gap:5px}
.sn-dashboard-footer a:hover{color:var(--sn-accent-ink)}
.sn-dashboard-footer .sn-icon{width:14px;height:14px}
.sn-dashboard-footer .sn-text-button{font-size:13.5px!important;color:var(--sn-ink-3)!important;font-weight:500}

/* ---------- Other aMember pages ---------- */
.sn-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 24px}
.sn-page-kicker{display:block;font-size:13px;font-weight:600;color:var(--sn-ink-3)}
.sn-page-heading h1{margin:4px 0 0!important;font-size:30px!important;font-weight:650!important;letter-spacing:-.025em;line-height:1.2!important;color:var(--sn-ink)!important}
.sn-page-surface{min-width:0;overflow-x:auto;padding:28px;border:1px solid var(--sn-line);border-radius:24px;background:var(--sn-surface);color:var(--sn-ink);font-size:15px;box-shadow:var(--sn-shadow-sm)}
.sn-page-surface h1,.sn-page-surface h2,.sn-page-surface h3{color:var(--sn-ink)!important;font-family:var(--sn-font)!important;letter-spacing:-.015em}
.sn-page-surface h2{font-size:21px;margin:0 0 10px}
.sn-page-surface table{max-width:100%;color:var(--sn-ink);border-collapse:collapse}
.sn-page-surface th,.sn-page-surface td{padding:10px 12px;border-bottom:1px solid var(--sn-line);text-align:left}
.sn-page-surface th{font-size:13px;color:var(--sn-ink-3);font-weight:600}
.sn-page-surface input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.sn-page-surface select,.sn-page-surface textarea{max-width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--sn-line-strong);border-radius:12px;background-color:var(--sn-surface);color:var(--sn-ink);font-size:15px}
.sn-page-surface input:focus,.sn-page-surface select:focus,.sn-page-surface textarea:focus{outline:none;border-color:var(--sn-accent);box-shadow:0 0 0 4px var(--sn-accent-soft)}
.sn-page-surface input[type=submit],.sn-page-surface button[type=submit]{min-height:44px;padding:9px 18px;border:0;border-radius:12px;background-color:var(--sn-primary-bg);color:var(--sn-primary-fg);font-weight:600;cursor:pointer}
/* aMember-native forms (profile, billing, etc.) render inside .sn-page-surface but are styled by
   the base amember.css: a hard white .am-form form panel, light-on-white labels, #fff inputs. These
   rules make those pages follow the workspace theme in both light and dark. */
.sn-page-surface .am-form,
.sn-page-surface .am-form form,
.sn-page-surface .am-form fieldset{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--sn-ink)}
.sn-page-surface .am-form form{margin:0;padding:0}
.sn-page-surface .am-form fieldset legend{background:transparent!important;border:0!important;color:var(--sn-ink)!important}
.sn-page-surface .am-form .am-row,.sn-page-surface .am-form div.row{background:transparent!important;color:var(--sn-ink);border-color:var(--sn-line)!important}
.sn-page-surface .am-form .am-row:hover,.sn-page-surface .am-form div.row:hover{background:var(--sn-surface-2)!important}
.sn-page-surface .am-form .am-element-title,.sn-page-surface .am-form div.element-title,.sn-page-surface .am-form .am-element,.sn-page-surface .am-form div.element,.sn-page-surface .am-form .am-element-title label,.sn-page-surface .am-form label{color:var(--sn-ink)!important}
.sn-page-surface .am-form .comment,.sn-page-surface .am-form .am-element-title .comment{color:var(--sn-ink-2)!important;opacity:1!important}
.sn-page-surface .am-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]),
.sn-page-surface .am-form textarea,
.sn-page-surface .am-form select{background:var(--sn-surface-2)!important;background-image:none!important;color:var(--sn-ink)!important;border:1px solid var(--sn-line-strong)!important;border-radius:12px!important}
.sn-page-surface .am-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):focus,
.sn-page-surface .am-form textarea:focus,
.sn-page-surface .am-form select:focus{border-color:var(--sn-accent)!important;box-shadow:0 0 0 4px var(--sn-accent-soft)!important}
.sn-page-surface .am-form input[type=submit],.sn-page-surface .am-form button[type=submit]{background:var(--sn-primary-bg)!important;background-image:none!important;color:var(--sn-primary-fg)!important;border:0!important;text-shadow:none!important;border-radius:12px!important}
.sn-page-surface .am-form input[type=submit]:hover,.sn-page-surface .am-form button[type=submit]:hover{background:var(--sn-primary-hover)!important}
.sn-page-surface .am-form a{color:var(--sn-accent-ink)!important}
.sn-page-surface a{color:var(--sn-accent-ink)}
.sn-preview-notice{margin:0 0 18px;padding:10px 14px;border:1px dashed var(--sn-line-strong);border-radius:12px;font-size:13px;line-height:1.6;color:var(--sn-ink-2)}
.sn-preview-notice a{color:var(--sn-accent-ink);text-decoration:underline;text-underline-offset:2px}
.sn-preview-notice strong{font-weight:650;color:var(--sn-ink)}

/* ---------- Dialogs ---------- */
.sn-v9 dialog{max-height:88vh;max-height:88dvh;padding:0;overflow:auto;color:var(--sn-ink);background:var(--sn-surface);border:1px solid var(--sn-line);border-radius:26px;box-shadow:var(--sn-shadow-lg)}
.sn-v9 dialog::backdrop{background:rgb(7 11 26/.46);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sn-v9 dialog[open]{animation:sn-dialog-in .26s var(--sn-ease)}
.sn-v9 dialog[open]::backdrop{animation:sn-fade-in .26s ease-out}
@keyframes sn-dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes sn-fade-in{from{opacity:0}to{opacity:1}}
.sn-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.sn-dialog-heading h2{margin:0;font-size:22px;font-weight:650;letter-spacing:-.02em;line-height:1.25}
.sn-dialog-lead,.sn-planner-privacy{margin:6px 0 0!important;font-size:14px;line-height:1.55;color:var(--sn-ink-2)}
.sn-dialog-heading>.sn-icon-button{margin:-6px -8px 0 0}
.sn-dialog-footnote{margin:18px 0 0!important;font-size:13px;color:var(--sn-ink-3)}
.sn-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--sn-line)}
.sn-command-dialog{width:min(640px,calc(100% - 32px));margin:12vh auto auto}
.sn-command-input-row{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 20px;border-bottom:1px solid var(--sn-line)}
.sn-command-input-row>.sn-icon{color:var(--sn-ink-3)}
.sn-command-input-row input{width:100%;min-width:0;padding:6px 0!important;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--sn-ink)!important;font-size:17px!important}
.sn-command-input-row input::-webkit-search-cancel-button{display:none}
.sn-command-results{max-height:min(420px,60vh);overflow-y:auto;padding:8px}
.sn-command-group{padding:10px 12px 6px;font-size:12px;font-weight:600;color:var(--sn-ink-3)}
.sn-command-result{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border:0;border-radius:14px;background:transparent;width:100%;text-align:left;font-size:15px;color:var(--sn-ink)}
.sn-command-result>.sn-icon,.sn-command-result .sn-command-glyph{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:7px;border-radius:10px;background:var(--sn-muted);color:var(--sn-ink-2)}
.sn-command-result .sn-command-glyph .sn-icon{width:20px;height:20px}
.sn-command-result small{margin-left:auto;font-size:12.5px;color:var(--sn-ink-3);white-space:nowrap}
.sn-command-result:hover,.sn-command-result.is-selected,.sn-command-result:focus-visible{background:var(--sn-accent-soft);color:var(--sn-accent-ink);outline:none}
.sn-command-result:hover>.sn-icon,.sn-command-result.is-selected>.sn-icon{background:var(--sn-surface);color:var(--sn-accent-ink)}
.sn-command-empty{margin:0;padding:28px;text-align:center;color:var(--sn-ink-3);font-size:14.5px}
.sn-command-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--sn-line);font-size:12.5px;color:var(--sn-ink-3)}
.sn-command-footer kbd{min-width:20px;height:20px;font-size:11px}
.sn-v9 .sn-planner{width:min(880px,calc(100% - 32px));margin:auto;padding:26px!important}
.sn-planner-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.sn-calendar-heading{display:flex;align-items:center;gap:4px;margin-bottom:12px}
.sn-calendar-heading h3{margin:0 auto;font-size:17px;font-weight:650}
.sn-rotate{transform:rotate(180deg)}
.sn-calendar-weekdays,.sn-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.sn-calendar-weekdays>span{display:grid;place-items:center;height:30px;font-size:12.5px;font-weight:600;color:var(--sn-ink-3)}
.sn-calendar-day{position:relative;display:grid;place-items:center;min-width:0;min-height:42px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:14px;font-variant-numeric:tabular-nums}
.sn-calendar-day:hover{background:var(--sn-muted)}
.sn-calendar-day.is-outside{color:var(--sn-ink-3);opacity:.7}
.sn-calendar-day.is-today{border-color:var(--sn-accent);color:var(--sn-accent-ink);font-weight:700}
.sn-calendar-day.is-selected{background:var(--sn-primary-bg)!important;color:var(--sn-primary-fg)!important;border-color:var(--sn-primary-bg)}
.sn-calendar-day.has-deadline::after{content:"";position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:currentColor}
.sn-calendar-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:8px;border-top:1px solid var(--sn-line);font-size:13px;color:var(--sn-ink-3)}
.sn-calendar-legend{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--sn-ink-2)}
.sn-calendar-legend i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:currentColor;vertical-align:middle}
.sn-day-panel{min-width:0;padding-left:26px;border-left:1px solid var(--sn-line)}
.sn-day-panel h3{margin:0;font-size:16px;font-weight:650}
.sn-deadline-empty{margin:0;padding:18px 0;font-size:14px;color:var(--sn-ink-3)}
.sn-deadline-item{padding:14px 0;border-bottom:1px solid var(--sn-line);overflow-wrap:anywhere}
.sn-deadline-item p{margin:0 0 4px;font-size:15px;font-weight:550}
.sn-deadline-item small{font-size:13px;color:var(--sn-ink-3)}
.sn-deadline-item.is-done p{text-decoration:line-through;color:var(--sn-ink-3)}
.sn-deadline-item.is-overdue small{color:var(--sn-danger)}
.sn-deadline-actions{display:flex;gap:14px;flex-wrap:wrap}
.sn-deadline-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--sn-line)}
.sn-deadline-form h3{margin:0 0 12px!important}
.sn-deadline-form label,.sn-alerts-dialog>label{display:block;margin:12px 0 6px;font-size:13.5px;font-weight:600}
.sn-v9 .sn-deadline-form input:not([type=hidden]),.sn-v9 .sn-deadline-form select{display:block;width:100%;min-width:0;max-width:100%;height:46px;padding:8px 12px;border:1px solid var(--sn-line-strong);border-radius:12px;background:var(--sn-surface);color:var(--sn-ink);font-size:15px}
.sn-v9 .sn-deadline-form input:focus,.sn-v9 .sn-deadline-form select:focus{outline:none;border-color:var(--sn-accent);box-shadow:0 0 0 4px var(--sn-accent-soft)}
.sn-form-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}
.sn-form-pair>div{min-width:0}
.sn-deadline-form p{margin:12px 0!important;font-size:13px;color:var(--sn-ink-3)}
.sn-form-actions{display:flex;gap:8px;flex-wrap:wrap}
.sn-planner-status{margin:14px 0 0!important;font-size:13px;color:var(--sn-ink-3)}
.sn-delete-confirm{margin-top:14px;padding:16px;border-radius:14px;background:var(--sn-danger-soft)}
.sn-delete-confirm p{margin:0 0 10px!important;font-size:14px}
.sn-delete-confirm button{margin:4px 4px 0 0}
.sn-v9 #snDeadlineError{color:var(--sn-danger)}
.sn-alerts-dialog,.sn-personalize-dialog,.sn-journal-dialog,.sn-shortcuts-dialog{width:min(560px,calc(100% - 32px));margin:auto;padding:26px!important}
.sn-journal-dialog{width:min(720px,calc(100% - 32px))}
.sn-setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 10px}
.sn-setting-row.sn-setting-inline{margin:2px 0 0}
.sn-setting-row label,.sn-setting-row h3{margin:0;font-size:15px;font-weight:650}
.sn-setting-row p,.sn-alerts-note,#snNotificationStatus{margin:5px 0 0!important;font-size:13.5px;line-height:1.6;color:var(--sn-ink-2)}
.sn-setting-row input{width:22px;height:22px;flex-shrink:0;accent-color:var(--sn-accent)}
.sn-volume-row{display:flex;gap:12px;align-items:center}
.sn-volume-row input{width:100%;min-width:0;accent-color:var(--sn-accent)}
.sn-volume-row output{min-width:38px;font-size:13.5px;font-variant-numeric:tabular-nums}
.sn-alerts-note{margin-top:18px!important;padding-top:14px;border-top:1px solid var(--sn-line)}
#snTestNotification{display:block}
.sn-choice-group{margin:0 0 20px!important;padding:0;border:0;min-width:0}
.sn-choice-group legend{margin-bottom:10px;padding:0;font-size:14.5px;font-weight:650}
.sn-choice-help{margin:8px 0 0!important;font-size:13px;line-height:1.55;color:var(--sn-ink-3)}
.sn-segmented{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:16px;background:var(--sn-muted)}
.sn-segmented label{position:relative;flex:1 1 auto;margin:0}
.sn-segmented input,.sn-swatch input,.sn-city input{position:absolute;opacity:0;pointer-events:none}
.sn-segmented span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:6px 12px;border-radius:12px;font-size:14px;font-weight:550;color:var(--sn-ink-2);cursor:pointer;white-space:nowrap;transition:background .16s,color .16s}
.sn-segmented span .sn-icon{width:17px;height:17px}
.sn-segmented input:checked+span{background:var(--sn-surface);color:var(--sn-ink);box-shadow:var(--sn-shadow-sm);font-weight:650}
.sn-segmented input:focus-visible+span,.sn-swatch input:focus-visible+span,.sn-city input:focus-visible+span{outline:2.5px solid var(--sn-accent);outline-offset:2px}
.sn-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sn-swatch{margin:0}
.sn-swatch span{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1px solid var(--sn-line);border-radius:14px;font-size:14px;font-weight:550;cursor:pointer;transition:border-color .16s,box-shadow .16s}
.sn-swatch span i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0/.12)}
.sn-swatch[data-swatch=electric] i{background:#2548e8}.sn-swatch[data-swatch=lagoon] i{background:#0b7f8a}.sn-swatch[data-swatch=orchid] i{background:#a12fc7}.sn-swatch[data-swatch=ember] i{background:#b4460f}.sn-swatch[data-swatch=forest] i{background:#1c7a4f}.sn-swatch[data-swatch=sky] i{background:conic-gradient(#f6a8a0,#ffd49a,#4f95ee,#253a86,#f6a8a0)}
.sn-swatch input:checked+span{border-color:var(--sn-accent);box-shadow:0 0 0 3px var(--sn-accent-soft);font-weight:650}
.sn-city-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sn-city{margin:0}
.sn-city span{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 13px;border:1px solid var(--sn-line);border-radius:999px;font-size:13.5px;font-weight:550;cursor:pointer;transition:background .16s,border-color .16s}
.sn-city input:checked+span{background:var(--sn-primary-bg);border-color:var(--sn-primary-bg);color:var(--sn-primary-fg)}
.sn-city input:disabled+span{opacity:.45;cursor:not-allowed}
.sn-journal-progress{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-size:14px;font-weight:600}
.sn-journal-bar{position:relative;flex:1;height:8px;overflow:hidden;border-radius:999px;background:var(--sn-muted)}
.sn-journal-bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--sn-brand-grad);transition:width .6s var(--sn-ease)}
.sn-journal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sn-journal-item{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:14px;border:1px solid var(--sn-line);border-radius:18px;background:var(--sn-surface-2)}
.sn-journal-glyph{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:var(--sn-muted);color:var(--sn-ink-3)}
.sn-journal-glyph .sn-icon{width:21px;height:21px}
.sn-journal-item.is-found{background:var(--sn-surface)}
.sn-journal-item.is-found .sn-journal-glyph{background:var(--sn-accent-soft);color:var(--sn-accent-ink)}
.sn-journal-copy{min-width:0;flex:1}
.sn-journal-copy strong{display:block;font-size:14.5px;font-weight:650}
.sn-journal-copy span{display:block;margin-top:2px;font-size:13px;line-height:1.5;color:var(--sn-ink-3)}
.sn-journal-item:not(.is-found) .sn-journal-copy strong{color:var(--sn-ink-3)}
.sn-journal-copy .sn-text-button{min-height:30px;margin-top:4px;font-size:13px!important}
.sn-shortcut-list{display:flex;flex-direction:column;margin:0}
.sn-shortcut-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--sn-line)}
.sn-shortcut-list>div:first-child{border-top:0}
.sn-shortcut-list dt{display:flex;gap:4px;flex-shrink:0}
.sn-shortcut-list dd{margin:0;font-size:14.5px;color:var(--sn-ink-2);text-align:right}

/* ---------- Toast ---------- */
.sn-toast{position:fixed;left:50%;bottom:24px;z-index:100;max-width:min(520px,calc(100% - 32px));padding:12px 18px;border-radius:16px;background:#0b1437;color:#fff;font-size:14px!important;font-weight:500;line-height:1.45;text-align:center;box-shadow:0 20px 50px -18px rgb(11 20 55/.6);transform:translateX(-50%);animation:sn-toast-in .32s var(--sn-ease)}
html[data-sn-theme=dark] .sn-toast{background:#eef1fb;color:#0b1437}
.sn-toast.is-discovery{padding-left:14px;background:linear-gradient(#0b1437,#0b1437) padding-box,var(--sn-brand-grad) border-box;border:1.5px solid transparent}
html[data-sn-theme=dark] .sn-toast.is-discovery{background:linear-gradient(#eef1fb,#eef1fb) padding-box,var(--sn-brand-grad) border-box}
@keyframes sn-toast-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
.sn-noscript{margin:20px;padding:14px;border:1px solid var(--sn-line);border-radius:14px;background:var(--sn-surface);font-size:14px}

/* ---------- Collapsed sidebar (desktop) ---------- */
@media (min-width:981px){
  .sn-sidebar-collapsed .sn-sidebar,.sn-sidebar-collapsed-preload .sn-sidebar{width:84px}
  .sn-sidebar-collapsed .sn-workspace,.sn-sidebar-collapsed-preload .sn-workspace{margin-left:84px}
  .sn-sidebar-collapsed .sn-sidebar-header,.sn-sidebar-collapsed-preload .sn-sidebar-header{height:124px;flex-direction:column;justify-content:center;gap:12px;padding:12px}
  .sn-sidebar-collapsed .sn-brand>img,.sn-sidebar-collapsed-preload .sn-brand>img{display:none}
  .sn-sidebar-collapsed .sn-brand-monogram,.sn-sidebar-collapsed-preload .sn-brand-monogram{display:block}
  .sn-sidebar-collapsed .sn-sidebar-collapse,.sn-sidebar-collapsed-preload .sn-sidebar-collapse{margin:0}
  .sn-sidebar-collapsed .sn-member-chip,.sn-sidebar-collapsed-preload .sn-member-chip{justify-content:center;margin:0 14px 16px;padding:8px}
  .sn-sidebar-collapsed .sn-member-chip div,.sn-sidebar-collapsed-preload .sn-member-chip div,.sn-sidebar-collapsed .sn-nav-label,.sn-sidebar-collapsed-preload .sn-nav-label,.sn-sidebar-collapsed .sn-nav-count,.sn-sidebar-collapsed-preload .sn-nav-count,.sn-sidebar-collapsed .sn-nav-section-label,.sn-sidebar-collapsed-preload .sn-nav-section-label,.sn-sidebar-collapsed .sn-sidebar-support>span:last-child,.sn-sidebar-collapsed-preload .sn-sidebar-support>span:last-child{display:none}
  .sn-sidebar-collapsed .sn-nav-item,.sn-sidebar-collapsed-preload .sn-nav-item{justify-content:center;padding:12px}
  .sn-sidebar-collapsed .sn-nav-item.is-active::before,.sn-sidebar-collapsed-preload .sn-nav-item.is-active::before{left:-12px}
  .sn-sidebar-collapsed .sn-sidebar-support,.sn-sidebar-collapsed-preload .sn-sidebar-support{justify-content:center;padding:10px}
  .sn-sidebar-collapsed .sn-nav-group+.sn-nav-group,.sn-sidebar-collapsed-preload .sn-nav-group+.sn-nav-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--sn-line)}
}

/* ---------- Responsive ---------- */
@media (min-width:1600px){.sn-content{padding:32px 44px}.sn-dashboard-columns{grid-template-columns:minmax(0,1fr) 340px;gap:32px}.sn-hero{min-height:400px}}
@media (max-width:1320px){.sn-dashboard-columns{grid-template-columns:minmax(0,1fr) 296px;gap:22px}.sn-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1180px){:root{--sn-sidebar-w:232px}.sn-content{padding:24px}.sn-topbar{padding:0 24px}.sn-command-trigger{min-width:220px}}
@media (max-width:1100px){.sn-dashboard-columns{grid-template-columns:1fr}.sn-productivity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sn-focus-card{grid-row:span 2}.sn-help-card,.sn-extension-card{grid-column:auto}}
@media (max-width:980px){
  .sn-sidebar{width:min(300px,86vw);transform:translateX(-105%);box-shadow:20px 0 70px rgb(7 11 26/.25)}
  .sn-menu-open .sn-sidebar{transform:none}
  .sn-workspace{margin-left:0}
  .sn-sidebar-collapse{display:none}
  .sn-mobile-menu,.sn-mobile-close{display:inline-flex}
  .sn-mobile-close{margin-left:auto}
  .sn-menu-open{overflow:hidden}
  .sn-topbar{height:66px;padding:0 16px}
  .sn-command-trigger{min-width:0;width:40px;height:40px;min-height:40px;padding:0;justify-content:center;border:0;background:transparent;border-radius:12px}
  .sn-command-trigger:hover{box-shadow:none;background:var(--sn-muted)}
  .sn-command-trigger .sn-icon{width:20px;height:20px}
  .sn-command-trigger>span,.sn-command-trigger kbd{display:none}
  .sn-header-clock{display:none}
  .sn-topbar-right{gap:2px}
  html:not(.sn-enhanced) .sn-sidebar{position:relative;width:100%;transform:none;box-shadow:none}
  html:not(.sn-enhanced) .sn-navigation{display:flex;flex-wrap:wrap;gap:20px}
  html:not(.sn-enhanced) .sn-nav-group{margin-top:0}
}
@media (max-width:760px){
  .sn-content{padding:18px 16px 24px}
  .sn-hero{min-height:560px;padding:26px 22px 24px;border-radius:24px}
  .sn-hero-copy{max-width:100%}
  .sn-hero-clock time{font-size:60px}
  .sn-hero-line{font-size:16.5px}
  .sn-hero-actions{margin-top:18px}
  .sn-land{height:210px}
  .sn-sky-controls{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin-top:14px;justify-content:flex-start;flex-wrap:wrap}
  .sn-stats{gap:10px;margin:14px 0 28px}
  .sn-stat{padding:14px}
  .sn-stat-icon{flex-basis:40px;height:40px;border-radius:12px}
  .sn-stat-icon .sn-icon{width:20px;height:20px}
  .sn-stat strong{font-size:15px}
  .sn-stat div>span{font-size:12.5px;white-space:normal}
  .sn-section-heading h2{font-size:20px}
  .sn-tool-toolbar{flex-wrap:wrap}
  .sn-tool-search{flex-basis:100%}
  .sn-sort{flex:1}
  .sn-sort select{width:100%;max-width:none}
  .sn-tool-search input,.sn-command-input-row input,.sn-v9 .sn-note-card textarea,.sn-v9 .sn-deadline-form input:not([type=hidden]),.sn-v9 .sn-deadline-form select{font-size:16px!important}
  .sn-kbd-hint{display:none!important}
  .sn-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sn-tool-card{min-height:0;padding:15px 14px 12px}
  .sn-tool-logo{flex-basis:52px;width:52px;height:52px;border-radius:15px}
  .sn-tool-copy{margin:12px 0}
  .sn-tool-copy h3{font-size:16px}
  .sn-tool-copy p{font-size:13.5px}
  .sn-tool-foot{flex-wrap:wrap}
  .sn-tool-grid.is-list .sn-tool-card{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:12px 52px 12px 12px}
  .sn-tool-grid.is-list .sn-tool-logo{width:46px;height:46px}
  .sn-tool-grid.is-list .sn-tool-foot{grid-column:2;justify-content:flex-start;gap:12px}
  .sn-productivity{grid-template-columns:1fr}
  .sn-focus-card{grid-row:auto}
  .sn-plan-list{grid-template-columns:1fr}
  .sn-section-heading{flex-wrap:wrap}
  .sn-planner-columns{grid-template-columns:1fr;gap:22px}
  .sn-day-panel{padding:20px 0 0;border-left:0;border-top:1px solid var(--sn-line)}
  .sn-v9 .sn-planner,.sn-alerts-dialog,.sn-personalize-dialog,.sn-journal-dialog,.sn-shortcuts-dialog{padding:20px!important}
  .sn-journal-list{grid-template-columns:1fr}
  .sn-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sn-page-heading{flex-direction:column;align-items:flex-start}
  .sn-page-surface{padding:18px}
  .sn-dashboard-footer{flex-direction:column;align-items:flex-start}
  .sn-breadcrumb>span{display:none}
}
@media (max-width:430px){
  .sn-hero{min-height:570px;padding:24px 18px 22px}
  .sn-hero-clock time{font-size:54px}
  .sn-hero-greeting{font-size:16px!important}
  .sn-hero .sn-button{padding:10px 14px}
  .sn-stats{grid-template-columns:1fr 1fr}
  .sn-stat{flex-direction:column;align-items:flex-start;gap:10px}
  .sn-stat-expiry>.sn-icon:last-child{position:absolute;top:14px;right:12px}
  .sn-tool-grid{grid-template-columns:1fr}
  .sn-header-divider{display:none}
  .sn-topbar-right .sn-icon-button{width:38px;height:38px}
  .sn-sky-chip{height:36px;padding:0 11px}
  .sn-sky-icon{width:36px}
}
@media (max-width:350px){.sn-stats{grid-template-columns:1fr}.sn-segmented label{flex-basis:100%}}

/* ---------- Motion ---------- */
@media (prefers-reduced-motion:no-preference){
  .sn-hero-copy>*{animation:sn-rise .7s var(--sn-ease) both}
  .sn-hero-copy>:nth-child(2){animation-delay:.05s}.sn-hero-copy>:nth-child(3){animation-delay:.1s}.sn-hero-copy>:nth-child(4){animation-delay:.14s}.sn-hero-copy>:nth-child(5){animation-delay:.18s}
  .sn-stat,.sn-tool-card{animation:sn-rise .5s var(--sn-ease) both}
  .sn-tool-grid.is-settled .sn-tool-card{animation:none}
  .sn-stat:nth-child(2){animation-delay:.04s}.sn-stat:nth-child(3){animation-delay:.08s}.sn-stat:nth-child(4){animation-delay:.12s}
  .sn-tool-card:nth-child(2){animation-delay:.03s}.sn-tool-card:nth-child(3){animation-delay:.06s}.sn-tool-card:nth-child(4){animation-delay:.09s}.sn-tool-card:nth-child(5){animation-delay:.12s}.sn-tool-card:nth-child(n+6){animation-delay:.15s}
  @keyframes sn-rise{from{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
}
html[data-sn-motion=still] .sn-sky *,.sn-sky-hero.is-paused .sn-sky *{animation-play-state:paused!important}
html[data-sn-motion=still] .sn-sky .sn-mist,.sn-sky-hero.is-paused .sn-sky .sn-mist{animation:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sn-v9 *,.sn-v9 *::before,.sn-v9 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .sn-sky .sn-cloud,.sn-sky .sn-palm-crown,.sn-sky .sn-river-shimmer path,.sn-sky .sn-star,.sn-sky .sn-lights circle,.sn-sky .sn-flag rect,.sn-sky .sn-flag circle{animation:none!important}
  .sn-cloud-a{left:12%}.sn-cloud-b{left:48%}.sn-cloud-c{left:70%}.sn-cloud-d{left:30%}
}

/* ---------- "No.1 Panel of Bangladesh" badge: sign-in card and dashboard sky ---------- */
/* A navy pill with the logo ribbon as its border reads the same on a day sky, a night sky, and light or dark cards. */
.sn-rank-badge{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:9px;max-width:100%;margin:0!important;padding:4px 12px 4px 4px;border:1.5px solid transparent;border-radius:999px;background:linear-gradient(#0b1437,#0b1437) padding-box,var(--sn-brand-grad) border-box;color:#fff!important;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.005em;white-space:nowrap;text-shadow:none;box-shadow:0 12px 28px -16px rgb(4 8 30/.7)}
.sn-rank-badge::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255/.24) 50%,transparent 65%);transform:translateX(-110%);pointer-events:none}
.sn-rank-medal{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--sn-brand-grad);color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255/.25)}
.sn-v9 .sn-rank-medal .sn-icon{width:15px;height:15px;stroke-width:2.1}
.sn-rank-text{overflow:hidden;text-overflow:ellipsis}
.sn-rank-text strong{font-weight:750;letter-spacing:-.01em;background:linear-gradient(90deg,#7ee9fb,#b9c6ff 55%,#efb8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sn-rank-flag{flex:none;width:19px;height:11.4px;border-radius:2px;box-shadow:0 0 0 1px rgb(255 255 255/.28)}
.sn-hero-copy>.sn-rank-badge{margin:0 0 14px!important}
.sn-auth-card>.sn-rank-badge{margin:0 0 22px!important}
@media (prefers-reduced-motion:no-preference){
  .sn-rank-badge::after{animation:sn-rank-shine 1.6s var(--sn-ease) 1.1s both}
  @keyframes sn-rank-shine{to{transform:translateX(110%)}}
}
html[data-sn-motion=still] .sn-rank-badge::after{animation:none}
@media (max-width:360px){.sn-rank-badge{gap:7px;font-size:12.5px}}

/* ---------- Print ---------- */
@media print{
  .sn-sidebar,.sn-topbar,.sn-productivity,.sn-v9 dialog,.sn-toast,.sn-button,.sn-tool-toolbar,.sn-filter-row,.sn-view-toggle,.sn-favorite,.sn-sky,.sn-sky-controls{display:none!important}
  .sn-workspace{margin:0}.sn-content{padding:0}.sn-dashboard-columns{display:block}
  .sn-hero{min-height:0;background:#fff!important;color:#0b1437!important;box-shadow:none;border:1px solid #ccc}
  .sn-tool-card{break-inside:avoid}
}