.tutorial-page{position:relative;min-height:100vh;display:flex;flex-direction:column;background:#e0e0e0}:root.dark .tutorial-page,.dark .tutorial-page{background:#1f1f24}.tutorial-page .tutorial-container{position:relative;display:flex;flex-direction:column;min-height:100vh;max-width:1800px;width:100%;margin:0 auto;padding:24px;gap:24px}.tutorial-page .cli-quickstart{padding:28px}.tutorial-page .cli-hero{margin-bottom:20px}.tutorial-page .cli-hero-copy{display:flex;flex-direction:column;gap:16px}.tutorial-page .cli-heading{display:flex;flex-direction:column;gap:10px}.tutorial-page .config-badge{display:inline-flex;align-items:center;width:fit-content;padding:5px 12px;border-radius:999px;border:1px solid rgba(79,70,229,.16);background:#4f46e514;color:#4f46e5;font-size:12px;font-weight:700;letter-spacing:.04em}.dark .tutorial-page .config-badge{color:#c7d2fe;background:#6366f11f;border-color:#818cf838}.tutorial-page .cli-heading h2{margin:0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.dark .tutorial-page .cli-heading h2{color:#f4f4f5}.tutorial-page .cli-desc{margin:0;max-width:760px;font-size:15px;line-height:1.8;color:var(--text-secondary)}.dark .tutorial-page .cli-desc{color:#d4d4d8}.tutorial-page .cli-highlight{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:20px;background:#ffffff9e;border:1px solid rgba(99,102,241,.14);box-shadow:inset 0 1px #fff6}.dark .tutorial-page .cli-highlight{background:#111827c2;border-color:#6366f13d;box-shadow:inset 0 1px #ffffff08}.tutorial-page .cli-highlight-title{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.dark .tutorial-page .cli-highlight-title{color:#f4f4f5}.tutorial-page .cli-command-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tutorial-page .cli-command-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(79,70,229,.18);background:#4f46e514;color:#4338ca;font-size:12px;font-weight:800;letter-spacing:.06em}.tutorial-page .cli-command-badge-hot{border-color:#ea580c3d;background:linear-gradient(135deg,#f973162e,#fbbf2442);color:#c2410c}.dark .tutorial-page .cli-command-badge{border-color:#818cf842;background:#6366f129;color:#c7d2fe}.dark .tutorial-page .cli-command-badge-hot{border-color:#fb923c47;background:linear-gradient(135deg,#f9731633,#f59e0b3d);color:#fdba74}.tutorial-page .cli-step-title-emphasis{font-size:19px;font-weight:800}.tutorial-page .cli-highlight-title-strong{font-size:16px}.tutorial-page .cli-highlight code{display:block;width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(99,102,241,.2);background:linear-gradient(135deg,#f8fafcfa,#eef2fff5);color:#312e81;font-size:16px;line-height:1.9;font-weight:700;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;word-break:break-all;box-shadow:0 12px 28px #4f46e51f}.dark .tutorial-page .cli-highlight code{color:#c7d2fe;background:linear-gradient(135deg,#0f172af0,#1e293beb);border-color:#818cf847;box-shadow:0 12px 28px #0f172a61}.tutorial-page .cli-highlight-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tutorial-page .cli-highlight-tip{font-size:13px;color:var(--text-secondary)}.dark .tutorial-page .cli-highlight-tip{color:#a1a1aa}.tutorial-page .cli-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:12px;border:1px solid rgba(79,70,229,.12);background:#4f46e5;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tutorial-page .cli-copy-btn:hover{background:#4338ca;box-shadow:0 8px 20px #4f46e533}.tutorial-page .cli-steps{display:grid;gap:14px}.tutorial-page .cli-step-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:#ffffff85}.dark .tutorial-page .cli-step-card{background:#111827b8;border-color:#4b55635c}.tutorial-page .cli-step-card-primary{border-color:#4f46e52e}.dark .tutorial-page .cli-step-card-primary{border-color:#818cf847}.tutorial-page .cli-step-card-note{border-color:#10b98124;background:#ecfdf5b8}.dark .tutorial-page .cli-step-card-note{background:#064e3b33;border-color:#10b9813d}.tutorial-page .cli-step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:999px;border:1px solid rgba(79,70,229,.16);background:#4f46e514;color:#4f46e5;font-size:14px;font-weight:700}.dark .tutorial-page .cli-step-number{color:#c7d2fe;background:#6366f124;border-color:#818cf82e}.tutorial-page .cli-step-body{display:flex;flex-direction:column;gap:10px;min-width:0}.tutorial-page .cli-step-body h3{margin:0;font-size:17px;line-height:1.4;font-weight:700;color:var(--text-primary)}.dark .tutorial-page .cli-step-body h3{color:#f4f4f5}.tutorial-page .cli-step-body p{margin:0;font-size:14px;line-height:1.8;color:var(--text-secondary)}.dark .tutorial-page .cli-step-body p{color:#d4d4d8}.tutorial-page .cli-step-helper{font-size:13px;line-height:1.8}.tutorial-page .cli-step-list{margin:0;padding-left:18px;color:var(--text-secondary)}.dark .tutorial-page .cli-step-list{color:#d4d4d8}.tutorial-page .cli-step-list li{margin:0 0 8px;line-height:1.8}.tutorial-page .cli-check-chips{display:flex;gap:10px;flex-wrap:wrap}.tutorial-page .cli-check-chips code,.tutorial-page .node-install-card code{display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid rgba(99,102,241,.14);background:#6366f10f;color:#4338ca;font-size:13px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;word-break:break-all}.dark .tutorial-page .cli-check-chips code,.dark .tutorial-page .node-install-card code{color:#c7d2fe;background:#6366f11f;border-color:#818cf82e}.tutorial-page .node-install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tutorial-page .node-install-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px solid rgba(148,163,184,.14);background:#f8fafce0}.dark .tutorial-page .node-install-card{background:#0f172ad1;border-color:#47556959}.tutorial-page .node-install-card h4{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.dark .tutorial-page .node-install-card h4{color:#f4f4f5}.tutorial-page .node-install-card p{margin:0;font-size:13px;line-height:1.75;color:var(--text-secondary)}.dark .tutorial-page .node-install-card p{color:#d4d4d8}.tutorial-page .node-install-card a{color:#4f46e5;font-weight:700}.tutorial-page .codex-plus-download-option{text-align:left;cursor:pointer;font:inherit}.tutorial-page .codex-plus-download-option.active{border-color:#3b82f6b3;box-shadow:0 0 0 2px #3b82f629}.tutorial-page .codex-plus-download-card .cli-copy-btn{text-decoration:none}@media (max-width: 768px){.tutorial-page .cli-quickstart{padding:22px 18px}.tutorial-page .cli-heading h2{font-size:24px}.tutorial-page .cli-highlight-actions{flex-direction:column;align-items:stretch}.tutorial-page .cli-copy-btn{width:100%}.tutorial-page .node-install-grid{grid-template-columns:1fr}}.tutorial-page .cli-quickstart{padding:16px 24px}.tutorial-page .cli-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.tutorial-page .cli-left{display:flex;align-items:center;gap:12px}.tutorial-page .cli-left h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.dark .tutorial-page .cli-left h2{color:#f4f4f5}.tutorial-page .config-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.tutorial-page .cli-right{display:flex;align-items:center;gap:12px}.tutorial-page .cli-label{font-size:14px;color:var(--text-secondary)}.dark .tutorial-page .cli-label{color:#a1a1aa}.tutorial-page .cli-right code{font-size:15px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:#6366f1;background:#6366f11a;padding:8px 14px;border-radius:8px;border:1px solid rgba(99,102,241,.2)}.dark .tutorial-page .cli-right code{color:#a5b4fc;background:#6366f133;border-color:#6366f159}.tutorial-page .cli-copy-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.tutorial-page .cli-copy-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f159}.tutorial-page .cli-desc{color:var(--text-secondary);font-size:14px;flex-shrink:0}.dark .tutorial-page .cli-desc{color:#a1a1aa}@media (max-width: 768px){.tutorial-page .cli-row{flex-direction:column;align-items:flex-start;gap:12px}.tutorial-page .cli-right{width:100%;justify-content:space-between}.tutorial-page .cli-desc{order:3}}.tutorial-page .manual-config-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.tutorial-page .manual-config-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);flex-shrink:0}.dark .tutorial-page .manual-config-header h2{color:#f4f4f5}.tutorial-page .manual-subtitle{font-size:14px;color:var(--text-secondary)}.dark .tutorial-page .manual-subtitle{color:#a1a1aa}.tutorial-page .manual-config-title{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.tutorial-page .manual-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tutorial-page .manual-toggle-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f159}.tutorial-page .manual-collapsed-tip{padding:16px 18px;border-radius:14px;background:#6366f114;color:var(--text-secondary);font-size:14px;line-height:1.8;border:1px solid rgba(99,102,241,.18)}.dark .tutorial-page .manual-collapsed-tip{color:#d4d4d8;background:#6366f11f;border-color:#818cf83d}.tutorial-page .glass-card{background:#e0e0e0;border-radius:24px;box-shadow:18px 18px 35px #bebebe,-18px -18px 35px #fff;transition:all .2s ease-out;border:none}.dark .tutorial-page .glass-card{background:#1f1f24;box-shadow:18px 18px 35px #0a0a0cd9,-18px -18px 35px #3c3c4473}.tutorial-page .fullscreen-tutorial-card{flex:1;display:flex;flex-direction:column;padding:24px;overflow:visible;min-height:0}.tutorial-page .os-selection{flex-shrink:0;margin-bottom:16px}.tutorial-page .os-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px}.dark .tutorial-page .os-title{color:#e0e0e0}.tutorial-page .os-buttons{display:flex;gap:12px}.tutorial-page .os-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;font-size:14px;font-weight:600;border:none;border-radius:16px;background:#e0e0e0;color:#1e293b;cursor:pointer;transition:all .2s ease-out;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.dark .tutorial-page .os-btn{background:#1f1f24;color:#e0e0e0;box-shadow:8px 8px 16px #0a0a0cd9,-8px -8px 16px #3c3c4473}.tutorial-page .os-btn i{font-size:14px}.tutorial-page .os-btn:hover{transform:translateY(-2px);box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff}.dark .tutorial-page .os-btn:hover{box-shadow:10px 10px 20px #0a0a0cd9,-10px -10px 20px #3c3c4473}.tutorial-page .os-btn.active{box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff;color:#667eea;font-weight:700}.dark .tutorial-page .os-btn.active{box-shadow:inset 6px 6px 12px #0a0a0cd9,inset -6px -6px 12px #3c3c4473;color:#8b5cf6}.tutorial-page .tutorial-content-area{flex:1;overflow:visible;padding:24px;background:#e0e0e0;border-radius:20px;box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff}.dark .tutorial-page .tutorial-content-area{background:#1f1f24;box-shadow:inset 6px 6px 12px #0a0a0cd9,inset -6px -6px 12px #3c3c4473}.tutorial-page .tutorial-steps{display:flex;flex-direction:column;gap:20px}.tutorial-page .tutorial-step{animation:fadeInUp-adc37bf5 .4s ease}@keyframes fadeInUp-adc37bf5{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.tutorial-page .step-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#1e293b;margin:0 0 12px}.dark .tutorial-page .step-title{color:#e0e0e0}.tutorial-page .step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#1e293b;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.dark .tutorial-page .step-number{background:#1f1f24;color:#e0e0e0;box-shadow:6px 6px 12px #0a0a0cd9,-6px -6px 12px #3c3c4473}.tutorial-page .step-blue{color:#3b82f6}.tutorial-page .step-green{color:#10b981}.tutorial-page .step-purple{color:#8b5cf6}.tutorial-page .step-orange{color:#f59e0b}.tutorial-page .step-indigo{color:#6366f1}.tutorial-page .step-content{padding:20px;border-radius:16px;border:none;background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.dark .tutorial-page .step-content{background:#1f1f24;box-shadow:8px 8px 16px #0a0a0cd9,-8px -8px 16px #3c3c4473}.tutorial-page .step-content-blue,.tutorial-page .step-content-green,.tutorial-page .step-content-purple,.tutorial-page .step-content-orange,.tutorial-page .step-content-indigo{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.dark .tutorial-page .step-content-blue,.dark .tutorial-page .step-content-green,.dark .tutorial-page .step-content-purple,.dark .tutorial-page .step-content-orange,.dark .tutorial-page .step-content-indigo{background:#1f1f24;box-shadow:8px 8px 16px #0a0a0cd9,-8px -8px 16px #3c3c4473}.tutorial-page .step-title{margin-bottom:32px!important}.tutorial-page .content-subtitle{font-size:18px;font-weight:700;color:#1e293b;margin:24px 0 16px 24px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.dark .tutorial-page .content-subtitle{color:#e0e0e0;border-bottom-color:#374151}.tutorial-page .instruction-text{color:#475569;font-size:15px;line-height:1.8;margin:0 0 20px 40px}.dark .tutorial-page .instruction-text{color:#cbd5e1}.tutorial-page .instruction-list{margin:0 0 24px 64px;padding:0;list-style-type:disc}.tutorial-page .instruction-list li{color:#475569;font-size:15px;line-height:1.8;margin-bottom:16px;padding-left:8px;position:relative}.tutorial-page .instruction-list li:before{content:"•";position:absolute;left:-20px;color:#3b82f6;font-weight:700}.dark .tutorial-page .instruction-list li:before{color:#8b5cf6}.dark .tutorial-page .instruction-list li{color:#cbd5e1}.tutorial-page .link{color:#3b82f6;text-decoration:none;font-family:Consolas,Monaco,Courier New,monospace;font-weight:600}.dark .tutorial-page .link{color:#8b5cf6}.tutorial-page .link:hover{text-decoration:underline}.tutorial-page .code-block{background:#1e293b;border-radius:12px;padding:18px;margin:24px 40px;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;box-shadow:inset 4px 4px 8px #0000004d,inset -2px -2px 6px #ffffff0d}.dark .tutorial-page .code-block{background:#0f172a}.tutorial-page .code-block-small{font-size:11px}.tutorial-page .code-line{color:#e2e8f0;white-space:pre}.tutorial-page .code-comment{color:#64748b;white-space:pre}.tutorial-page .hint-info{background:#e0e0e0;border:none;border-radius:12px;padding:24px;margin:24px 40px;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.dark .tutorial-page .hint-info{background:#111827;box-shadow:8px 8px 16px #0a0a0cd9,-8px -8px 16px #3c3c4473}.tutorial-page .hint-success-box{background:#e0e0e0;border:none;border-radius:12px;padding:24px;margin:24px 40px;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.dark .tutorial-page .hint-success-box{background:#111827;box-shadow:8px 8px 16px #0a0a0cd9,-8px -8px 16px #3c3c4473}.tutorial-page .hint-title{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 16px}.dark .tutorial-page .hint-title{color:#f1f5f9}.tutorial-page .hint-list{margin:0 0 0 24px;padding:0}.tutorial-page .hint-list li{color:#475569;font-size:15px;line-height:1.8;margin-bottom:12px}.dark .tutorial-page .hint-list li{color:#cbd5e1}.tutorial-page .hint-success{color:#10b981;font-size:14px;font-weight:600;margin:12px 0 0}.tutorial-page .hint-warning{color:#f59e0b;font-size:14px;font-weight:600;margin:12px 0 0}.tutorial-page .faq-details{margin:20px 40px;border-radius:12px;border:1px solid rgba(0,0,0,.06);background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;overflow:hidden}.dark .tutorial-page .faq-details{border-color:#ffffff14;background:#1f1f24;box-shadow:8px 8px 16px #0a0a0cd9,-8px -8px 16px #3c3c4473}.tutorial-page .faq-summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:700;color:#1e293b;-webkit-user-select:none;user-select:none;list-style:none}.dark .tutorial-page .faq-summary{color:#f1f5f9}.tutorial-page .faq-details[open] .faq-summary{border-bottom:1px solid rgba(0,0,0,.06)}.dark .tutorial-page .faq-details[open] .faq-summary{border-bottom-color:#ffffff14}.tutorial-page .faq-details .hint-info{margin:16px 20px}.tutorial-page .faq-details .hint-title{margin-bottom:10px}.tutorial-page .method-separator{height:2px;background:#bebebe;margin:24px 0;border-radius:1px;box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff}.dark .tutorial-page .method-separator{background:#3c3c4433;box-shadow:2px 2px 4px #0a0a0c80,-2px -2px 4px #3c3c4433}.tutorial-page .verify-section{margin-top:20px}.tutorial-page .congratulations-box{background:#e0e0e0;border-radius:16px;padding:24px;margin-top:20px;text-align:center;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.dark .tutorial-page .congratulations-box{background:#1f1f24;box-shadow:8px 8px 16px #0a0a0cd9,-8px -8px 16px #3c3c4473}.tutorial-page .congratulations-green,.tutorial-page .congratulations-blue,.tutorial-page .congratulations-purple,.tutorial-page .congratulations-cyan{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.dark .tutorial-page .congratulations-green,.dark .tutorial-page .congratulations-blue,.dark .tutorial-page .congratulations-purple,.dark .tutorial-page .congratulations-cyan{background:#1f1f24;box-shadow:8px 8px 16px #0a0a0cd9,-8px -8px 16px #3c3c4473}.tutorial-page .congrats-title{font-size:20px;font-weight:700;color:#10b981;margin:0 0 10px}.dark .tutorial-page .congrats-title{color:#10b981}.tutorial-page .congrats-text{font-size:14px;color:#475569;margin:0}.dark .tutorial-page .congrats-text{color:#9ca3af}@media (max-width: 768px){.tutorial-page .tutorial-container{padding:12px;gap:12px}.tutorial-page .fullscreen-tutorial-card{padding:16px}.tutorial-page .os-selection{margin-bottom:12px}.tutorial-page .os-title{font-size:14px;margin-bottom:10px}.tutorial-page .os-buttons{flex-direction:column;gap:8px}.tutorial-page .os-btn{padding:10px 16px;font-size:13px}.tutorial-page .tutorial-content-area{padding:16px;overflow:visible}.tutorial-page .tutorial-steps{gap:16px}.tutorial-page .step-title{font-size:16px;gap:10px;margin-bottom:10px}.tutorial-page .step-number{width:28px;height:28px;font-size:13px}.tutorial-page .step-content{padding:16px}.tutorial-page .content-subtitle{font-size:14px;margin-bottom:10px}.tutorial-page .instruction-text{font-size:13px;margin-bottom:10px}.tutorial-page .instruction-list{margin-bottom:12px}.tutorial-page .instruction-list li{font-size:13px;margin-bottom:6px}.tutorial-page .code-block{font-size:11px;padding:12px;margin:10px 40px;line-height:1.4}.tutorial-page .code-block-small{font-size:10px}.tutorial-page .hint-info,.tutorial-page .hint-success-box{padding:12px;margin:12px 40px}.tutorial-page .hint-title{font-size:13px;margin-bottom:8px}.tutorial-page .hint-list{margin-left:64px}.tutorial-page .hint-list li{font-size:13px}.tutorial-page .congratulations-box{padding:20px;margin-top:16px}.tutorial-page .congrats-title{font-size:18px;margin-bottom:8px}.tutorial-page .congrats-text{font-size:13px}.tutorial-page .method-separator{margin:20px 0}}.tutorial-page{min-height:100%;background:var(--surface-bg, #e0e0e0);color:var(--neo-text, #2d3748);display:block}:root.dark .tutorial-page,.dark .tutorial-page{background:var(--surface-bg-dark, #1f1f24);color:var(--neo-text, #e2e8f0)}.tutorial-page .tutorial-container{min-height:100%;max-width:1180px;padding:clamp(1.5rem,2.5vw,2.4rem) clamp(16px,2.5vw,32px) 2.8rem;gap:1.1rem}.tutorial-page .glass-card,.tutorial-page .step-content,.tutorial-page .hint-info,.tutorial-page .hint-success-box,.tutorial-page .faq-details,.tutorial-page .congratulations-box{position:relative;border-radius:24px;border:1px solid var(--neo-border, rgba(255, 255, 255, .35));background:var(--surface-bg, #e0e0e0);box-shadow:18px 18px 35px #bebebe,-18px -18px 35px #fff;color:var(--neo-text, #2d3748)}.tutorial-page .glass-card:before,.tutorial-page .step-content:before,.tutorial-page .hint-info:before,.tutorial-page .hint-success-box:before,.tutorial-page .faq-details:before,.tutorial-page .congratulations-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.35);mix-blend-mode:soft-light;pointer-events:none}.dark .tutorial-page .glass-card,.dark .tutorial-page .step-content,.dark .tutorial-page .hint-info,.dark .tutorial-page .hint-success-box,.dark .tutorial-page .faq-details,.dark .tutorial-page .congratulations-box{border-color:#ffffff1f;background:var(--surface-bg-dark, #1f1f24);box-shadow:20px 20px 40px #000c,-20px -20px 40px #3c3c444d}.dark .tutorial-page .glass-card:before,.dark .tutorial-page .step-content:before,.dark .tutorial-page .hint-info:before,.dark .tutorial-page .hint-success-box:before,.dark .tutorial-page .faq-details:before,.dark .tutorial-page .congratulations-box:before{border-color:#ffffff2e;mix-blend-mode:overlay}.tutorial-page .cli-quickstart,.tutorial-page .fullscreen-tutorial-card{padding:clamp(.95rem,1.8vw,1.25rem)}.tutorial-page .cli-hero-copy,.tutorial-page .cli-heading,.tutorial-page .manual-config-title{gap:.28rem}.tutorial-page .cli-heading h2{color:var(--neo-text, #2d3748);font-size:clamp(1.18rem,2.2vw,1.38rem);line-height:1.3;font-weight:700;letter-spacing:0}.tutorial-page .cli-desc,.tutorial-page .cli-highlight-desc,.tutorial-page .cli-highlight-tip,.tutorial-page .manual-subtitle,.tutorial-page .manual-collapsed-tip,.tutorial-page .instruction-text,.tutorial-page .instruction-list li,.tutorial-page .hint-list li,.tutorial-page .congrats-text,.tutorial-page .cli-step-body p,.tutorial-page .node-install-card p{color:var(--neo-muted, #718096)}.dark .tutorial-page .cli-desc,.dark .tutorial-page .cli-highlight-desc,.dark .tutorial-page .cli-highlight-tip,.dark .tutorial-page .manual-subtitle,.dark .tutorial-page .manual-collapsed-tip,.dark .tutorial-page .instruction-text,.dark .tutorial-page .instruction-list li,.dark .tutorial-page .hint-list li,.dark .tutorial-page .congrats-text,.dark .tutorial-page .cli-step-body p,.dark .tutorial-page .node-install-card p{color:var(--neo-muted, #a0aec0)}.tutorial-page .cli-desc{max-width:880px;font-size:.78rem;line-height:1.5}.tutorial-page .cli-steps,.tutorial-page .tutorial-steps{gap:1rem}.tutorial-page .cli-step-card,.tutorial-page .node-install-card,.tutorial-page .cli-highlight,.tutorial-page .manual-collapsed-tip,.tutorial-page .tutorial-content-area{border:0;border-radius:18px;background:#ffffff38;box-shadow:inset 5px 5px 10px #bebebe7a,inset -5px -5px 10px #ffffff94}.dark .tutorial-page .cli-step-card,.dark .tutorial-page .node-install-card,.dark .tutorial-page .cli-highlight,.dark .tutorial-page .manual-collapsed-tip,.dark .tutorial-page .tutorial-content-area{border:0;background:#ffffff09;box-shadow:inset 5px 5px 10px #0a0a0cb3,inset -5px -5px 10px #3c3c4447}.tutorial-page .cli-step-card{padding:1rem;gap:.9rem}.tutorial-page .cli-step-number,.tutorial-page .step-number{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:14px;background:var(--surface-bg, #e0e0e0);box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff;color:var(--neo-text, #2d3748);font-size:.9rem;font-weight:800}.dark .tutorial-page .cli-step-number,.dark .tutorial-page .step-number{background:var(--surface-bg-dark, #1f1f24);box-shadow:inset 5px 5px 10px #0a0a0cd9,inset -5px -5px 10px #3c3c4473;color:var(--neo-text, #e2e8f0)}.tutorial-page .cli-step-body h3,.tutorial-page .manual-config-header h2,.tutorial-page .os-title,.tutorial-page .step-title,.tutorial-page .content-subtitle,.tutorial-page .hint-title{color:var(--neo-text, #2d3748);font-weight:700;letter-spacing:0}.dark .tutorial-page .cli-step-body h3,.dark .tutorial-page .manual-config-header h2,.dark .tutorial-page .os-title,.dark .tutorial-page .step-title,.dark .tutorial-page .content-subtitle,.dark .tutorial-page .hint-title{color:var(--neo-text, #e2e8f0)}.tutorial-page .cli-step-body h3,.tutorial-page .step-title,.tutorial-page .content-subtitle{font-size:1rem}.tutorial-page .manual-config-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom-color:#94a3b838}.dark .tutorial-page .manual-config-header{border-bottom-color:#ffffff14}.tutorial-page .manual-toggle-btn,.tutorial-page .cli-copy-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:36px;border:none;border-radius:999px;background:linear-gradient(135deg,#f97316,#facc15);box-shadow:0 0 0 1px #f8fafc40,0 0 10px #0f172a99;color:#111827;padding:0 15px;font-size:13px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.tutorial-page .manual-toggle-btn:hover,.tutorial-page .cli-copy-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#f97316,#facc15);box-shadow:0 0 0 1px #f8fafc59,0 0 12px #f97316f2}.tutorial-page .os-selection{margin-bottom:1rem}.tutorial-page .os-buttons{gap:.75rem}.tutorial-page .os-btn{border-radius:16px;border:0;background:var(--surface-bg, #e0e0e0);box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;color:var(--neo-muted, #718096)}.dark .tutorial-page .os-btn{background:var(--surface-bg-dark, #1f1f24);box-shadow:8px 8px 16px #0a0a0cd9,-8px -8px 16px #3c3c4473;color:var(--neo-muted, #a0aec0)}.tutorial-page .os-btn:hover{color:var(--neo-text, #2d3748)}.dark .tutorial-page .os-btn:hover{color:var(--neo-text, #e2e8f0)}.tutorial-page .os-btn.active{color:var(--neo-text, #2d3748);box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff}.dark .tutorial-page .os-btn.active{color:var(--neo-text, #e2e8f0);box-shadow:inset 6px 6px 12px #0a0a0cd9,inset -6px -6px 12px #3c3c4473}.tutorial-page .tutorial-content-area{padding:1rem}.tutorial-page .step-title{margin-bottom:1rem!important}.tutorial-page .step-content{padding:1.1rem}.tutorial-page .content-subtitle{margin:1rem 0 .65rem;padding-bottom:.45rem;border-bottom:1px solid rgba(148,163,184,.22)}.dark .tutorial-page .content-subtitle{border-bottom-color:#ffffff14}.tutorial-page .instruction-text,.tutorial-page .instruction-list{margin-left:0}.tutorial-page .instruction-list{padding-left:1.1rem}.tutorial-page .instruction-list li:before{color:#f97316}.dark .tutorial-page .instruction-list li:before{color:#facc15}.tutorial-page .cli-highlight code,.tutorial-page .cli-check-chips code,.tutorial-page .node-install-card code,.tutorial-page .code-block{border:0;border-radius:14px;background:#ffffff73;box-shadow:inset 3px 3px 7px #bebebead,inset -3px -3px 7px #fffc;color:var(--neo-text, #2d3748)}.dark .tutorial-page .cli-highlight code,.dark .tutorial-page .cli-check-chips code,.dark .tutorial-page .node-install-card code,.dark .tutorial-page .code-block{background:#ffffff0f;box-shadow:inset 3px 3px 7px #0a0a0cbf,inset -3px -3px 7px #3c3c4461;color:var(--neo-text, #e2e8f0)}.tutorial-page .code-block{margin:1rem 0;padding:1rem}.tutorial-page .code-line{color:var(--neo-text, #2d3748)}.dark .tutorial-page .code-line{color:var(--neo-text, #e2e8f0)}.tutorial-page .hint-info,.tutorial-page .hint-success-box,.tutorial-page .faq-details{margin:1rem 0;padding:1rem}.tutorial-page .faq-summary{color:var(--neo-text, #2d3748)}.dark .tutorial-page .faq-summary{color:var(--neo-text, #e2e8f0)}.tutorial-page .link{color:#ea580c}.dark .tutorial-page .link{color:#facc15}.tutorial-page .method-separator{height:1px;background:#94a3b838;box-shadow:none}.dark .tutorial-page .method-separator{background:#ffffff14;box-shadow:none}@media (max-width: 768px){.tutorial-page .tutorial-container{padding:1rem 14px 2rem;gap:1rem}.tutorial-page .cli-quickstart,.tutorial-page .fullscreen-tutorial-card,.tutorial-page .step-content{padding:1rem}.tutorial-page .cli-heading h2{font-size:1.18rem}.tutorial-page .manual-toggle-btn,.tutorial-page .cli-copy-btn{width:100%}.tutorial-page .os-buttons{flex-direction:column}.tutorial-page .tutorial-content-area{padding:.9rem}.tutorial-page .hint-info,.tutorial-page .hint-success-box,.tutorial-page .faq-details,.tutorial-page .code-block{margin:.85rem 0}.tutorial-page .hint-list{margin-left:1rem}}.tutorial-page .cli-quickstart{padding:clamp(.9rem,1.7vw,1.25rem)}.tutorial-page .cli-hero{margin-bottom:1rem}.tutorial-page .cli-hero-copy,.tutorial-page .cli-heading{gap:.28rem}.tutorial-page .config-badge,.tutorial-page .cli-command-badge{min-height:auto;border:0;border-radius:0;background:transparent;color:var(--neo-muted, #718096);padding:0;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dark .tutorial-page .config-badge,.dark .tutorial-page .cli-command-badge{background:transparent;color:var(--neo-muted, #a0aec0);border:0}.tutorial-page .cli-heading h2{max-width:650px;color:var(--neo-text, #2d3748);font-size:clamp(1.18rem,2.2vw,1.38rem);line-height:1.3;font-weight:700;letter-spacing:0}.dark .tutorial-page .cli-heading h2{color:var(--neo-text, #e2e8f0)}.tutorial-page .cli-desc{max-width:760px;color:var(--neo-muted, #718096);font-size:.78rem;line-height:1.5}.dark .tutorial-page .cli-desc{color:var(--neo-muted, #a0aec0)}.tutorial-page .cli-steps{display:grid;gap:1.1rem}.tutorial-page .cli-step-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.95rem;min-height:132px;padding:1.15rem;border-radius:24px;border:1px solid var(--neo-border, rgba(255, 255, 255, .35));background:var(--surface-bg, #e0e0e0);box-shadow:18px 18px 35px #bebebe,-18px -18px 35px #fff;color:var(--neo-text, #2d3748)}.dark .tutorial-page .cli-step-card{border-color:#ffffff1f;background:var(--surface-bg-dark, #1f1f24);box-shadow:20px 20px 40px #000c,-20px -20px 40px #3c3c444d}.tutorial-page .cli-step-number{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:0;border-radius:14px;background:var(--surface-bg, #e0e0e0);box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff;color:var(--neo-text, #2d3748);font-size:.9rem;font-weight:800}.dark .tutorial-page .cli-step-number{background:var(--surface-bg-dark, #1f1f24);box-shadow:inset 5px 5px 10px #0a0a0cd9,inset -5px -5px 10px #3c3c4473;color:var(--neo-text, #e2e8f0)}.tutorial-page .cli-step-body{position:relative;z-index:1;gap:.65rem}.tutorial-page .cli-step-body h3,.tutorial-page .cli-step-title-emphasis{margin:0;color:var(--neo-text, #2d3748);font-size:1rem;line-height:1.45;font-weight:700;letter-spacing:0}.dark .tutorial-page .cli-step-body h3,.dark .tutorial-page .cli-step-title-emphasis{color:var(--neo-text, #e2e8f0)}.tutorial-page .cli-step-body p,.tutorial-page .cli-step-helper,.tutorial-page .node-install-card p,.tutorial-page .cli-highlight-desc,.tutorial-page .cli-highlight-tip{color:var(--neo-muted, #718096);font-size:.84rem;line-height:1.65}.dark .tutorial-page .cli-step-body p,.dark .tutorial-page .cli-step-helper,.dark .tutorial-page .node-install-card p,.dark .tutorial-page .cli-highlight-desc,.dark .tutorial-page .cli-highlight-tip{color:var(--neo-muted, #a0aec0)}.tutorial-page .cli-step-body p code,.tutorial-page .cli-step-helper code,.tutorial-page .cli-check-chips code,.tutorial-page .node-install-card code,.tutorial-page .cli-highlight code{border:0;border-radius:7px;background:#ffffff80;box-shadow:inset 2px 2px 5px #bebebeb3,inset -2px -2px 5px #fffc;color:var(--neo-text, #2d3748);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:650}.dark .tutorial-page .cli-step-body p code,.dark .tutorial-page .cli-step-helper code,.dark .tutorial-page .cli-check-chips code,.dark .tutorial-page .node-install-card code,.dark .tutorial-page .cli-highlight code{background:#ffffff0f;box-shadow:inset 2px 2px 5px #0a0a0cbf,inset -2px -2px 5px #3c3c4461;color:var(--neo-text, #e2e8f0)}.tutorial-page .cli-step-body p code,.tutorial-page .cli-step-helper code{padding:2px 6px;font-size:.92em}.tutorial-page .cli-check-chips{gap:.5rem}.tutorial-page .cli-check-chips code{display:inline-flex;align-items:center;min-height:34px;padding:0 .75rem;font-size:.84rem}.tutorial-page .node-install-grid{gap:.7rem}.tutorial-page .node-install-card{min-height:120px;padding:.85rem;border:0;border-radius:16px;background:#ffffff3d;box-shadow:inset 4px 4px 8px #bebebe73,inset -4px -4px 8px #ffffff8f}.dark .tutorial-page .node-install-card{background:#ffffff09;box-shadow:inset 4px 4px 8px #0a0a0ca6,inset -4px -4px 8px #3c3c4442}.tutorial-page .node-install-card h4{color:var(--neo-text, #2d3748);font-size:.9rem;font-weight:700}.dark .tutorial-page .node-install-card h4{color:var(--neo-text, #e2e8f0)}.tutorial-page .node-install-card code{display:block;margin-top:auto;padding:.45rem .55rem;font-size:.78rem;line-height:1.55;word-break:break-word}.tutorial-page .cli-highlight{gap:.7rem;padding:1rem;border:0;border-radius:18px;background:#ffffff3d;box-shadow:inset 5px 5px 10px #bebebe7a,inset -5px -5px 10px #ffffff94}.dark .tutorial-page .cli-highlight{background:#ffffff09;box-shadow:inset 5px 5px 10px #0a0a0cb3,inset -5px -5px 10px #3c3c4447}.tutorial-page .cli-command-badges{gap:.55rem}.tutorial-page .cli-command-badge-hot{color:#c2410c}.dark .tutorial-page .cli-command-badge-hot{color:#fdba74}.tutorial-page .cli-highlight-title,.tutorial-page .cli-highlight-title-strong{color:var(--neo-text, #2d3748);font-size:1rem;line-height:1.45;font-weight:700}.dark .tutorial-page .cli-highlight-title,.dark .tutorial-page .cli-highlight-title-strong{color:var(--neo-text, #e2e8f0)}.tutorial-page .cli-highlight code{display:block;width:100%;padding:.85rem 1rem;font-size:clamp(.78rem,1.5vw,.9rem);line-height:1.65;word-break:break-all}.tutorial-page .cli-highlight-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tutorial-page .cli-copy-btn{position:relative;z-index:1;flex:0 0 auto;min-height:36px;border:none;border-radius:999px;background:linear-gradient(135deg,#f97316,#facc15);box-shadow:0 0 0 1px #f8fafc40,0 0 10px #0f172a99;color:#111827;padding:0 15px;font-size:13px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.tutorial-page .cli-copy-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#f97316,#facc15);box-shadow:0 0 0 1px #f8fafc59,0 0 12px #f97316f2}.tutorial-page .cli-highlight-tip{flex:1;min-width:220px}@media (max-width: 900px){.tutorial-page .cli-highlight-actions{align-items:stretch;flex-direction:column}.tutorial-page .cli-copy-btn{width:100%}}@media (max-width: 560px){.tutorial-page .cli-quickstart,.tutorial-page .cli-step-card{border-radius:20px;padding:1rem}.tutorial-page .cli-step-card{min-height:auto}}.tutorial-page .tutorial-content-area .code-block-wrapper{position:relative}.tutorial-page .tutorial-content-area .code-copy-btn{position:absolute;top:6px;right:10px;padding:2px 8px;border-radius:999px;border:none;background:#0f172ae6;color:#e2e8f0;font-size:11px;cursor:pointer;opacity:.85}.tutorial-page .tutorial-content-area .code-copy-btn:hover{opacity:1;background:#3b82f6f2}.dark .tutorial-page .tutorial-content-area .code-copy-btn{background:#0f172af2}.dark .tutorial-page .tutorial-content-area .code-copy-btn:hover{background:#2563ebf2}
