.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0;position:relative}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection ::selection{background:0 0}.ProseMirror-hideselection ::selection{background:0 0}.ProseMirror-hideselection{caret-color:#0000}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";pointer-events:none;border:2px solid #8cf;position:absolute;inset:-2px -2px -2px -32px}img.ProseMirror-separator{border:none!important;margin:0!important;display:inline!important}.ProseMirror-gapcursor{pointer-events:none;display:none;position:absolute}.ProseMirror-gapcursor:after{content:"";border-top:1px solid #000;width:20px;animation:1.1s steps(2,start) infinite ProseMirror-cursor-blink;display:block;position:absolute;top:-2px}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}.ProseMirror-focused .ProseMirror-gapcursor{display:block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#100e18;--color-surface:#1b1928;--color-surface-2:#262338;--color-surface-3:#332f49;--color-border:#b4aae426;--color-border-strong:#b4aae43d;--color-text:#f4f3f8;--color-text-secondary:#c7c4d6;--color-text-muted:#948fa6;--color-primary:#5e6ad2;--color-primary-hover:#6b77e8;--color-primary-light:#5e6ad22e;--color-success:#4cb782;--color-success-light:#4cb78226;--color-warning:#e0a82e;--color-warning-light:#e0a82e26;--color-danger:#eb5757;--color-danger-light:#eb575726;--color-info:#60a5fa;--color-info-light:#60a5fa26;--color-ai:#a855f7;--color-ai-light:#a855f71f;--color-or:#4a8f70;--color-or-light:#4cb78224;--color-or-rail:#4cb7826b;--color-and-rail:#5e6ad26b;--color-chrome:#141221;--color-code-bg:#0d0b15;--color-code-field:#131120;--radius-sm:4px;--radius-md:6px;--radius-lg:9px;--radius-xl:14px;--row-h:46px;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 8px 32px #0000008c;--font:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:20px;--fs-3xl:28px}[data-theme=light]{--color-bg:#fff;--color-surface:#fcfcfd;--color-surface-2:#f4f5f7;--color-surface-3:#eaecf0;--color-border:#00000014;--color-border-strong:#00000024;--color-text:#15171c;--color-text-secondary:#41454d;--color-text-muted:#737880;--color-primary:#5e6ad2;--color-primary-hover:#4c58c8;--color-primary-light:#5e6ad21a;--color-success:#1d9f5f;--color-success-light:#1d9f5f1a;--color-warning:#c47c0d;--color-warning-light:#c47c0d1a;--color-danger:#d93025;--color-danger-light:#d930251a;--color-info:#2563eb;--color-info-light:#2563eb1a;--color-ai:#9333ea;--color-ai-light:#9333ea1a;--color-or:#2f8f5f;--color-or-light:#1d9f5f1a;--color-or-rail:#1d9f5f59;--color-and-rail:#5e6ad259;--color-chrome:#f4f5f7;--color-code-bg:#f7f8fa;--color-code-field:#fbfbfc;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;line-height:1;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text-secondary);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-3);color:var(--color-text)}.btn-danger{background:var(--color-danger-light);color:var(--color-danger);border-color:#0000}.btn-danger:hover:not(:disabled){filter:brightness(1.12)}.btn-sm{padding:5px 10px;font-size:13px}.btn-lg{padding:11px 24px;font-size:15px}.btn:disabled{opacity:.45;cursor:not-allowed}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary);cursor:pointer;width:15px;height:15px}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}.form-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font);color:var(--color-text);background:var(--color-surface-2);outline:none;width:100%;padding:9px 12px;transition:border-color .14s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text);caret-color:var(--color-text);transition:background-color 9999s ease-in-out}.form-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text);caret-color:var(--color-text);transition:background-color 9999s ease-in-out}.form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text);caret-color:var(--color-text);transition:background-color 9999s ease-in-out}select.form-input{appearance:none;cursor:pointer}select.form-input option{background:var(--color-surface-2);color:var(--color-text)}textarea.form-input{resize:vertical;min-height:80px}.form-error{color:var(--color-danger);font-size:12px}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:20px}.cl-input::placeholder{color:#6f6b85}.cl-input:focus{outline:none;border-color:#5e6ad2!important;box-shadow:0 0 0 3px #5e6ad22e!important}.cl-input:-webkit-autofill{-webkit-text-fill-color:#f4f3f8;caret-color:#f4f3f8;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #221f33}.cl-input:-webkit-autofill:hover{-webkit-text-fill-color:#f4f3f8;caret-color:#f4f3f8;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #221f33}.cl-input:-webkit-autofill:focus{-webkit-text-fill-color:#f4f3f8;caret-color:#f4f3f8;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #221f33}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:13px}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.w-full{width:100%}.tabular{font-variant-numeric:tabular-nums}@keyframes cLitGlow{0%,to{filter:drop-shadow(0 0 5px #e7eaff)drop-shadow(0 0 16px #5e6ad2e6)drop-shadow(0 0 36px #5e6ad2a6)drop-shadow(0 0 72px #5e6ad259)}50%{filter:drop-shadow(0 0 10px #e7eaff)drop-shadow(0 0 28px #8294ff)drop-shadow(0 0 56px #5e6ad2e6)drop-shadow(0 0 110px #5e6ad280)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.6s linear infinite spin}.alert{border-radius:var(--radius-md);border:1px solid #0000;margin-bottom:16px;padding:10px 14px;font-size:13px}.alert-error{background:var(--color-danger-light);color:var(--color-danger);border-color:#eb57574d}.alert-success{background:var(--color-success-light);color:var(--color-success);border-color:#4cb7824d}.info-page-content h1,.info-page-preview h1{margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.3}.info-page-content h2,.info-page-preview h2{margin:12px 0 8px;font-size:18px;font-weight:600;line-height:1.3}.info-page-content h3,.info-page-preview h3{margin:10px 0 6px;font-size:15px;font-weight:600}.info-page-content p,.info-page-preview p{margin:0 0 10px;line-height:1.6}.info-page-content ul,.info-page-content ol,.info-page-preview ul,.info-page-preview ol{margin:0 0 10px;padding-left:20px}.info-page-content li,.info-page-preview li{margin-bottom:4px;line-height:1.6}.info-page-content blockquote,.info-page-preview blockquote{border-left:3px solid var(--color-primary);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:0 6px 6px 0;margin:10px 0;padding:8px 14px;font-style:italic}.info-page-content hr,.info-page-preview hr{border:none;border-top:1px solid var(--color-border);margin:14px 0}.info-page-content strong,.info-page-preview strong{font-weight:700}.info-page-content em,.info-page-preview em{font-style:italic}.info-page-content s,.info-page-preview s{text-decoration:line-through}.info-page-content a,.info-page-preview a{color:var(--color-primary);text-decoration:underline}.info-page-editor .ProseMirror{min-height:120px;font-family:var(--font);color:var(--color-text);outline:none;font-size:14px;line-height:1.6}.info-page-editor .ProseMirror p{margin:0 0 8px}.info-page-editor .ProseMirror h1{margin:0 0 10px;font-size:20px;font-weight:700}.info-page-editor .ProseMirror h2{margin:0 0 8px;font-size:16px;font-weight:600}.info-page-editor .ProseMirror h3{margin:0 0 6px;font-size:14px;font-weight:600}.info-page-editor .ProseMirror ul,.info-page-editor .ProseMirror ol{margin:0 0 8px;padding-left:18px}.info-page-editor .ProseMirror li{margin-bottom:3px}.info-page-editor .ProseMirror blockquote{border-left:3px solid var(--color-primary);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:0 6px 6px 0;margin:8px 0;padding:6px 12px;font-style:italic}.ProseMirror hr{background:linear-gradient(var(--color-border), var(--color-border)) center / 100% 1px no-repeat;border:none;height:15px;margin:4px 0}.ProseMirror .ProseMirror-selectednode{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.ProseMirror-gapcursor:after{border-top-color:var(--color-text)}.info-page-editor .ProseMirror p.is-editor-empty:first-child:before{color:var(--color-text-muted);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.info-page-editor .ProseMirror img{border-radius:8px;width:auto;max-width:100%;height:auto;max-height:360px;margin:10px auto;display:block}.info-page-editor .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--color-primary);outline-offset:2px}.lesson-content>:first-child{margin-top:0}.lesson-content>:last-child{margin-bottom:0}.lesson-content p{margin:0 0 12px}.lesson-content h1{margin:22px 0 10px;font-size:22px;font-weight:700;line-height:1.3}.lesson-content h2{margin:20px 0 8px;font-size:18px;font-weight:700;line-height:1.35}.lesson-content h3{margin:16px 0 6px;font-size:15.5px;font-weight:600}.lesson-content ul,.lesson-content ol{margin:0 0 12px;padding-left:22px}.lesson-content li{margin-bottom:5px}.lesson-content a{color:var(--color-primary)}.lesson-content blockquote{border-left:3px solid var(--color-primary);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:0 6px 6px 0;margin:14px 0;padding:8px 14px;font-style:italic}.lesson-content hr{border:none;border-top:1px solid var(--color-border);margin:18px 0}.lesson-content img{border-radius:8px;width:auto;max-width:100%;height:auto;max-height:420px;margin:16px auto;display:block}.info-page-preview img,.info-page-content img{border-radius:8px;width:auto;max-width:100%;height:auto;max-height:360px;margin:12px auto;display:block}@media (width<=767px){.org-settings-page{height:auto!important}.org-settings-body{flex-direction:column!important;overflow:visible!important}.org-settings-body>*{padding:16px!important;overflow:visible!important}.bp-frame-box{height:72vh;flex:none!important}.org-settings-preview{border-top:1px solid var(--color-border);border-left:none!important;flex-shrink:0!important;width:100%!important}}.course-take-layout{align-items:flex-start;gap:24px;display:flex}.course-take-aside{flex-direction:column;flex-shrink:0;gap:5px;width:260px;display:flex}@media (width<=760px){.course-take-layout{flex-direction:column;align-items:stretch;gap:16px}.course-take-aside{width:100%}}.course-builder{background:var(--color-bg);flex-direction:column;height:100vh;display:flex}.course-builder-head{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:12px;padding:12px 20px;display:flex}.course-builder-body{flex:1;display:flex;overflow:hidden}.course-builder-aside{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;width:320px;display:flex;overflow:hidden}.course-builder-main{flex:1;padding:24px;overflow-y:auto}@media (width<=860px){.course-builder{height:auto;min-height:100vh}.course-builder-head{flex-wrap:wrap;gap:8px;padding:10px 14px}.course-builder-body{flex-direction:column;flex:none;overflow:visible}.course-builder-aside{border-right:none;border-bottom:1px solid var(--color-border);width:auto;overflow:visible}.course-builder-main{padding:14px;overflow:visible}.course-builder-aside>div[style*=overflow]{overflow:visible!important}}.courses-grid{grid-template-columns:1fr 150px 160px 90px 110px 90px;display:grid}@media (width<=1100px){.courses-grid{grid-template-columns:1fr 90px}.courses-col-optional{display:none}}.lesson-content table,.info-page-editor .ProseMirror table,.info-page-preview table,.info-page-content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:14px 0;font-size:13.5px}.lesson-content th,.lesson-content td,.info-page-editor .ProseMirror th,.info-page-editor .ProseMirror td,.info-page-preview th,.info-page-preview td,.info-page-content th,.info-page-content td{border:1px solid var(--color-border);vertical-align:top;text-align:left;word-break:break-word;padding:7px 10px}.lesson-content th,.info-page-editor .ProseMirror th,.info-page-preview th,.info-page-content th{background:var(--color-surface-2);font-weight:600}.info-page-editor .ProseMirror .selectedCell:after{content:"";background:var(--color-primary);opacity:.18;pointer-events:none;position:absolute;inset:0}.info-page-editor .ProseMirror td,.info-page-editor .ProseMirror th{position:relative}.lesson-content code,.info-page-editor .ProseMirror code,.info-page-preview code,.info-page-content code{background:var(--color-surface-2);border:1px solid var(--color-border);word-break:break-all;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}@media (width<=620px){.lesson-content table,.info-page-preview table,.info-page-content table{white-space:nowrap;display:block;overflow-x:auto}.lesson-content th,.lesson-content td{white-space:normal;min-width:120px}}@media (width<=767px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}.page-header{flex-wrap:wrap;gap:12px;align-items:flex-start!important;padding:14px 16px!important}.page-header>:last-child{flex-wrap:wrap;gap:8px;display:flex}.page-main{padding:16px!important}.page-search{flex-shrink:1!important;width:100%!important;max-width:none!important}.builder-actions-mobile{scrollbar-width:none}.builder-actions-mobile::-webkit-scrollbar{display:none}.builder-actions-mobile .btn,.builder-actions-mobile>span{white-space:nowrap;flex-shrink:0}input[type=date],input[type=time],input[type=datetime-local]{appearance:none;box-sizing:border-box;min-width:0;max-width:100%}input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.5em}input[type=time]::-webkit-date-and-time-value{text-align:left;min-height:1.5em}input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-height:1.5em}.m-stack{grid-template-columns:1fr!important}.m-thead{display:none!important}.m-row{flex-wrap:wrap;align-items:center;gap:4px 8px;height:auto!important;padding:10px 14px!important;display:flex!important}.m-row>*{flex:100%;order:2;min-width:0;border:none!important;padding:0!important}.m-row>.m-main{flex:1 1 0;order:0}.m-row>.m-main.m-wide{flex-basis:100%}.m-row>.m-actions{flex:none;order:1;justify-content:flex-end!important}.m-row>.m-hide{display:none!important}.m-row>.m-inline{flex:none}tr.m-row{border-bottom:1px solid var(--color-border)}.m-desktop{display:none!important}.m-mobile{display:inline!important}.m-row .m-start{justify-content:flex-start!important;padding-top:4px!important}.m-table,.m-table tbody{display:block}.sb-page{min-height:100vh;min-width:0!important;height:auto!important;overflow:visible!important}.sb-topbar{flex-wrap:wrap;row-gap:8px;height:auto!important;padding:8px 12px!important}.sb-topbar input{flex:140px}.sb-body{flex-direction:column!important}.sb-pane{border-bottom:1px solid var(--color-border);border-right:none!important;flex:auto!important;width:auto!important;min-width:0!important;overflow:visible!important}.sb-pane textarea{min-height:160px}}.crumb-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=767px){.crumb{flex-wrap:wrap}.crumb-sep{display:none}.crumb-title{white-space:normal;flex-basis:100%;order:3;line-height:1.3;overflow:visible}.an-header{min-height:56px;height:auto!important;padding:8px 12px!important}}@media (width<=600px){.tk-consent-btn{align-self:stretch!important}}.le-qpick,.m-mobile{display:none}@media (width<=767px){.le-page{min-height:100vh;height:auto!important}.le-header{flex-wrap:wrap;gap:8px;min-height:56px;height:auto!important;padding:8px 12px!important}.le-body{overflow:visible!important}.le-graph{display:none!important}.le-qpick{display:block!important}.le-panel{border-left:none!important;width:100%!important}.rb-page{min-height:100vh;height:auto!important;overflow:visible!important}.rb-body{display:block!important}.rb-topbar{flex-wrap:wrap;row-gap:8px;height:auto!important;padding:8px 12px!important}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-layer-dialog{z-index:3000}[data-theme=light] .modal-overlay{background:#0f111c73}.modal-card{background:var(--color-surface);width:100%;max-height:calc(100dvh - 32px);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xl);outline:none;flex-direction:column;animation:.13s ease-out modalIn;display:flex;box-shadow:0 24px 64px #00000080}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:760px}.modal-xl{max-width:1040px}.modal-head{align-items:flex-start;gap:12px;padding:20px 24px 0;display:flex}.modal-title{min-width:0;font-size:var(--fs-lg);text-wrap:balance;flex:1;font-weight:700;line-height:1.35}.modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -8px 0 auto;font-size:22px;line-height:1;display:inline-flex}.modal-close:hover{background:var(--color-surface-2);color:var(--color-text)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.modal-body{min-height:0;font-size:var(--fs-md);padding:16px 24px 20px;line-height:1.55;overflow-y:auto}.modal-foot{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 24px 18px;display:flex}@keyframes modalIn{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-card{animation:none}}@media (width<=600px){.modal-overlay{top:var(--vv-top,0);height:var(--vv-h,100dvh);align-items:flex-end;padding:0;bottom:auto}.modal-card{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;max-height:calc(100% - 24px);padding-bottom:env(safe-area-inset-bottom);border-bottom:none;animation-name:sheetIn}.modal-head{flex-wrap:wrap;padding:16px 16px 0}.modal-actions{order:3;justify-content:flex-start;width:100%}.modal-body{padding:12px 16px 16px}.modal-foot{flex-direction:column-reverse;padding:12px 16px 14px}.modal-foot>.btn{justify-content:center;width:100%;padding-top:11px;padding-bottom:11px}}@keyframes sheetIn{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}.page-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.page-header-text{min-width:0}.page-title{font-size:var(--fs-2xl);color:var(--color-text);text-wrap:balance;margin:0 0 2px;font-weight:700;line-height:1.3}.page-count{vertical-align:middle;font-size:var(--fs-sm);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:20px;margin-left:8px;padding:2px 7px;font-weight:500}.page-overline{font-size:var(--fs-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 2px}.page-subtitle{font-size:var(--fs-base);color:var(--color-text-muted);margin:0}.page-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=767px){.page-actions{flex-shrink:1;min-width:0;max-width:100%}}.hint{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:6px;line-height:1.5}.tone-success{--tone:var(--color-success);--tone-bg:var(--color-success-light)}.tone-warning{--tone:var(--color-warning);--tone-bg:var(--color-warning-light)}.tone-danger{--tone:var(--color-danger);--tone-bg:var(--color-danger-light)}.tone-info{--tone:var(--color-info);--tone-bg:var(--color-info-light)}.tone-accent{--tone:var(--color-primary);--tone-bg:var(--color-primary-light)}.tone-neutral{--tone:var(--color-text-muted);--tone-bg:var(--color-surface-3)}.pill{white-space:nowrap;font-size:var(--fs-xs);background:var(--tone-bg);color:var(--tone);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;line-height:1.5;display:inline-flex}.status-dot{width:fit-content;font-size:var(--fs-base);color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.status-dot:before{content:"";background:var(--tone);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.glow:before{box-shadow:0 0 6px var(--tone)}.empty-state{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:80px 20px}.empty-state-icon{justify-content:center;margin-bottom:14px;display:flex}.empty-state-icon img{width:72px;height:72px}.empty-state-title{font-size:var(--fs-lg);color:var(--color-text);text-wrap:balance;margin:0 0 8px;font-weight:600}.empty-state-text{font-size:var(--fs-md);color:var(--color-text-muted);max-width:52ch;margin:0 auto;line-height:1.55}.empty-state-action{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}@media (width<=767px){.empty-state{padding:48px 16px}}.tut-ring{z-index:950;pointer-events:none;border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 0 0 4px var(--color-primary-light);transition:top .15s,left .15s,width .15s,height .15s;animation:1.6s ease-in-out infinite tutPulse;position:fixed}@keyframes tutPulse{0%,to{box-shadow:0 0 0 4px var(--color-primary-light)}50%{box-shadow:0 0 0 9px var(--color-primary-light)}}.tut-card{z-index:960;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;padding:14px 16px 12px;display:flex;position:fixed}.tut-card-corner{width:320px;bottom:24px;right:24px}.tut-card-sheet{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}.tut-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tut-eyebrow{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-weight:600}.tut-min{color:var(--color-text-muted);cursor:pointer;font-size:var(--fs-lg);border-radius:var(--radius-md);background:0 0;border:none;width:28px;height:28px;line-height:1}.tut-min:hover{background:var(--color-surface-2);color:var(--color-text)}.tut-dots{gap:4px;display:flex}.tut-dots span{background:var(--color-border);border-radius:2px;flex:1;height:3px}.tut-dots span.on{background:var(--color-primary)}.tut-title{font-size:var(--fs-md);text-wrap:balance;font-weight:600}.tut-text{font-size:var(--fs-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.tut-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tut-link{color:var(--color-text-muted);background:0 0;border-color:#0000}.tut-link:hover:not(:disabled){color:var(--color-text)}.tut-pill{z-index:960;cursor:pointer;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);font:500 var(--fs-sm) var(--font);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:fixed;bottom:24px;right:24px}.tut-pill-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px}@media (width<=767px){.tut-pill{right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.tut-ring{transition:none;animation:none}}
