html{scroll-behavior:smooth}.guide-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.guide-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:100px 2rem 3rem}.guide-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.guide-header p{font-size:1.1rem;opacity:.9}.guide-content-wrapper{max-width:1400px;margin:0 auto;padding:2rem;display:flex;gap:2rem;position:relative}.guide-nav{width:280px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:100px;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.dark .guide-nav{background:#1f2937;box-shadow:0 2px 8px rgba(0,0,0,.3)}.guide-nav h3{color:#667eea;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.dark .guide-nav h3{color:#818cf8}.guide-nav ul{list-style:none;padding:0;margin:0}.guide-nav li{margin-bottom:.5rem}.guide-nav a{color:#555;text-decoration:none;padding:.5rem 1rem;display:block;border-radius:4px;transition:all .3s;font-size:.95rem}.dark .guide-nav a{color:#d1d5db}.guide-nav a:hover{background:#f0f0ff;color:#667eea;transform:translateX(5px)}.dark .guide-nav a:hover{background:#374151;color:#818cf8}.guide-main{flex:1 1;min-width:0}.guide-section{background:#fff;padding:2.5rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.dark .guide-section{background:#1f2937;box-shadow:0 2px 8px rgba(0,0,0,.3)}.guide-section h2{color:#667eea;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #667eea;font-size:2rem;font-weight:700}.dark .guide-section h2{color:#818cf8;border-bottom-color:#818cf8}.guide-section h3{color:#764ba2;margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.dark .guide-section h3{color:#c084fc}.guide-section h4{color:#555;margin-top:1.5rem;margin-bottom:.8rem;font-size:1.2rem;font-weight:600}.dark .guide-section h4{color:#d1d5db}.guide-section p{color:#333;margin-bottom:1rem}.dark .guide-section p{color:#e5e7eb}.screenshot-placeholder{margin:1.5rem 0;text-align:center}.screenshot-placeholder img{max-width:100%;width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #e0e0e0}.dark .screenshot-placeholder img{border-color:#374151}.guide-step{background:#f8f9ff;padding:1.5rem;margin:1rem 0;border-left:4px solid #667eea;border-radius:4px}.dark .guide-step{background:#374151;border-left-color:#818cf8}.step-number{display:inline-block;background:#667eea;color:#fff;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;margin-right:10px;font-weight:700}.dark .step-number{background:#818cf8}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:1.5rem 0}.feature-card{background:#f8f9ff;padding:1.5rem;border-radius:8px;border-top:3px solid #667eea}.dark .feature-card{background:#374151;border-top-color:#818cf8}.feature-card h4{margin-top:0;color:#667eea}.dark .feature-card h4{color:#818cf8}.guide-note{background:#fff3cd;border-left:4px solid #ffc107;padding:1rem;margin:1rem 0;border-radius:4px}.dark .guide-note{background:#78350f;border-left-color:#fbbf24}.guide-tip{background:#d1ecf1;border-left:4px solid #17a2b8;padding:1rem;margin:1rem 0;border-radius:4px}.dark .guide-tip{background:#164e63;border-left-color:#06b6d4}.guide-important{background:#f8d7da;border-left:4px solid #dc3545;padding:1rem;margin:1rem 0;border-radius:4px}.dark .guide-important{background:#7f1d1d;border-left-color:#ef4444}.guide-section ol,.guide-section ul{margin-left:2rem;margin-top:.5rem;margin-bottom:1rem;color:#333}.dark .guide-section ol,.dark .guide-section ul{color:#e5e7eb}.guide-section li{margin-bottom:.5rem}.guide-section code{background:#f4f4f4;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;color:#e83e8c}.dark .guide-section code{background:#374151;color:#f472b6}.guide-footer{background:#2c3e50;color:#fff;padding:3rem 2rem;text-align:center;margin-top:3rem}.guide-footer h3{font-size:1.8rem;margin-bottom:1rem}.guide-footer p{opacity:.9}.guide-footer-cta{display:inline-block;margin-top:1.5rem;padding:.75rem 2rem;background:#667eea;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}.guide-footer-cta:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}@media (max-width:1024px){.guide-nav{display:none}.guide-content-wrapper{padding:1rem}}@media print{.guide-nav{position:static}}