*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--surface-0:#fff;--surface-1:#f9f9f8;--surface-2:#f3f3f1;--surface-3:#ebebea;--border-subtle:#ebebea;--border-default:#dcdcda;--canvas-dot:#c8c8c6;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#a0a0a0;--text-disabled:#c8c8c8;--accent:#5e6ad2;--accent-hover:#4f5bbf;--accent-subtle:#5e6ad214;--accent-text:#5e6ad2;--green:#0f7b6c;--green-subtle:#0f7b6c14;--red:#d14343;--red-subtle:#d1434314;--shadow-sm:0 1px 2px #0000000f,0 1px 3px #0000000a;--shadow-md:0 4px 6px #0000000d,0 2px 4px #0000000f;--shadow-lg:0 10px 24px #00000014,0 4px 8px #0000000f;--shadow-xl:0 20px 48px #0000001f,0 8px 16px #00000014;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--sidebar-w:232px;--page-grad:linear-gradient(135deg,#e8e9ff 0%,#f5f3ff 35%,#fdf0ff 65%,#e9f5ff 100%);--glass-header:#ffffff73;--glass-sidebar:#ffffff80;--glass-tooltip:#fffffff2;--home-btn-color:#0006;--home-btn-hover:#000;--auth-grad:linear-gradient(135deg,#e8e9ff 0%,#f0eeff 40%,#fce8ff 70%,#e8f4ff 100%)}[data-theme=dark]{--surface-0:#1a1a1a;--surface-1:#202020;--surface-2:#282828;--surface-3:#303030;--border-subtle:#2a2a2a;--border-default:#333;--canvas-dot:#484848;--text-primary:#e8e8e6;--text-secondary:#8a8a8a;--text-tertiary:#5a5a5a;--text-disabled:#3a3a3a;--accent:#7b8ce8;--accent-hover:#8f9ef0;--accent-subtle:#7b8ce81a;--accent-text:#9aa5f0;--green:#3db89c;--green-subtle:#3db89c1a;--red:#e57373;--red-subtle:#e573731a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 24px #0006;--shadow-xl:0 20px 48px #00000080;--page-grad:linear-gradient(135deg,#161616 0%,#1c1c2e 45%,#1a1a2a 100%);--glass-header:#1a1a1a73;--glass-sidebar:#1a1a1a80;--glass-tooltip:#1e1e32f2;--home-btn-color:#ffffff80;--home-btn-hover:#fff;--auth-grad:linear-gradient(135deg,#1a1a2e 0%,#16213e 40%,#1a1a2e 70%,#0f3460 100%)}html,body{color:var(--text-primary);background:var(--surface-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-subtle);color:var(--text-primary)}button,a,input,textarea,select{font-family:inherit}button{transition:opacity .12s,transform .12s,box-shadow .12s}html.theme-switching *,html.theme-switching :before,html.theme-switching :after{transition:background-color .18s,color .18s,border-color .18s,fill .18s!important}.canvas-bg{background-color:var(--surface-1);background-image:radial-gradient(circle,var(--canvas-dot)1.2px,transparent 1.2px);background-size:20px 20px}@keyframes fabShoot0{0%{opacity:0;transform:translate(0)scale(.7)}to{opacity:1;transform:translate(-108px,-4px)scale(1)}}@keyframes fabShoot1{0%{opacity:0;transform:translate(0)scale(.7)}to{opacity:1;transform:translate(-90px,-52px)scale(1)}}@keyframes fabShoot2{0%{opacity:0;transform:translate(0)scale(.7)}to{opacity:1;transform:translate(-48px,-90px)scale(1)}}@keyframes fabShoot3{0%{opacity:0;transform:translate(0)scale(.7)}to{opacity:1;transform:translate(-4px,-112px)scale(1)}}.fab-item-0{animation:.2s cubic-bezier(.34,1.4,.64,1) forwards fabShoot0}.fab-item-1{animation:.2s cubic-bezier(.34,1.4,.64,1) 30ms forwards fabShoot1}.fab-item-2{animation:.2s cubic-bezier(.34,1.4,.64,1) 60ms forwards fabShoot2}.fab-item-3{animation:.2s cubic-bezier(.34,1.4,.64,1) 90ms forwards fabShoot3}.fab-item-0,.fab-item-1,.fab-item-2,.fab-item-3{opacity:0;position:absolute;bottom:0;right:0}@keyframes sidebarWave{0%{opacity:0}to{opacity:1}}.sidebar-wave{animation:.15s sidebarWave}.sidebar-item:hover{background:var(--surface-2)!important}.icon-btn:hover{background:var(--surface-2)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}.icon-btn:active{transform:scale(.92)}@keyframes speakPulse{0%,to{box-shadow:0 0 #5e6ad280}50%{box-shadow:0 0 0 5px #5e6ad200}}.speaking-pulse{animation:.8s infinite speakPulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes toolbarIn{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes backdropOut{0%{opacity:1}to{opacity:0}}@keyframes panelIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes panelOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.97)translateY(4px)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.anim-up-out{animation:.12s ease-in forwards slideUpOut}.anim-backdrop{animation:.15s ease-out backdropIn}.anim-backdrop-out{animation:.14s ease-in forwards backdropOut}.anim-panel{animation:.18s cubic-bezier(.22,1,.36,1) panelIn}.anim-panel-out{animation:.14s ease-in forwards panelOut}.anim-scale-out{animation:.12s ease-in forwards scaleOut}.anim-fade{animation:.15s ease-out fadeIn}.anim-up{animation:.18s cubic-bezier(.22,1,.36,1) slideUp}.anim-right{animation:.15s ease-out slideRight}.anim-scale{animation:.18s cubic-bezier(.22,1,.36,1) scaleIn}.anim-toolbar{animation:.15s ease-out toolbarIn}button,a,input,textarea,select{transition:background .12s,color .12s,border-color .12s,box-shadow .12s,opacity .12s}*,:before,:after{transition:background-color .15s,border-color .15s,color 80ms}[class*=anim-],canvas,.konvajs-content{transition:none!important}:root{--page-px:24px;--card-cols:repeat(auto-fill,minmax(280px,1fr));--max-content:900px}@media (min-width:1600px){:root{--card-cols:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:1024px){:root{--page-px:20px;--card-cols:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){:root{--page-px:16px;--card-cols:repeat(2,1fr)}}@media (max-width:480px){:root{--page-px:14px;--card-cols:1fr}}.canvas-grid{grid-template-columns:var(--card-cols);gap:12px;display:grid}@media (max-width:480px){.canvas-card-wrap{transform-origin:0 0;transform:scale(.82)}}.page-content{max-width:var(--max-content);padding:40px var(--page-px)64px;margin:0 auto}@media (max-width:480px){.page-content{padding-top:24px}}@media (pointer:coarse){.auth-input,.auth-submit,.oauth-btn{height:48px!important}.nav-btn,.topbar-btn-touch{min-height:44px!important}}@media (max-width:768px){:root{--sidebar-w:100%}.rail-sidebar{z-index:40!important;height:calc(100dvh - 52px)!important;box-shadow:var(--shadow-xl)!important;background:var(--surface-0)!important;-webkit-backdrop-filter:none!important;position:fixed!important;top:52px!important;left:0!important}.rail-sidebar-collapsed{display:none!important}.rail-label{opacity:1!important;width:auto!important}.acct-name{display:none!important}.canvas-main{margin-left:0!important}.mobile-sidebar-backdrop{z-index:39;background:#0006;position:fixed;inset:0;display:block!important}.mobile-menu-btn{display:flex!important}.rail-canvas-dot{width:6px!important;height:6px!important}}@media (max-width:480px){.auth-float-0,.auth-float-1,.auth-float-2,.float-note{animation:none!important}.topbar-share-label,.topbar-back-label{display:none!important}.anim-toolbar{max-width:calc(100% - 16px)!important;overflow-x:auto!important}.topbar-desktop-tools{display:none!important}.topbar-mobile-menu{display:inline-flex!important}}@media (max-width:600px){.settings-nav{border-bottom:1px solid var(--border-subtle);flex-flow:wrap!important;gap:4px!important;width:100%!important;margin-bottom:4px!important;padding-bottom:12px!important;display:flex!important}.settings-nav button{text-align:center!important;flex:auto!important;min-width:80px!important}}@media (max-width:768px){.sidebar-account-card,.sidebar-toggle-row{display:none!important}}.topbar-acct-btn{display:none!important}@media (max-width:768px){.topbar-acct-btn{align-items:center;position:relative;display:flex!important}}