.guide-light{--guide-bg: #FFFFFF;--guide-bg-header: #F8F9FA;--guide-bg-content: #FFFFFF;--guide-text: #1A1A2E;--guide-text-secondary: #555770;--guide-text-muted: #8890A4;--guide-border: #E2E5EB;--guide-accent: #F97316;--guide-accent-bg: rgba(249, 115, 22, .08);--guide-link: #2563EB;--guide-code-bg: #F3F4F6;--guide-blockquote-border: #F97316;--guide-task-done: #22C55E;--guide-shadow: 0 1px 4px rgba(0,0,0,.08);--guide-shadow-lg: 0 4px 24px rgba(0,0,0,.12);--guide-card-bg: #F3F4F6;--guide-card-text: #1A1A2E;color-scheme:light}.guide-dark{--guide-bg: #0B0E14;--guide-bg-header: #12161F;--guide-bg-content: #12161F;--guide-text: #F1F3F7;--guide-text-secondary: #8B95A8;--guide-text-muted: #5A6478;--guide-border: #2A3040;--guide-accent: #F97316;--guide-accent-bg: rgba(249, 115, 22, .12);--guide-link: #60A5FA;--guide-code-bg: #1E2433;--guide-blockquote-border: #F97316;--guide-card-bg: #1E2433;--guide-card-text: #F1F3F7;--guide-task-done: #22C55E;--guide-shadow: 0 1px 4px rgba(0,0,0,.4);--guide-shadow-lg: 0 4px 24px rgba(0,0,0,.5);color-scheme:dark}.guide-page{min-height:100vh;background:var(--guide-bg);color:var(--guide-text);font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;transition:background .2s,color .2s}.guide-page *{box-sizing:border-box}.guide-header{background:var(--guide-bg-header);border-bottom:1px solid var(--guide-border);padding:24px 0;box-shadow:var(--guide-shadow)}.guide-header-inner{max-width:800px;margin:0 auto;padding:0 24px;display:flex;align-items:flex-start;gap:20px}.guide-logo{height:40px;width:auto;flex-shrink:0;margin-top:4px}.guide-header-text{flex:1}.guide-header-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--guide-accent);margin-bottom:4px;font-family:JetBrains Mono,monospace}.guide-session-title{font-size:24px;font-weight:700;color:var(--guide-text);margin:0 0 8px;line-height:1.3}.guide-session-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--guide-text-secondary);font-family:JetBrains Mono,monospace}.guide-meta-item{display:flex;align-items:center;gap:5px}.guide-meta-code{display:inline-block;padding:2px 10px;background:var(--guide-accent-bg);color:var(--guide-accent);border-radius:4px;font-weight:600;font-size:12px;letter-spacing:.06em}.guide-body{max-width:800px;margin:0 auto;padding:40px 24px 80px}.guide-content .ProseMirror,.guide-content{outline:none;min-height:200px}.guide-content h1{font-size:28px;font-weight:700;margin:0 0 16px;color:var(--guide-text);border-bottom:2px solid var(--guide-border);padding-bottom:10px}.guide-content h2{font-size:20px;font-weight:700;margin:32px 0 12px;color:var(--guide-text)}.guide-content h3{font-size:16px;font-weight:700;margin:24px 0 8px;color:var(--guide-text-secondary);text-transform:uppercase;letter-spacing:.06em}.guide-content p{margin:0 0 14px;color:var(--guide-text)}.guide-content a{color:var(--guide-link);text-decoration:underline;text-underline-offset:2px}.guide-content a:hover{opacity:.8}.guide-content ul,.guide-content ol{margin:0 0 16px;padding-left:24px}.guide-content li{margin-bottom:6px;color:var(--guide-text)}.guide-content code{font-family:JetBrains Mono,monospace;font-size:.87em;background:var(--guide-code-bg);padding:2px 6px;border-radius:4px;color:var(--guide-accent)}.guide-content pre{background:var(--guide-code-bg);border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:16px}.guide-content pre code{background:none;padding:0;color:var(--guide-text)}.guide-content blockquote{border-left:3px solid var(--guide-blockquote-border);margin:0 0 16px;padding:8px 16px;background:var(--guide-accent-bg);border-radius:0 6px 6px 0;color:var(--guide-text-secondary)}.guide-content ul[data-type=taskList]{list-style:none;padding:0;margin:0 0 16px}.guide-content ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:10px;padding:6px 10px;border-radius:6px;transition:background .15s;margin-bottom:4px}.guide-content ul[data-type=taskList] li:hover{background:var(--guide-accent-bg)}.guide-content ul[data-type=taskList] li[data-checked=true]{opacity:.6}.guide-content ul[data-type=taskList] li[data-checked=true]>div p{text-decoration:line-through;color:var(--guide-text-muted)}.guide-content ul[data-type=taskList] li>label{flex-shrink:0;margin-top:3px}.guide-content ul[data-type=taskList] li>label input[type=checkbox]{width:18px;height:18px;accent-color:var(--guide-accent);cursor:pointer;border-radius:4px}.guide-content ul[data-type=taskList] li>div{flex:1;min-width:0}.guide-content ul[data-type=taskList] li>div p{margin:0;line-height:1.5}.guide-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:var(--guide-shadow);margin:8px 0 16px;display:block}.guide-content .youtube-embed-wrapper,.guide-content iframe{width:100%;max-width:640px;aspect-ratio:16/9;border-radius:8px;border:none;margin-bottom:16px;display:block}.guide-theme-toggle{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid var(--guide-border);background:var(--guide-bg-header);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--guide-shadow-lg);transition:all .2s;z-index:100}.guide-theme-toggle:hover{border-color:var(--guide-accent);transform:scale(1.05)}.guide-not-found{max-width:500px;margin:80px auto;text-align:center;padding:0 24px}.guide-not-found h2{font-size:22px;font-weight:700;color:var(--guide-text);margin-bottom:12px}.guide-not-found p{color:var(--guide-text-secondary);font-size:15px}@media (max-width: 600px){.guide-header-inner{flex-direction:column;gap:12px}.guide-logo{height:28px}.guide-session-title{font-size:20px}.guide-session-meta{flex-direction:column;gap:6px}.guide-body{padding:24px 16px 60px}.guide-theme-toggle{bottom:16px;right:16px}}.guide-editor-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.guide-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:10px 12px;background:transparent}.guide-toolbar-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.guide-toolbar-btn:hover{background:var(--bg-input);color:var(--text-primary)}.guide-toolbar-btn.active{background:var(--hot-glow);color:var(--hot);border-color:#f973164d}.guide-toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.guide-toolbar-divider{width:1px;height:24px;background:var(--border);margin:4px;align-self:center}.guide-editor-area .ProseMirror{padding:20px 24px;min-height:400px;outline:none;font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.7}.guide-light .guide-editor-area,.guide-light .guide-editor-area .ProseMirror{background:#fff;color:#1a1a2e}.guide-dark .guide-editor-area,.guide-dark .guide-editor-area .ProseMirror{background:#12161f;color:#f1f3f7}.guide-editor-area .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--guide-text-muted);pointer-events:none;height:0}.guide-editor-area .ProseMirror h1{font-size:26px;font-weight:700;margin:8px 0 16px;border-bottom:1px solid var(--guide-border);padding-bottom:10px}.guide-editor-area .ProseMirror h2{font-size:19px;font-weight:700;margin:28px 0 10px}.guide-editor-area .ProseMirror h3{font-size:15px;font-weight:700;margin:20px 0 8px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.guide-editor-area .ProseMirror ul,.guide-editor-area .ProseMirror ol{padding-left:24px;margin-bottom:12px}.guide-editor-area .ProseMirror li{margin-bottom:4px}.guide-editor-area .ProseMirror p{margin:0 0 12px}.guide-editor-area .ProseMirror code{font-family:JetBrains Mono,monospace;font-size:.87em;background:var(--guide-code-bg);padding:2px 6px;border-radius:4px;color:#f97316}.guide-editor-area .ProseMirror blockquote{border-left:3px solid #F97316;margin:0 0 12px;padding:8px 14px;background:#f9731614;border-radius:0 6px 6px 0}.guide-editor-area .ProseMirror img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--guide-border);margin:8px 0}.guide-editor-area .ProseMirror ul[data-type=taskList]{list-style:none;padding:0}.guide-editor-area .ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:10px;padding:4px 8px;border-radius:6px;margin-bottom:4px}.guide-editor-area .ProseMirror ul[data-type=taskList] li:hover{background:#f9731612}.guide-editor-area .ProseMirror ul[data-type=taskList] li>label{flex-shrink:0;margin-top:4px}.guide-editor-area .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{width:16px;height:16px;accent-color:#F97316;cursor:pointer}.guide-editor-area .ProseMirror ul[data-type=taskList] li>div{flex:1}.guide-editor-area .ProseMirror ul[data-type=taskList] li>div p{margin:0}.guide-editor-area .ProseMirror ul[data-type=taskList] li[data-checked=true]>div p{text-decoration:line-through;opacity:.5}.guide-editor-area .ProseMirror iframe{width:100%;max-width:560px;aspect-ratio:16/9;border-radius:8px;border:1px solid var(--guide-border)}.guide-toolbar-dropdown{position:relative;display:inline-flex}.guide-toolbar-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:0 8px 24px #0000004d;min-width:120px}.guide-toolbar-dropdown:hover .guide-toolbar-dropdown-menu{display:flex}.guide-toolbar-swatches{flex-direction:row;flex-wrap:wrap;gap:6px}.guide-toolbar-swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;padding:0;transition:transform .1s}.guide-toolbar-swatch:hover{transform:scale(1.2);outline:2px solid var(--hot)}.guide-editor-area .ProseMirror pre{background:#1e1e2e;color:#cdd6f4;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;border-radius:8px;padding:16px 20px;margin:12px 0;overflow-x:auto;border:1px solid rgba(255,255,255,.1)}.guide-editor-area .ProseMirror pre code{background:none;color:inherit;padding:0;font-size:inherit}.guide-content pre{background:#1e1e2e;color:#cdd6f4;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;border-radius:8px;padding:16px 20px;margin:12px 0;overflow-x:auto}.guide-content pre code{background:none;color:inherit;padding:0;font-size:inherit}.guide-editor-area .ProseMirror blockquote{border-left:4px solid #F97316;margin:12px 0;padding:12px 16px;background:#f9731614;border-radius:0 8px 8px 0;font-style:normal}.guide-editor-area .ProseMirror hr{border:none;border-top:2px solid var(--guide-border, #E2E5EB);margin:24px 0}.guide-content hr{border:none;border-top:2px solid var(--guide-border);margin:24px 0}.guide-content mark{border-radius:3px;padding:1px 2px}.guide-editor-area .ProseMirror s,.guide-editor-area .ProseMirror del{opacity:.6}.guide-save-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-family:JetBrains Mono,monospace}.guide-save-indicator.saving{color:var(--warning)}.guide-save-indicator.saved{color:var(--success)}.guide-save-indicator.error{color:var(--error)}
