.tutorial-launcher{border:1px solid var(--border-brand-subtle);background:var(--brand-light);min-height:38px;color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:750;display:flex}.tutorial-launcher svg{color:var(--brand);flex:none}.app-sidebar--collapsed .tutorial-launcher span{display:none}.app-sidebar--collapsed .tutorial-launcher{padding-inline:0}.tutorial-launcher:focus-visible,.tutorial-card button:focus-visible{outline-offset:3px;outline:3px solid #60a5fa}.tutorial-layer{z-index:10000;pointer-events:none;position:fixed;inset:0}.tutorial-spotlight{border:2px solid #60a5fa;border-radius:14px;transition:top .38s cubic-bezier(.2,.8,.2,1),left .38s cubic-bezier(.2,.8,.2,1),width .38s cubic-bezier(.2,.8,.2,1),height .38s cubic-bezier(.2,.8,.2,1);position:fixed;box-shadow:0 0 0 4px #3b82f633,0 0 28px #3b82f66b}.tutorial-card{pointer-events:auto;color:#17243b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#fffffffa,#f0f7fff7);border:1px solid #83a5d759;border-radius:26px;width:min(410px,100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;animation:.45s cubic-bezier(.16,1,.3,1) both tutorial-enter;position:fixed;bottom:24px;right:24px;overflow-y:auto;box-shadow:0 24px 80px #0d1e4242,0 2px 12px #1c4b921f,inset 0 1px #ffffffe6}html.dark .tutorial-card,html[data-theme=dark] .tutorial-card{color:#eff6ff;background:linear-gradient(145deg,#1c283efa,#0f182bfa);border-color:#82abe638;box-shadow:0 24px 80px #0000007a,inset 0 1px #ffffff14}.tutorial-card__top,.tutorial-card__progress-label,.tutorial-card__actions,.tutorial-card__controls{justify-content:space-between;align-items:center;display:flex}.tutorial-card__brand{letter-spacing:.01em;align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.tutorial-card__icon{color:#fff;background:linear-gradient(145deg,#60a5fa,#2563eb 70%,#1d4ed8);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 5px 12px #2563eb40}.tutorial-card__close,.tutorial-card__back{width:38px;height:38px;color:inherit;cursor:pointer;background:#6e8fba1f;border:0;border-radius:12px;place-items:center;display:grid}.tutorial-card__progress-label{color:#526581;margin:23px 0 8px;font-size:11px;font-weight:750}html.dark .tutorial-card__progress-label,html[data-theme=dark] .tutorial-card__progress-label{color:#aec2dc}.tutorial-progress{background:#638ecd2e;border-radius:99px;height:5px;overflow:hidden}.tutorial-progress span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.tutorial-card__content{animation:.32s cubic-bezier(.16,1,.3,1) both tutorial-content}.tutorial-card h2{letter-spacing:-.045em;outline:none;margin:22px 0 8px;font-size:24px;font-weight:800;line-height:1.15}.tutorial-card p{color:#465b78;margin:0;font-size:14px;line-height:1.6}html.dark .tutorial-card p,html[data-theme=dark] .tutorial-card p{color:#c3d1e5}.tutorial-card__hint{color:#1e4d9b;background:#3b82f613;border:1px solid #3b82f629;border-radius:14px;align-items:flex-start;gap:9px;margin-top:16px;padding:12px 13px;font-size:12px;font-weight:650;line-height:1.5;display:flex}.tutorial-card__hint span{color:#3b82f6;font-size:16px;line-height:1}html.dark .tutorial-card__hint,html[data-theme=dark] .tutorial-card__hint{color:#bcd9ff;background:#3b82f621}.tutorial-card--top{top:24px;bottom:auto}.tutorial-card__hint--action{width:100%;font:inherit;text-align:left;cursor:pointer;font-size:12px;font-weight:700;transition:background-color .16s,border-color .16s}.tutorial-card__hint--action svg{color:#3b82f6;flex:none;margin-top:1px}.tutorial-card__hint--action:hover{background:#3b82f61f;border-color:#3b82f652}.tutorial-card__hint--action:focus-visible{outline-offset:3px;outline:3px solid #60a5fa}.tutorial-card__hint--muted{color:#526581;background:#6e8fba1a;border-color:#6e8fba33}html.dark .tutorial-card__hint--muted,html[data-theme=dark] .tutorial-card__hint--muted{color:#aec2dc}.tutorial-card__actions{gap:12px;margin-top:20px}.tutorial-card__skip{color:#526581;cursor:pointer;background:0 0;border:0;min-height:42px;padding:0 6px;font-size:12px;font-weight:750}html.dark .tutorial-card__skip,html[data-theme=dark] .tutorial-card__skip{color:#aec2dc}.tutorial-card__controls{gap:8px}.tutorial-card__next{color:#fff;cursor:pointer;background:linear-gradient(#3b82f6,#1d4ed8);border:1px solid #1d4ed8;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:13px;font-weight:800;display:flex;box-shadow:0 6px 14px #2563eb3d,inset 0 1px #ffffff40}.tutorial-card__next:active{transform:scale(.97)}@keyframes tutorial-enter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes tutorial-content{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1023px){.tutorial-card{right:16px;bottom:calc(84px + env(safe-area-inset-bottom));padding:18px}.tutorial-card--top{top:calc(16px + env(safe-area-inset-top));bottom:auto}.tutorial-card h2{margin-top:16px;font-size:21px}.tutorial-card__progress-label{margin-top:16px}}@media (max-height:600px){.tutorial-card{max-height:calc(100dvh - 24px);top:12px;bottom:auto}.tutorial-card__progress-label,.tutorial-card h2{margin-top:10px}.tutorial-card__hint{margin-top:8px}.tutorial-card__actions{margin-top:10px}}@media (prefers-reduced-motion:reduce){.tutorial-card,.tutorial-card__content{animation:none}.tutorial-spotlight,.tutorial-progress span{transition:none}}@media (forced-colors:active){.tutorial-card,.tutorial-spotlight,.tutorial-card__hint{border:2px solid canvastext}.tutorial-card__next{border:2px solid buttontext}}
.landing-header.landing-glass-header{--header-ink:#1d2230;--header-muted:#586172;--header-edge:#161c2e1f;--header-surface:#ffffffb8;--header-panel:#fffffff5;--header-active:#2563eb;--header-tint:#2563eb14;top:max(8px, env(safe-area-inset-top));z-index:40;border:1px solid var(--header-edge);width:calc(100% - 24px);max-width:1480px;color:var(--header-ink);background:linear-gradient(115deg, #ffffff8c, transparent 45%, #2563eb0d), var(--header-surface);-webkit-backdrop-filter:blur(16px)saturate(155%);--lg-refract-bezel:16px;--lg-refract-strength:11px;border-radius:999px;margin:10px auto 0;transition:background-color .18s,box-shadow .18s,border-color .18s;position:sticky;box-shadow:inset 0 1px #fffc,inset 0 -1px #ffffff47,0 10px 30px -20px #161c2e33}.dark .landing-header.landing-glass-header{--header-ink:#eceef3;--header-muted:#a7adba;--header-edge:#ffffff1f;--header-surface:#12141aa6;--header-panel:#14161df5;--header-active:#60a5fa;--header-tint:#60a5fa1f;background:linear-gradient(115deg, #ffffff14, transparent 45%, #60a5fa0d), var(--header-surface);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0000004d,0 14px 36px -22px #000000b3}.landing-header.landing-glass-header.is-scrolled,.landing-header.landing-glass-header.is-open{background-color:var(--header-panel);border-color:var(--header-edge);box-shadow:inset 0 1px #aed6f940,0 14px 34px -18px #0a23474d}.landing-glass-header__bar{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:5px 12px;display:flex}.landing-glass-header__brand{min-width:0}.landing-glass-header__brand>a{border-radius:999px;gap:8px}.landing-glass-header__brand img{width:32px;height:32px}.landing-glass-header__brand .brand-mark__text p:first-child{letter-spacing:-.02em;color:var(--header-ink);font-size:13.5px;font-weight:800}.landing-glass-header__brand .brand-mark__text p:last-child{color:var(--header-muted);font-size:9.5px;font-weight:600}.landing-glass-header__nav{align-items:center;gap:3px;display:none}.landing-glass-header__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.landing-glass-header__nav a,.landing-glass-header__mobile-nav a{min-height:34px;color:var(--header-muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:6px 13px;font-size:12.5px;font-weight:650;transition:color .16s,background-color .16s,border-color .16s;display:flex;position:relative}.landing-glass-header__nav a[aria-current],.landing-glass-header__mobile-nav a[aria-current]{color:var(--header-active);background:var(--header-tint);border-color:var(--header-edge);box-shadow:inset 0 1px #a3d7ff33}.landing-glass-header__nav a[aria-current]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:calc(50% - 2px)}.landing-glass-header .landing-glass-header__theme{border:1px solid var(--header-edge)!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;color:var(--header-ink)!important;background:color-mix(in srgb, var(--header-ink) 4%, transparent)!important;box-shadow:none!important;border-radius:999px!important;flex:0 0 34px!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:transform .16s,background-color .16s,border-color .16s!important;display:inline-flex!important}.landing-glass-header__toggle{border:1px solid var(--header-edge);width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;color:var(--header-ink);background:color-mix(in srgb, var(--header-ink) 4%, transparent);box-shadow:none;cursor:pointer;border-radius:999px;flex:0 0 34px;justify-content:center;align-items:center;padding:0;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.landing-glass-header__cta{border:1px solid var(--header-edge);min-height:34px;color:var(--header-ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:background-color .16s,box-shadow .16s,transform .16s,border-color .16s;display:inline-flex}.landing-glass-header__cta--primary{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#ffffff47!important;font-size:12.5px!important;font-weight:750!important;box-shadow:inset 0 1px #ffffff59,0 3px 10px -2px #2563eb73!important}.landing-glass-header__login{color:var(--header-ink)!important;background:color-mix(in srgb, var(--header-ink) 4%, transparent)!important;border:1px solid var(--header-edge)!important;box-shadow:none!important}.landing-glass-header__login,.landing-glass-header__account{display:none}.landing-glass-header__logout{border:1px solid var(--header-edge)!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;color:var(--header-muted)!important;background:color-mix(in srgb, var(--header-ink) 4%, transparent)!important;box-shadow:none!important;cursor:pointer!important;border-radius:999px!important;flex:0 0 34px!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:transform .16s,background-color .16s,color .16s,border-color .16s!important;display:inline-flex!important}.landing-glass-header__logout .app-sidebar__label{display:none!important}.landing-glass-header__logout svg{width:14px!important;height:14px!important}.landing-glass-header__panel{top:calc(100% + 8px);overscroll-behavior:contain;border:1px solid var(--header-edge);background:var(--header-panel);border-radius:20px;max-height:calc(100vh - 100px);padding:12px;position:absolute;inset-inline:0;overflow-y:auto;box-shadow:inset 0 1px #aed6f933,0 20px 44px -16px #081c3a4d}.landing-glass-header__panel[hidden]{display:none}@supports (height:100dvh){.landing-glass-header__panel{max-height:calc(100dvh - 100px - env(safe-area-inset-top))}}.landing-glass-header__mobile-nav{gap:4px;display:grid}.landing-glass-header__mobile-nav a{border-radius:12px;min-height:42px;font-size:13.5px}.landing-glass-header__mobile-nav a[aria-current]:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-left:auto}.landing-glass-header__mobile-account{border-top:1px solid var(--header-edge);flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:12px;display:flex}.landing-glass-header__mobile-account>a{flex:1}.landing-glass-header :is(a,button):focus-visible{outline:2px solid var(--header-active);outline-offset:0}@media (hover:hover){.landing-glass-header__nav a:hover,.landing-glass-header__mobile-nav a:hover,.landing-glass-header__cta:not(.landing-glass-header__cta--primary):hover{background:var(--header-tint);color:var(--header-active);border-color:var(--header-edge)}.landing-glass-header__toggle:hover,.landing-glass-header .landing-glass-header__theme:hover{background:var(--header-tint);color:var(--header-ink);transform:scale(1.05)}.landing-glass-header__logout:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d;transform:scale(1.05)}.landing-glass-header__cta--primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff73,0 5px 16px -2px #2563eb99}}@media (min-width:480px){.landing-glass-header__account{display:inline-flex}}@media (min-width:640px){.landing-glass-header__login{display:inline-flex}}@media (min-width:860px){.landing-glass-header__nav{display:flex}.landing-glass-header__toggle,.landing-glass-header__panel{display:none!important}}@media (min-width:1920px){.landing-header.landing-glass-header{max-width:1560px}}@media (min-width:2560px){.landing-header.landing-glass-header{max-width:1640px}}@media (max-width:479px){.landing-header.landing-glass-header{width:calc(100% - 16px);top:max(6px, env(safe-area-inset-top));margin-top:6px}.landing-glass-header__bar{gap:6px;min-height:48px;padding:4px 8px}.landing-glass-header__brand>a{gap:6px}.landing-glass-header__brand img{width:28px;height:28px}.landing-glass-header__brand .brand-mark__text p:first-child{font-size:13px}.landing-glass-header__brand .brand-mark__text p:last-child{display:none}.landing-glass-header__actions{gap:4px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.landing-header.landing-glass-header{background:var(--header-panel)}}@media (prefers-reduced-motion:reduce){.landing-header.landing-glass-header,.landing-glass-header *,.landing-glass-header :after{transition:none!important;animation:none!important}}@media (forced-colors:active){.landing-glass-header :is(a,button)[aria-current]{outline:2px solid highlight}.landing-glass-header__cta--primary{border-color:buttontext}}
