@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=Syne:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap");:root{color-scheme:light;--ink:#0e1219;--ink-soft:#2c3545;--muted:#6a7588;--line:rgba(14,18,25,0.09);--line-strong:rgba(14,18,25,0.14);--surface:rgba(255,255,255,0.78);--surface-solid:#f3f5f8;--panel:rgba(255,255,255,0.9);--elevated:#ffffff;--elevated-soft:rgba(255,255,255,0.65);--input-bg:rgba(255,255,255,0.82);--hover:rgba(14,18,25,0.05);--sidebar-bg:rgba(243,245,248,0.88);--toolbar-bg:rgba(243,245,248,0.9);--bg:#e4e9f1;--bg-deep:#cfd7e4;--accent:#1d4ed8;--accent-hover:#163db0;--accent-soft:rgba(29,78,216,0.11);--signal:#b8f229;--signal-ink:#1a2e05;--warm:#ff5c39;--danger:#d92d4a;--ok:#0d8a5a;--shadow:0 24px 60px rgba(18,28,48,0.12);--shadow-sm:0 10px 28px rgba(18,28,48,0.08);--radius:8px;--radius-sm:6px;--font:"DM Sans",system-ui,sans-serif;--display:"Space Grotesk","DM Sans",sans-serif;--brand:"Bricolage Grotesque","Syne","Space Grotesk",sans-serif;--sidebar:268px;--sidebar-collapsed:76px;--grid:rgba(29,78,216,0.055)}[data-theme=dark]{color-scheme:dark;--ink:#e8edf7;--ink-soft:#b7c0d0;--muted:#8b95a8;--line:rgba(232,237,247,0.1);--line-strong:rgba(232,237,247,0.16);--surface:rgba(22,28,40,0.88);--surface-solid:#161c28;--panel:rgba(26,32,46,0.94);--elevated:#1a2233;--elevated-soft:rgba(26,34,51,0.88);--input-bg:rgba(22,28,40,0.92);--hover:rgba(232,237,247,0.07);--sidebar-bg:rgba(12,16,24,0.94);--toolbar-bg:rgba(22,28,40,0.95);--bg:#0e1219;--bg-deep:#161c28;--accent:#4f7df3;--accent-hover:#6b93f7;--accent-soft:rgba(79,125,243,0.18);--signal:#c5f23d;--signal-ink:#142008;--warm:#ff6b4a;--danger:#f2556f;--ok:#2db87a;--shadow:0 24px 60px rgba(0,0,0,0.45);--shadow-sm:0 10px 28px rgba(0,0,0,0.35);--grid:rgba(79,125,243,0.07)}html[data-theme=dark],html[data-theme=dark] body{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(900px 520px at 92% -8%,rgba(184,242,41,.08),transparent 55%),radial-gradient(720px 480px at -8% 20%,rgba(79,125,243,.14),transparent 50%),radial-gradient(600px 400px at 50% 100%,rgba(255,92,57,.06),transparent 55%),linear-gradient(165deg,#121722 0,var(--bg) 45%,#0a0d13 100%)}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=light],html[data-theme=light] body{color:var(--ink);background-color:var(--bg);background-size:48px 48px,48px 48px,auto,auto,auto,auto;background-attachment:fixed}html[data-theme=light],html[data-theme=light] body{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(900px 520px at 92% -8%,rgba(184,242,41,.22),transparent 55%),radial-gradient(720px 480px at -8% 20%,rgba(29,78,216,.16),transparent 50%),radial-gradient(600px 400px at 50% 100%,rgba(255,92,57,.1),transparent 55%),linear-gradient(165deg,#eef1f6 0,var(--bg) 45%,var(--bg-deep) 100%)}[data-theme=dark] .auth-boot{background:linear-gradient(160deg,#121722,#0e1219 45%,#161c28)}[data-theme=dark] .app-sidebar{background:var(--sidebar-bg);border-color:var(--line)}[data-theme=dark] .loop-step,[data-theme=dark] .sheet-input{background:var(--surface-solid);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .btn-secondary,html[data-theme=dark] .canvio-scope-card,html[data-theme=dark] .canvio-scope-card.active,html[data-theme=dark] .canvio-scope-card:hover,html[data-theme=dark] .chip:not(.chip-signal):not(.chip-accent),html[data-theme=dark] .coach-tour-card,html[data-theme=dark] .curve-nav.on,html[data-theme=dark] .doc-editor,html[data-theme=dark] .genre-card,html[data-theme=dark] .help-drawer,html[data-theme=dark] .help-modal,html[data-theme=dark] .input,html[data-theme=dark] .learn-card,html[data-theme=dark] .learn-chapter,html[data-theme=dark] .panel,html[data-theme=dark] .sidebar-toggle,html[data-theme=dark] .studio-switcher-btn.open,html[data-theme=dark] .studio-switcher-btn:hover,html[data-theme=dark] .studio-switcher-menu,html[data-theme=dark] .tool-rail{background:var(--elevated);color:var(--ink)}html[data-theme=dark] .doc-toolbar,html[data-theme=dark] .table th{background:var(--toolbar-bg);color:var(--muted)}html[data-theme=dark] .btn-secondary:hover:not(:disabled),html[data-theme=dark] .table td input:focus{background:var(--surface-solid);color:var(--ink)}html[data-theme=dark] .btn-ghost:hover:not(:disabled),html[data-theme=dark] .curve-nav:hover,html[data-theme=dark] .nav-link:hover,html[data-theme=dark] .studio-switcher-option:hover,html[data-theme=dark] .tool-rail-item:hover{background:var(--hover);color:var(--ink)}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme=dark] option,html[data-theme=dark] select,html[data-theme=dark] textarea{background-color:var(--input-bg);color:var(--ink);border-color:var(--line-strong)}html[data-theme=dark] select option{background:var(--elevated);color:var(--ink)}*{box-sizing:border-box}nextjs-portal{display:none!important}.auth-boot{min-height:100vh;display:grid;place-content:center;grid-gap:10px;gap:10px;justify-items:center;background:linear-gradient(160deg,#e8eef8,#dfe6f2 45%,#e4e9f1);font-family:var(--font)}.auth-boot-mark{font-family:var(--display);font-size:calc(1.4rem * var(--cv-type, 1));font-weight:700;letter-spacing:-.02em;color:var(--ink)}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font);color:var(--ink);background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(900px 520px at 92% -8%,rgba(184,242,41,.22),transparent 55%),radial-gradient(720px 480px at -8% 20%,rgba(29,78,216,.16),transparent 50%),radial-gradient(600px 400px at 50% 100%,rgba(255,92,57,.1),transparent 55%),linear-gradient(165deg,#eef1f6 0,var(--bg) 45%,var(--bg-deep) 100%);background-size:48px 48px,48px 48px,auto,auto,auto,auto;background-attachment:fixed;-webkit-font-smoothing:antialiased}.settings-view-sample{margin:16px 0 0;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--bg,#faf9f4) 70%,#9d7af3 8%);color:var(--ink,#142b37);line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}img{max-width:100%;display:block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;padding:10px 16px;font-weight:650;font-size:calc(13.5px * var(--cv-type, 1));letter-spacing:-.015em;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(29,78,216,.28)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-signal{background:var(--signal);color:var(--signal-ink);box-shadow:0 8px 20px rgba(184,242,41,.35)}.btn-secondary{background:var(--elevated-soft);border-color:var(--line-strong);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--elevated)}.btn-danger{background:color-mix(in srgb,var(--danger) 88%,#000);color:#fff;border-color:transparent;box-shadow:0 8px 20px color-mix(in srgb,var(--danger) 28%,transparent)}.btn-danger:hover:not(:disabled){background:var(--danger)}.btn-danger:disabled{opacity:.45;box-shadow:none}.btn-ghost{background:transparent;color:var(--ink-soft);border-radius:10px;padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--hover);transform:none}.input{width:100%;background:var(--input-bg);border:1px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-sm);padding:12px 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--muted)}.label{display:block;font-size:calc(12px * var(--cv-type, 1));font-weight:650;margin-bottom:6px;letter-spacing:.02em}.label,.muted{color:var(--muted)}.display{line-height:1.02}.display,.h1{font-family:var(--display);letter-spacing:-.045em;margin:0}.h1{font-size:calc(clamp(2rem, 4vw, 3rem) * var(--cv-type, 1));line-height:1.05}.h2{font-family:var(--display);font-size:calc(1.35rem * var(--cv-type, 1));letter-spacing:-.03em;margin:0}.section-title{font-size:calc(12px * var(--cv-type, 1));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.fade-in{animation:rise .5s ease both}.fade-in-late{animation:rise .65s ease .12s both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-12px,0) scale(1.02)}}.landing-promo-boot,.marketing-boot{min-height:100vh;background:#06080f}@keyframes pulse-soft{0%,to{opacity:.55}50%{opacity:1}}.app-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr;transition:grid-template-columns .22s ease}.app-layout.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:14px 10px 12px;display:flex;flex-direction:column;gap:10px;border-right:1px solid color-mix(in srgb,var(--line) 85%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--elevated) 55%,transparent),transparent 42%),var(--sidebar-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow-y:auto;overflow-x:hidden;z-index:30}.sidebar-collapsed .app-sidebar{padding:12px 7px;align-items:stretch;gap:8px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 2px}.sidebar-collapsed .sidebar-top{flex-direction:column;gap:10px}.sidebar-collapsed .brand-mark{justify-content:center;width:100%}.sidebar-collapsed .brand-mark .canvio-logo-lockup,.sidebar-collapsed .brand-mark .canvio-logo-word{display:none}.sidebar-toggle{border:1px solid transparent;background:transparent;border-radius:5px;width:30px;height:30px;display:grid;place-items:center;font-size:calc(13px * var(--cv-type, 1));color:var(--muted);flex-shrink:0;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.sidebar-toggle:hover{background:var(--hover);border-color:var(--line);color:var(--ink)}.sidebar-tagline{margin:-2px 2px 2px;font-size:calc(11px * var(--cv-type, 1));line-height:1.35;letter-spacing:.01em;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-body{display:flex;flex-direction:column;gap:8px;min-height:0}.sidebar-section-label{margin:0 4px 2px;font-size:calc(10px * var(--cv-type, 1));letter-spacing:.08em}.sidebar-nav{display:grid;grid-gap:1px;gap:1px;padding:2px;border-radius:6px;background:color-mix(in srgb,var(--elevated) 42%,transparent)}.sidebar-collapsed .nav-link{justify-content:center;padding:10px 6px;font-size:calc(13px * var(--cv-type, 1));font-weight:750}.app-main{padding:28px clamp(18px,3vw,36px) 48px;min-width:0}.app-main-flush{padding:0;height:100vh;overflow:hidden}.layout-dense .app-main-flush{height:100vh;min-height:0}.app-layout.layout-flush,.app-layout.layout-flush.sidebar-collapsed,.layout-flush{grid-template-columns:1fr}.layout-flush .app-sidebar{display:none}.layout-flush .app-main{padding:0;min-width:0;width:100%}.nav-link{position:relative;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:5px;color:var(--ink-soft);font-weight:600;font-size:calc(13.5px * var(--cv-type, 1));transition:background .15s ease,color .15s ease;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;font-family:inherit;text-decoration:none;box-sizing:border-box}.nav-link:hover{background:var(--hover);color:var(--ink)}.nav-link.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);box-shadow:none;font-weight:700}.nav-link-label{flex:1 1;min-width:0}.nav-link .nav-unread-badge{margin-left:auto}.community-header-simple .community-header-title{font-size:calc(clamp(1.25rem, 2.5vw, 1.5rem) * var(--cv-type, 1))}.community-top{display:grid;grid-gap:16px;gap:16px;padding:4px 2px 2px}.community-top-kicker{margin:0;font-size:calc(11px * var(--cv-type, 1));font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.community-top-title{margin:4px 0 0;font-family:var(--display);font-size:calc(clamp(1.35rem, 2.6vw, 1.7rem) * var(--cv-type, 1));font-weight:700;letter-spacing:-.03em;line-height:1.15}.community-top-desc{margin:6px 0 0;font-size:calc(13.5px * var(--cv-type, 1));line-height:1.45;max-width:52ch}.community-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;width:-moz-fit-content;width:fit-content;max-width:100%;border-radius:14px;background:color-mix(in srgb,var(--elevated) 70%,var(--surface-solid));border:1px solid var(--line);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent)}[data-theme=dark] .community-seg{box-shadow:inset 0 1px 0 rgba(255,255,255,.04);background:color-mix(in srgb,var(--elevated) 88%,transparent)}.community-seg-item{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;color:var(--ink-soft);text-decoration:none;font-size:calc(13px * var(--cv-type, 1));font-weight:600;line-height:1;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.community-seg-item:hover{color:var(--ink);background:var(--hover)}.community-seg-item.is-active{color:var(--ink);background:var(--elevated);box-shadow:var(--shadow-sm)}.community-seg-icon{flex-shrink:0;opacity:.72}.community-seg-item.is-active .community-seg-icon{opacity:1;color:var(--accent)}.community-seg-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e11d48;color:#fff;font-size:calc(10px * var(--cv-type, 1));font-weight:800;line-height:1}@media (max-width:640px){.community-seg{width:100%}.community-seg-item{flex:1 1 auto;justify-content:center;padding:9px 10px}.community-seg-item span:not(.community-seg-badge){font-size:calc(12.5px * var(--cv-type, 1))}}.brand-mark{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.canvio-logo-word{font-family:var(--brand);font-weight:700;font-size:calc(1.02rem * var(--cv-type, 1));letter-spacing:-.03em;font-optical-sizing:auto}.canvio-logo-word-canvio{display:inline-flex;align-items:baseline}.canvio-logo-i{position:relative;display:inline-block;line-height:1}.canvio-logo-idot{position:absolute;left:50%;top:.02em;width:.26em;height:.26em;margin-left:-.13em;border-radius:50%;background:#3b82f6;pointer-events:none}.canvio-logo-mark-img{border-radius:0;object-fit:contain;background:transparent}.canvio-logo-lockup,.canvio-logo-word-img{display:inline-flex;align-items:center;line-height:0}.canvio-wordmark{display:inline-flex;align-items:center;font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.064em;line-height:1;color:inherit}.canvio-logo-dot{display:block;width:.32em;height:.32em;margin-left:.13em;border-radius:50%;background:#d4ff59;flex:none}.canvio-wordmark.is-mark .canvio-logo-dot{width:100%;height:100%;margin:0}.canvio-logo-wm{display:block;width:100%;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.canvio-logo-wm.is-paper,html[data-theme=dark] .canvio-logo-wm.is-ink{display:none}html[data-theme=dark] .canvio-logo-wm.is-paper{display:block}.sidebar-collapsed .canvio-logo-lockup,.sidebar-collapsed .canvio-logo-word{display:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--elevated-soft);border:1px solid var(--line);font-size:calc(12px * var(--cv-type, 1));font-weight:600;color:var(--ink-soft)}.chip-signal{background:var(--signal);color:var(--signal-ink);border-color:transparent}.chip-accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.stat{font-family:var(--display);font-size:calc(1.75rem * var(--cv-type, 1));letter-spacing:-.04em}.table{width:100%;border-collapse:collapse;font-size:calc(13px * var(--cv-type, 1))}.table th{text-align:left;color:var(--muted);font-weight:650;padding:8px 10px;background:var(--toolbar-bg)}.table td,.table th{border-bottom:1px solid var(--line)}.table td{padding:6px 8px}.table td input{width:100%;border:1px solid transparent;background:transparent;padding:6px 8px;border-radius:8px;font:inherit}.table td input:focus{outline:none;border-color:var(--accent);background:var(--elevated);box-shadow:0 0 0 2px var(--accent-soft)}.genre-card{text-align:left;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--elevated-soft);cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.genre-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.genre-card.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.curve-svg{width:100%;height:180px;background:linear-gradient(180deg,rgba(29,78,216,.04),transparent);border-radius:12px;border:1px solid var(--line)}.ai-model-switch{display:grid;grid-gap:4px;gap:4px;min-width:0}.ai-model-switch-row{display:inline-flex;flex-wrap:wrap;padding:3px;border-radius:999px;background:rgba(20,43,55,.08);width:-moz-fit-content;width:fit-content;max-width:100%}.ai-model-switch-row button{border:0;background:transparent;color:#142b37;border-radius:999px;padding:4px 10px;font:inherit;font-size:calc(12px * var(--cv-type, 1));font-weight:650;cursor:pointer}.ai-model-switch-row button.is-on{background:#142b37;color:#faf9f4}.ai-model-switch p{margin:0;font-size:calc(11px * var(--cv-type, 1));line-height:1.35;color:#5c6b74}html[data-theme=dark] .ai-model-switch-row{background:rgba(255,255,255,.08)}html[data-theme=dark] .ai-model-switch-row button{color:#eef3fa}html[data-theme=dark] .ai-model-switch-row button.is-on{background:#faf9f4;color:#142b37}html[data-theme=dark] .ai-model-switch p{color:#b7c6d0}