/* Novus UI core — the single source of colour, material and backdrop for every Novus surface
   (shell, sign-in and account pages, welcome, error). Page files only lay things out and read these tokens.
   A surface opts into a scheme with .nvs-dark or .nvs-light; everything inside resolves from it. */

:root{
  --nvs-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --nvs-mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
  --nvs-ease:cubic-bezier(.22,1,.36,1);
  --nvs-night:#0b0c11;
  /* side gutter of full pages (account, welcome): logo and top-right controls sit at the same x on every page */
  --nvs-gutter:40px;
  /* brand */
  --nvs-red:#c8102e;
  --nvs-red-vivid:#e11d48;
  --nvs-red-glow:rgba(225,40,74,.8);
  --nvs-red-solid:linear-gradient(180deg,#e0284a,#b50f2b);
  --nvs-red-tile:linear-gradient(140deg,#fb6f8a,#e11d48);
  --nvs-violet:#7c3aed;
  --nvs-blue:#2563eb;
  --nvs-star:#e0a10c;
  --nvs-tip-bg:#1b1c24;
  --nvs-paper:#fff;
  --nvs-on-red:#fff;
  --nvs-scrim:rgba(8,9,13,.45);
  --nvs-shadow-tip:0 8px 24px rgba(0,0,0,.35);
  --nvs-shadow-avatar:0 4px 12px -4px rgba(16,17,26,.3);
  --nvs-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --nvs-noise-l:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .055 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ---------- schemes ----------
   .nvs-dark / .nvs-light pin a surface; .nvs-auto follows the visitor's choice kept on <html data-nvs-scheme>. */
.nvs-dark,.nvs-auto{
  color-scheme:dark;
  --nvs-ink:#eef0f5;--nvs-ink-2:#c9ccd8;--nvs-ink-3:#a9acbb;--nvs-mute:#8d90a0;--nvs-mute-2:#6f7282;
  --nvs-acc:#ff6b80;--nvs-acc-strong:#ff4d67;--nvs-acc-soft:rgba(242,64,93,.15);--nvs-acc-line:rgba(242,64,93,.45);
  --nvs-line:rgba(255,255,255,.08);--nvs-line-soft:rgba(255,255,255,.06);--nvs-hover:rgba(255,255,255,.055);
  --nvs-canvas:transparent;--nvs-page:var(--nvs-night);--nvs-panel:transparent;--nvs-aside:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.05) 55%,rgba(255,255,255,.035));--nvs-deep:#0d0e14;--nvs-grid-line:rgba(255,255,255,.024);
  --nvs-ctl-bg:rgba(255,255,255,.07);--nvs-ctl-line:rgba(255,255,255,.14);--nvs-ctl-ink:#e6e8ef;--nvs-ctl-shadow:none;
  --nvs-ctl-hover-bg:rgba(255,255,255,.13);--nvs-ctl-hover-line:rgba(255,255,255,.26);--nvs-ctl-hover-ink:#fff;
  --nvs-tab-bg:rgba(255,255,255,.035);--nvs-tab-on-bg:rgba(255,255,255,.09);
  --nvs-pop-bg:#17181f;--nvs-pop-line:rgba(255,255,255,.1);--nvs-pop-shadow:0 30px 60px -20px rgba(0,0,0,.7);
  --nvs-seg-bg:rgba(255,255,255,.05);--nvs-seg-on:rgba(255,255,255,.12);--nvs-seg-on-shadow:none;
  --nvs-card-bg:rgba(255,255,255,.04);--nvs-card-hover:rgba(255,255,255,.07);--nvs-card-line:rgba(255,255,255,.075);--nvs-card-shadow:none;
  --nvs-chip-line:rgba(255,255,255,.12);--nvs-chip-ink:#b9bccb;--nvs-chip-bg:transparent;--nvs-chip-on-bg:#fff;--nvs-chip-on-ink:#121318;
  --nvs-field-bg:rgba(255,255,255,.05);--nvs-field-line:rgba(255,255,255,.1);--nvs-field-shadow:none;
  --nvs-danger-ink:#ffc2cc;--nvs-danger-ic:#ff6b80;--nvs-danger-bg:rgba(242,64,93,.12);--nvs-danger-line:rgba(242,64,93,.38);
  --nvs-scroll:rgba(255,255,255,.14);--nvs-light-spot:rgba(255,255,255,.09);--nvs-sheen:rgba(255,255,255,.35);
  --nvs-ring:rgba(255,255,255,.14);--nvs-dot-ring:#3a1520;
  --nvs-tone-1:#fb7185;--nvs-tone-2:#60a5fa;--nvs-tone-3:#a78bfa;--nvs-tone-4:#fbbf24;--nvs-tone-5:#34d399;
  --nvs-fav-bg:linear-gradient(135deg,rgba(242,64,93,.12),rgba(124,58,237,.07));
  --nvs-tile-shadow:0 10px 22px -10px rgba(0,0,0,.6);
  --nvs-on-ink:#fff;--nvs-sel:linear-gradient(90deg,rgba(242,64,93,.24),rgba(242,64,93,.05));
  --nvs-panel-shadow:1px 0 0 rgba(255,255,255,.1),12px 0 40px -24px rgba(0,0,0,.8);
  color:var(--nvs-ink)
}
.nvs-light,html[data-nvs-scheme="light"] .nvs-auto{
  color-scheme:light;
  --nvs-ink:#14151a;--nvs-ink-2:#3a3b45;--nvs-ink-3:#4b4c56;--nvs-mute:#8a8b95;--nvs-mute-2:#9a9ba6;
  --nvs-acc:#c8102e;--nvs-acc-strong:#c8102e;--nvs-acc-soft:#fde8ec;--nvs-acc-line:rgba(200,16,46,.35);
  --nvs-line:#e6e6ec;--nvs-line-soft:#eeeef2;--nvs-hover:#f2f2f5;
  --nvs-canvas:var(--nvs-noise-l),#f3f4f8;--nvs-page:var(--nvs-noise-l),#f3f4f8;--nvs-panel:var(--nvs-noise-l),#fff;--nvs-aside:var(--nvs-panel);--nvs-deep:#f6f7fa;--nvs-grid-line:rgba(20,21,26,.03);
  --nvs-ctl-bg:#fff;--nvs-ctl-line:#e4e4ea;--nvs-ctl-ink:#3a3b45;--nvs-ctl-shadow:0 1px 2px rgba(16,17,26,.04);
  --nvs-ctl-hover-bg:#fff;--nvs-ctl-hover-line:#f3b6c1;--nvs-ctl-hover-ink:#c8102e;
  --nvs-tab-bg:#fff;--nvs-tab-on-bg:#fff;
  --nvs-pop-bg:#fff;--nvs-pop-line:#e6e6ec;--nvs-pop-shadow:0 26px 50px -22px rgba(16,17,26,.38),0 2px 6px rgba(16,17,26,.06);
  --nvs-seg-bg:#f2f2f5;--nvs-seg-on:#fff;--nvs-seg-on-shadow:0 1px 3px rgba(16,17,26,.12);
  --nvs-card-bg:#fff;--nvs-card-hover:#fff;--nvs-card-line:#e8e8ee;--nvs-card-shadow:0 1px 2px rgba(20,21,26,.04),0 12px 28px -22px rgba(20,21,26,.3);
  --nvs-chip-line:#e0e0e7;--nvs-chip-ink:#4b4c56;--nvs-chip-bg:rgba(255,255,255,.75);--nvs-chip-on-bg:#14151a;--nvs-chip-on-ink:#fff;
  --nvs-field-bg:#fff;--nvs-field-line:#e3e3ea;--nvs-field-shadow:0 10px 30px -20px rgba(20,21,26,.3);
  --nvs-danger-ink:#b00d27;--nvs-danger-ic:#c8102e;--nvs-danger-bg:#fdecef;--nvs-danger-line:#f6c4cd;
  --nvs-scroll:rgba(20,21,26,.16);--nvs-light-spot:rgba(200,16,46,.07);--nvs-sheen:rgba(255,255,255,.9);
  --nvs-ring:rgba(255,255,255,.9);--nvs-dot-ring:#fff;
  --nvs-tone-1:#e11d48;--nvs-tone-2:#2563eb;--nvs-tone-3:#7c3aed;--nvs-tone-4:#d97706;--nvs-tone-5:#059669;
  --nvs-fav-bg:linear-gradient(135deg,var(--tb,#fff4f6),#fff 75%);
  --nvs-tile-shadow:0 10px 20px -10px var(--tc,rgba(0,0,0,.4));
  --nvs-on-ink:#ad0c26;--nvs-sel:linear-gradient(90deg,rgba(200,16,46,.11),rgba(200,16,46,.03));
  --nvs-panel-shadow:1px 0 0 #e6e6eb,8px 0 30px -18px rgba(20,21,26,.18);
  color:var(--nvs-ink)
}

/* ---------- category tones: module tiles, gallery chips ---------- */
[data-cat="mali"]{--tg:linear-gradient(140deg,#fcc23d,#f97316);--tb:#fef3c7;--tc:#b45309;--tk:#f59e0b}
[data-cat="ik"]{--tg:linear-gradient(140deg,#3ee0c8,#0d9488);--tb:#ccfbf1;--tc:#0f766e;--tk:#14b8a6}
[data-cat="varlik"]{--tg:linear-gradient(140deg,#fb6f8a,#e11d48);--tb:#ffe4e6;--tc:#be123c;--tk:#f43f5e}
[data-cat="hizmet"]{--tg:linear-gradient(140deg,#b39bff,#7c3aed);--tb:#ede9fe;--tc:#6d28d9;--tk:#8b5cf6}
[data-cat="yonetim"]{--tg:linear-gradient(140deg,#6cb2ff,#2563eb);--tb:#dbeafe;--tc:#1d4ed8;--tk:#3b82f6}
[data-cat="platform"],[data-cat="diger"]{--tg:linear-gradient(140deg,#a3b1c6,#475569);--tb:#e2e8f0;--tc:#334155;--tk:#94a3b8}

/* ---------- base ---------- */
.nvs-ui{font-family:var(--nvs-font);font-size:15px;line-height:1.45;letter-spacing:-.008em;font-feature-settings:"cv11" 1,"ss01" 1;-webkit-font-smoothing:antialiased}
.nvs-ui *,.nvs-ui *::before,.nvs-ui *::after{box-sizing:border-box}
.nvs-ui :where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;margin:0;text-align:left}
.nvs-ui :where(h1,h2,h3,h4,h5,h6,p){margin:0}
.nvs-ui :focus-visible{outline:2px solid var(--nvs-acc);outline-offset:1px}
.nvs-ic{width:19px;height:19px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.nvs-sprite{position:absolute;width:0;height:0;overflow:hidden}
.nvs-eb{display:block;font:600 12.5px var(--nvs-font);letter-spacing:.14em;text-transform:uppercase;color:var(--nvs-mute)}

/* ---------- backdrop. Static on purpose: nothing animates while idle; a pointer move only eases the layers. ---------- */
.nvs-canvas{background:var(--nvs-canvas)}
.nvs-light.nvs-canvas::before,html[data-nvs-scheme="light"] .nvs-auto.nvs-canvas::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(16,17,26,.16) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 52% 46%,transparent 40%,#000 100%);mask-image:radial-gradient(ellipse 75% 70% at 52% 46%,transparent 40%,#000 100%)}
.nvs-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.nvs-glow i{position:absolute;border-radius:50%;transition:translate 1.2s var(--nvs-ease)}
.nvs-glow .g1{width:900px;height:900px;right:-330px;top:-380px;background:radial-gradient(circle,rgba(230,40,68,.55) 0,rgba(230,40,68,.22) 32%,rgba(230,40,68,0) 66%);translate:calc(var(--px,0) * -34px) calc(var(--py,0) * -26px)}
.nvs-glow .g2{width:980px;height:980px;left:-380px;bottom:-440px;background:radial-gradient(circle,rgba(66,76,240,.5) 0,rgba(66,76,240,.2) 32%,rgba(66,76,240,0) 66%);translate:calc(var(--px,0) * 30px) calc(var(--py,0) * 24px)}
.nvs-glow .g3{width:760px;height:760px;left:28%;bottom:-420px;background:radial-gradient(circle,rgba(150,48,196,.28) 0,rgba(150,48,196,.1) 34%,rgba(150,48,196,0) 66%);translate:calc(var(--px,0) * -18px) calc(var(--py,0) * 14px)}
.nvs-glow::after{content:"";position:absolute;inset:0;background:var(--nvs-noise);opacity:.7}
.nvs-light > .nvs-glow,html[data-nvs-scheme="light"] .nvs-auto > .nvs-glow{display:none}
/* faint grid that fades out towards the edges (brand panels, welcome page) */
.nvs-gridded::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(var(--nvs-grid-line) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,var(--nvs-grid-line) 1px,transparent 1px) 0 0/46px 46px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,#000 30%,transparent 100%)}
/* concentric arcs: only on light surfaces, where the dark-mode glows sit */
.nvs-orn{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.nvs-light > .nvs-orn,html[data-nvs-scheme="light"] .nvs-auto > .nvs-orn{display:block}
.nvs-orn svg{position:absolute;display:block;transition:translate 1.2s var(--nvs-ease)}
.nvs-orn-r svg{top:0;right:0;translate:calc(var(--px,0) * -22px) calc(var(--py,0) * -16px);-webkit-mask-image:radial-gradient(circle at 100% 0,#000 18%,transparent 70%);mask-image:radial-gradient(circle at 100% 0,#000 18%,transparent 70%)}
.nvs-orn-b svg{left:0;bottom:0;translate:calc(var(--px,0) * 18px) calc(var(--py,0) * 14px);-webkit-mask-image:radial-gradient(circle at 0 100%,#000 34%,transparent 82%);mask-image:radial-gradient(circle at 0 100%,#000 34%,transparent 82%)}

/* ---------- controls ---------- */
.nvs-ibtn{position:relative;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;color:var(--nvs-ctl-ink);background:var(--nvs-ctl-bg);border:1px solid var(--nvs-ctl-line);box-shadow:var(--nvs-ctl-shadow);transition:background .15s,border-color .15s,color .15s,transform .15s}
.nvs-ibtn:hover,.nvs-ibtn.act{color:var(--nvs-ctl-hover-ink);background:var(--nvs-ctl-hover-bg);border-color:var(--nvs-ctl-hover-line);transform:translateY(-1px)}
.nvs-ibtn i{font-size:17px;color:inherit!important}
.nvs-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--nvs-acc);box-shadow:0 0 0 2px var(--nvs-dot-ring)}
.nvs-tl{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:18px;line-height:1;color:#fff;background:var(--tg,var(--nvs-red-tile));box-shadow:var(--nvs-tile-shadow)}
.nvs-tl i{color:#fff!important;font-size:inherit}
.nvs-tl .nvs-ic{color:#fff}
.nvs-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--nvs-chip-line);color:var(--nvs-chip-ink);background:var(--nvs-chip-bg);font-size:14.5px;font-weight:500;transition:border-color .15s,color .15s,background .15s}
.nvs-chip .nvs-ic{width:15px;height:15px;color:var(--tk,currentColor)}
.nvs-chip:hover{border-color:var(--nvs-acc-line);color:var(--nvs-ink)}
.nvs-chip.on{background:var(--nvs-chip-on-bg);color:var(--nvs-chip-on-ink);border-color:var(--nvs-chip-on-bg)}
.nvs-chip.on .nvs-ic{color:inherit}
.nvs-srch{display:flex;align-items:center;gap:9px;height:48px;padding:0 16px;margin:0;border-radius:12px;color:var(--nvs-mute);background:var(--nvs-field-bg);border:1px solid var(--nvs-field-line);box-shadow:var(--nvs-field-shadow)}
.nvs-srch:focus-within{border-color:var(--nvs-acc-line);box-shadow:0 0 0 3px var(--nvs-acc-soft)}
.nvs-srch .nvs-ic{width:16px;height:16px}
.nvs-srch input{flex:1;min-width:0;border:0;background:none;outline:none!important;font:inherit;font-size:15.5px;color:var(--nvs-ink)}
.nvs-srch input::placeholder{color:var(--nvs-mute)}
/* segmented switch */
.nvs-ths{display:flex;padding:3px;border-radius:10px;background:var(--nvs-seg-bg);border:1px solid var(--nvs-line-soft)}
.nvs-ths button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--nvs-mute)}
.nvs-ths button .nvs-ic{width:14px;height:14px}
.nvs-ths button:hover{color:var(--nvs-ink)}
.nvs-ths button.on{background:var(--nvs-seg-on);color:var(--nvs-ink);box-shadow:var(--nvs-seg-on-shadow)}
.nvs-ths button.on .nvs-ic{color:var(--nvs-acc)}
/* danger action (secure sign-out) */
.nvs-danger{color:var(--nvs-danger-ink)!important;background:var(--nvs-danger-bg);border:1px solid var(--nvs-danger-line);text-decoration:none!important;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.nvs-danger .nvs-ic{color:var(--nvs-danger-ic)}
.nvs-danger:hover{color:#fff!important;background:var(--nvs-red-solid);border-color:transparent;box-shadow:0 10px 22px -10px var(--nvs-red-glow)}
.nvs-danger:hover .nvs-ic{color:#fff}

/* buttons, badge, gradient headline — shared by sign-in, welcome and any full page */
.nvs-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 26px;border-radius:13px!important;font:600 16.5px var(--nvs-font)!important;line-height:1!important;text-decoration:none!important;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}
.nvs-btn .nvs-ic{width:16px;height:16px}
.nvs-btn-primary{color:var(--nvs-on-red)!important;background:var(--nvs-red-solid)!important;border:0!important;box-shadow:0 14px 28px -14px var(--nvs-red-glow)!important}
.nvs-btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 32px -14px var(--nvs-red-glow)!important}
.nvs-btn-ghost{color:var(--nvs-ink)!important;background:var(--nvs-card-bg);border:1px solid var(--nvs-card-line)}
.nvs-btn-ghost:hover{color:var(--nvs-acc)!important;border-color:var(--nvs-acc-line)}
.nvs-badge{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 15px;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--nvs-ink-2);background:var(--nvs-card-bg);border:1px solid var(--nvs-card-line)}
.nvs-badge i{width:7px;height:7px;border-radius:50%;background:var(--nvs-acc-strong);box-shadow:0 0 0 3px var(--nvs-acc-soft)}
.nvs-badge.ok i{background:var(--nvs-tone-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--nvs-tone-5) 22%,transparent)}
.nvs-grad{background:linear-gradient(92deg,var(--nvs-ink) 0%,var(--nvs-acc) 55%,var(--nvs-red-vivid) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* scheme toggle: shows the scheme it switches to */
.nvs-theme-btn .i-moon,html[data-nvs-scheme="light"] .nvs-theme-btn .i-sun{display:none}
html[data-nvs-scheme="light"] .nvs-theme-btn .i-moon{display:block}

/* brand block: logo | name over subtitle. Logo and name sit on the 58px bar axis (centre 29px) next to the
   controls beside them; the subtitle hangs below the name. */
.nvs-brand{display:flex;align-items:center;gap:18px;min-width:0;align-self:flex-start;margin-top:19px}
.nvs-brand a{display:flex;align-items:center}
.nvs-brand img{display:block;height:auto;max-height:34px;max-width:240px}
/* wordmark per scheme (_NvsBrandLogo) */
.nvs-dark .nvs-logo-l,.nvs-auto .nvs-logo-l,.nvs-light .nvs-logo-d,html[data-nvs-scheme="light"] .nvs-auto .nvs-logo-d{display:none}
.nvs-light .nvs-logo-l,html[data-nvs-scheme="light"] .nvs-auto .nvs-logo-l{display:block}
.nvs-brand-div{width:1px;height:30px;flex:none;background:var(--nvs-line)}
.nvs-brand-text{display:grid;gap:4px;min-width:0;white-space:nowrap}
.nvs-brand-text b{font-size:20px;font-weight:600;line-height:20px;letter-spacing:-.01em}
.nvs-brand-text span{font-size:14.5px;line-height:16px;color:var(--nvs-mute);overflow:hidden;text-overflow:ellipsis}
/* ---------- popovers ---------- */.nvs-pop{position:absolute;top:44px;right:0;width:272px;padding:12px;border-radius:14px;display:grid;gap:10px;z-index:33;color:var(--nvs-ink);background:var(--nvs-pop-bg);border:1px solid var(--nvs-pop-line);box-shadow:var(--nvs-pop-shadow);animation:nvsPopIn .32s var(--nvs-ease);transform-origin:top right}
.nvs-pop[hidden]{display:none}
.nvs-pop h6{font:600 12.5px var(--nvs-font);letter-spacing:.14em;text-transform:uppercase;color:var(--nvs-mute);margin:2px 4px 0}
.nvs-pop-sep{height:1px;margin:0 -12px;background:var(--nvs-line-soft)}
.nvs-pop-item{display:flex;align-items:center;gap:11px;height:40px;padding:0 11px;border-radius:10px;font-size:15px;font-weight:500;color:var(--nvs-ink-2)!important;text-decoration:none!important;transition:background .15s,color .15s}
.nvs-pop-item .nvs-ic{width:18px;height:18px;color:var(--nvs-mute);transition:color .15s}
.nvs-pop-item:hover{background:var(--nvs-hover);color:var(--nvs-ink)!important}
.nvs-pop-item:hover .nvs-ic{color:var(--nvs-acc)}
.nvs-pop-item.danger{color:var(--nvs-danger-ink)!important}
.nvs-pop-item.danger .nvs-ic{color:var(--nvs-danger-ic)}
.nvs-pop-item.danger:hover{background:var(--nvs-danger-bg)}
@keyframes nvsPopIn{from{opacity:0;transform:translateY(-6px) scale(.98)}}
@keyframes nvsRise{from{opacity:0;transform:translateY(12px)}}

/* theme switch: circular reveal from the clicked button */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:nvsVt .75s cubic-bezier(.65,0,.35,1)}
@keyframes nvsVt{from{clip-path:circle(0 at var(--vx,50%) var(--vy,0))}to{clip-path:circle(150vmax at var(--vx,50%) var(--vy,0))}}

@media (prefers-reduced-motion:reduce){
  .nvs-ui *,.nvs-ui *::before,.nvs-ui *::after{animation:none!important;transition:none!important}
  .nvs-glow i,.nvs-orn svg{translate:none!important}
}

/* effects switched off in the profile (html attributes set by the shell, copied into screen frames) */
html[data-nvs-motion="off"] .nvs-ui,html[data-nvs-motion="off"] .nvs-ui::before,html[data-nvs-motion="off"] .nvs-ui::after,html[data-nvs-motion="off"] .nvs-ui *,html[data-nvs-motion="off"] .nvs-ui *::before,html[data-nvs-motion="off"] .nvs-ui *::after{animation:none!important;transition:none!important}
html[data-nvs-motion="off"] .nvs-glow i,html[data-nvs-motion="off"] .nvs-orn svg{translate:none!important}
html[data-nvs-glow="off"] .nvs-glow{display:none!important}
html[data-nvs-rings="off"] .nvs-orn{display:none!important}