.progress-container{position:fixed;bottom:0;left:0;right:0;background:var(--background);border-top:1px solid var(--border-color);padding:var(--space-2) var(--space-3);z-index:100;box-shadow:0 -4px 12px rgba(0,0,0,.1)}.progress-bar{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:var(--primary-color);width:0;transition:width .5s ease;border-radius:2px}.progress-steps{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.progress-step{width:12px;height:12px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);transition:var(--transition);cursor:pointer}.progress-step.active{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.2)}.progress-step.completed{background:var(--success-color);border-color:var(--success-color)}.progress-step:hover{transform:scale(1.1)}.progress-info{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-2)}.progress-info,.progress-time{font-size:1rem;color:var(--text-secondary)}.progress-separator{color:var(--text-tertiary);font-size:.9375rem}@media (max-width:768px){.progress-container{padding:var(--space-2)}.progress-steps{gap:var(--space-1)}.progress-step{width:10px;height:10px}.progress-info{gap:var(--space-1)}.progress-info,.progress-time{font-size:.9375rem}}.completion-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.completion-modal.is-visible{opacity:1;visibility:visible}.modal-content{background:var(--background);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;max-width:520px;width:90%;box-shadow:0 20px 40px rgba(0,0,0,.15);transform:scale(.9);transition:transform .3s ease;position:relative}.completion-modal.is-visible .modal-content{transform:scale(1)}.btn-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;background:var(--background);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);transition:all .2s ease;z-index:10}.btn-modal-close:hover{background:rgba(204,120,92,.1);border-color:var(--primary-color);color:var(--primary-color);transform:rotate(90deg)}.modal-icon{font-size:3.5rem;margin-bottom:var(--space-2)}.modal-content h2{font-size:2rem;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.modal-content p{font-size:1.125rem;margin-bottom:var(--space-2);color:var(--text-secondary)}.modal-subtitle{font-size:1rem!important;color:var(--text-muted)!important;margin-bottom:var(--space-4)!important}.modal-subtitle code{background:rgba(204,120,92,.15);color:var(--primary-color);padding:3px 8px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-weight:600;font-size:.95rem}.claude-interface{background:#1a1a1a;border-radius:var(--radius);overflow:hidden;margin:var(--space-4) 0;font-family:SF Mono,Monaco,Consolas,Courier New,monospace;box-shadow:0 4px 12px rgba(0,0,0,.2)}.claude-welcome-box{background:rgba(204,120,92,.15);border:1px solid rgba(204,120,92,.3);border-radius:6px;padding:var(--space-3);margin:var(--space-3);display:flex;gap:var(--space-3);align-items:flex-start}.claude-asterisk{color:#CC785C;font-size:1.5rem;font-weight:700;flex-shrink:0}.claude-welcome-text{flex:1;text-align:left}.claude-welcome-text>div{color:#e5e5e5;font-size:.875rem;line-height:1.4;margin-bottom:4px}.claude-welcome-text strong{color:#ffffff;font-weight:600}.claude-help-text{font-style:italic}.claude-cwd,.claude-help-text{color:#888888!important;font-size:.8rem!important}.claude-cwd{margin-top:8px!important}.claude-input-box{padding:0 var(--space-3) var(--space-3) var(--space-3);position:relative}.claude-prompt{display:flex;align-items:center;gap:var(--space-2);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:var(--space-2)}.prompt-arrow{color:#888888;font-weight:700}.prompt-arrow,.prompt-icon{font-size:1rem}.claude-input{flex:1;background:transparent;border:none;color:#e5e5e5;font-family:inherit;font-size:.875rem;outline:none}.claude-hint{position:absolute;bottom:4px;left:var(--space-3);color:#666666;font-size:.75rem;font-style:italic}.modal-content-split{max-width:720px;width:90%;max-height:85vh;padding:0;transition:max-width .3s ease;margin:5vh auto}.modal-content-split.is-expanded{max-width:860px}.modal-split-layout{display:flex;min-height:380px}.modal-left-section{flex:1;padding:var(--space-3);display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid var(--border-color)}.modal-right-section{flex:1;padding:var(--space-4);display:flex;align-items:center;justify-content:center}.feedback-emoji-section{margin-top:var(--space-2);width:100%}.feedback-question{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.feedback-reason{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.feedback-reason .highlight-text{color:var(--primary-color);font-weight:600}.emoji-options{display:flex;gap:var(--space-1);justify-content:center}.btn-emoji{background:var(--surface);border:2px solid var(--border-color);border-radius:var(--radius);padding:var(--space-1) var(--space-2);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.btn-emoji:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn-emoji.is-selected{background:rgba(204,120,92,.1);border-color:var(--primary-color)}.btn-emoji .emoji{font-size:1.75rem}.btn-emoji .emoji-label{font-size:.75rem;color:var(--text-secondary)}.emoji-click-hint{font-size:.65rem;color:var(--primary-color);opacity:.8;margin-top:2px;animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.feedback-detail{width:100%;max-width:320px}.feedback-detail h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.feedback-detail p{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-3)}.feedback-detail textarea{width:100%;padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);resize:vertical;font-family:inherit;font-size:.875rem}.feedback-detail textarea:focus{outline:none;border-color:var(--primary-color)}.btn-feedback-submit{width:100%;padding:var(--space-2) var(--space-3);background:var(--primary-color);color:white;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-feedback-submit:hover{background:#CC785C;transform:translateY(-1px)}.creator-mini-profile{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--surface);border-radius:var(--radius);margin-top:var(--space-4);border:1px solid var(--border-color)}.creator-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.creator-info{flex:1}.creator-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.creator-message{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.feedback-success{text-align:center;color:var(--success-color)}.feedback-success i{font-size:3rem;margin-bottom:var(--space-2)}.feedback-success h3{font-size:1.25rem;margin-bottom:var(--space-1)}.feedback-success p{color:var(--text-secondary)}.feedback-error{background-color:var(--error-bg,#fee);border:1px solid var(--error-border,#fcc);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-3);text-align:center;transition:opacity .3s ease}.feedback-error i{color:var(--error-color,#e53e3e);font-size:2rem;margin-bottom:var(--space-2)}.feedback-error .error-title{color:var(--error-color,#e53e3e);font-weight:600;font-size:1rem;margin-bottom:var(--space-1)}.feedback-error .error-hint{color:var(--text-secondary);font-size:.875rem;margin:0}[data-theme=dark] .feedback-error{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}[data-theme=dark] .feedback-error .error-title,[data-theme=dark] .feedback-error i{color:#fc8181}.modal-share-section{border-top:1px solid var(--border-color);padding:var(--space-3);text-align:center}.share-question{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.share-content{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.share-url{background:var(--surface);border-radius:var(--radius);font-family:Consolas,Monaco,Courier New,monospace;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-share,.share-url{padding:var(--space-2) var(--space-3)}.btn-share{background:var(--primary-color);color:white;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-1)}.btn-share:hover{background:#CC785C;transform:translateY(-1px)}.btn-share.is-copied{background:var(--success-color)}.btn-share.is-active{background:#CC785C;transform:translateY(-1px)}.share-menu{position:absolute;bottom:100%;right:0;background:var(--background);border:2px solid #cc785c;border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.3);padding:var(--space-2);margin-bottom:var(--space-1);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:1002;min-width:180px;max-width:200px}@media (max-width:768px){.share-menu{right:-20px;left:auto;min-width:150px}}@media (max-width:480px){.share-menu{right:-50px;min-width:140px}}.share-menu.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.share-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius);transition:all .2s ease;color:var(--text-primary);font-size:.875rem;font-weight:500}.share-menu-item:hover{background:var(--surface);transform:translateX(2px)}.share-menu-item i{width:16px;font-size:16px;color:var(--text-secondary)}.share-menu-item[data-action=copy] i{color:var(--primary-color)}.share-menu-item[data-action=twitter] i{color:#1DA1F2}.share-menu-item[data-action=facebook] i{color:#1877F2}.share-menu-item[data-action=linkedin] i{color:#0A66C2}.modal-share-section,.share-content{position:relative}.btn-docs-link{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.btn-docs-link:hover{background:var(--surface);border-color:var(--primary-color);color:var(--primary-color)}.btn-docs-link i{font-size:.75rem}.completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:var(--space-4) 0}.action-btn{background:var(--background);border:2px solid var(--primary-color);color:var(--primary-color);padding:var(--space-3);border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.action-btn:hover{background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(204,120,92,.3)}.action-btn i{font-size:1.25rem}.completion-newsletter{background:rgba(204,120,92,.05);border:1px solid rgba(204,120,92,.2);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-4) 0}.completion-newsletter h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.completion-newsletter p{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-3)}.newsletter-form{display:flex;gap:var(--space-2)}.newsletter-form input[type=email]{flex:1;padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.875rem;background:var(--background);color:var(--text-primary)}.newsletter-form button{padding:var(--space-2) var(--space-3);background:var(--primary-color);color:white;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.newsletter-form button:hover{background:#CC785C;transform:translateY(-1px)}.newsletter-success{color:var(--success-color);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.newsletter-success i{font-size:1.25rem}.btn-text-secondary{background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:var(--space-2);transition:all .2s ease;text-decoration:underline}.btn-text-secondary:hover{color:var(--primary-color)}.completion-guide{font-size:.95rem;color:var(--text-secondary);margin:var(--space-2) 0 0 0;text-align:center}.completion-guide code{background:rgba(204,120,92,.1);color:var(--primary-color);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-weight:600}.toast{position:fixed;top:calc(var(--nav-height) + var(--space-3));right:var(--space-4);background:var(--surface);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius);box-shadow:0 4px 12px var(--shadow);border:1px solid var(--border-color);font-size:.875rem;max-width:320px;opacity:0;transform:translateX(calc(100% + var(--space-4)));transition:var(--transition-fast);z-index:1001}.toast.is-visible{opacity:1;transform:translateX(0)}.toast.success{background:var(--success-color)}.toast.error,.toast.success{color:white;border-color:transparent}.toast.error{background:var(--error-color)}.toast.warning{background:var(--warning-color)}.toast.info,.toast.warning{color:white;border-color:transparent}.toast.info{background:var(--primary-color)}@media (max-width:768px){.modal-content{margin:var(--space-3);padding:var(--space-3);max-height:80vh}.modal-icon{font-size:3rem}.modal-content h2{font-size:1.5rem}.completion-actions{grid-template-columns:1fr}.toast{top:calc(var(--nav-height) + var(--space-2));right:var(--space-2);left:var(--space-2);max-width:none}}.guide-page{min-height:100vh;background:var(--bg-primary)}.container{max-width:900px;margin:0 auto;padding:0 var(--space-3);padding-bottom:var(--space-6)}.step-content a{color:var(--primary-color);text-decoration:underline;font-weight:500;transition:var(--transition)}.step-content a:hover{text-decoration:underline;opacity:.8}[data-theme=dark] .step-content a{color:#E09B7A}.main-content{margin-top:var(--space-4)}.simple-check{background:rgba(249,250,251,.5);border:1px solid rgba(229,231,235,.8);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.simple-check:last-child{margin-bottom:0}.tooltip{position:relative;display:inline;border-bottom:1px dotted var(--primary-color);color:var(--primary-color);cursor:help}.tooltip-text{visibility:hidden;width:200px;background-color:var(--background);color:var(--text-primary);text-align:center;border-radius:var(--radius-sm);padding:var(--space-2);position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:.875rem;line-height:1.4;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid var(--border-color)}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--background) transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}[data-theme=dark] .checklist-box,[data-theme=dark] .simple-check{background:rgba(42,42,42,.8);border-color:rgba(68,68,68,.8)}[data-theme=dark] .tooltip{border-bottom-color:#E09B7A;color:#E09B7A}[data-theme=dark] .tooltip-text{background-color:#2A2A2A;color:#E5E5E5;border-color:#444444}[data-theme=dark] .tooltip-text:after{border-color:#2A2A2A transparent transparent}@media (max-width:768px){.container{padding:0 var(--space-2);padding-bottom:100px}.main-content{margin-top:var(--space-3)}.tooltip-text{width:150px;margin-left:-75px;font-size:.75rem}}@media (max-width:767px) and (orientation:landscape){.container{padding:0 var(--space-3);padding-bottom:80px}.main-content{margin-top:var(--space-2)}.simple-check{padding:var(--space-3);margin-bottom:var(--space-3)}}
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */.step-section{border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:#f5f5f5;border:1px solid #0000;overflow:hidden}.step-header,.step-section{transition:var(--transition)}.step-header{align-items:center;gap:var(--space-2);cursor:pointer;border-radius:var(--radius-lg)var(--radius-lg)0 0;background:0 0;min-height:105px;padding:32px 40px;display:flex;position:relative}.step-header h2{color:var(--text-primary);margin:0 auto 0 0;font-size:1.5rem;font-weight:600}.step-number{color:#fff;background:#9ca3af;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:600;display:flex}.step-tag{color:#fff;border-radius:14px;padding:3px 10px;font-size:.7rem;font-weight:500}.step-tag,.step-tag.progress-tag{background:#cc785c}.time-estimate{color:var(--text-secondary);margin-left:var(--space-1);align-items:center;gap:6px;font-size:.8125rem;font-weight:400;display:flex}.step-content{border-radius:0 0 var(--radius-lg)var(--radius-lg);background:linear-gradient(135deg,#cc785c14,#cc785c08);padding:28px 32px}.step-content h3{margin-bottom:var(--space-2);color:var(--text-primary);font-size:1.25rem;font-weight:600}.step-content p{margin-bottom:var(--space-3)}.step-content li,.step-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.step-content li{margin-bottom:var(--space-2)}.completed-text{color:#cc785c;margin-left:var(--space-2);font-size:1.125rem;font-weight:500}.btn-read-only{color:#fff;cursor:default;background:#cc785c;border:none;border-radius:16px;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1;display:inline-block}.step-section.is-active{opacity:1;background:linear-gradient(135deg,#cc785c0f,#cc785c05);border-color:#cc785c;transition:all .3s;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.step-section.is-active .step-header{background:linear-gradient(135deg,#cc785c40,#cc785c26);border-bottom:1px solid #cc785c33}.step-section.is-active .step-content{background:linear-gradient(135deg,#cc785c1f,#cc785c0d)}.step-section.is-active .step-number{background:#cc785c}.step-section.is-completed{opacity:1;background:0 0;border-color:#cc785c}.step-section.is-completed .step-header{background:linear-gradient(135deg,#cc785c26,#cc785c14);border-bottom:1px solid #cc785c1a}.step-section.is-completed .step-number{background:var(--success-color)}.step-section:not(.is-active):not(.is-completed){opacity:.6;background:#f5f5f5;border-color:#e5e7eb}.step-section:not(.is-active):not(.is-completed) .step-header{cursor:not-allowed;background:#f5f5f5}.step-section .step-content{display:none}.step-section.is-expanded:not(.is-completed) .step-content{display:block}.step-section.is-completed.is-expanded .step-content{display:none}.step-section.is-completed.is-expanded.is-show-full .step-content{display:block}.step-summary{padding:var(--space-4)var(--space-5);background:0 0;display:none}.step-section.is-completed.is-expanded:not(.is-show-full) .step-summary{display:block}.step-section.is-completed.is-expanded.is-show-full .step-summary,.step-section.is-completed:not(.is-expanded) .step-summary{display:none}.step-summary-content{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.step-summary-icon{color:var(--success-color);font-size:1.5rem}.step-summary-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.btn-back-to-summary,.btn-view-full-content{color:#cc785c;border-radius:var(--radius);cursor:pointer;transition:var(--transition);align-items:center;gap:var(--space-1);background:0 0;border:1px solid #cc785c;padding:8px 16px;font-size:.875rem;display:inline-flex}.btn-back-to-summary:hover,.btn-view-full-content:hover{color:#fff;background:#cc785c}.btn-back-to-summary{margin-bottom:var(--space-3)}.btn-back-to-summary i,.btn-view-full-content i{font-size:.75rem}.step-section.os-specific[data-os=mac]{display:block}.step-section.os-specific[data-os=windows],body[data-current-os=windows] .step-section.os-specific[data-os=mac]{display:none}.os-specific:not(.step-section)[data-os=mac],body[data-current-os=windows] .step-section.os-specific[data-os=windows]{display:block}.os-specific:not(.step-section)[data-os=windows],body[data-current-os=windows] .os-specific:not(.step-section)[data-os=mac]{display:none}body[data-current-os=windows] .os-specific:not(.step-section)[data-os=windows]{display:block}li.os-specific[data-os=mac]{list-style:inherit!important;display:list-item!important}body[data-current-os=windows] li.os-specific[data-os=mac],li.os-specific[data-os=windows]{display:none}body[data-current-os=windows] li.os-specific[data-os=windows]{list-style:inherit!important;display:list-item!important}.simple-list-box{border-radius:var(--radius);padding:var(--space-3);margin:var(--space-3)0;background:#f8f9fa;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.simple-list-box ul{padding-left:var(--space-3);margin:0;list-style:outside!important}.simple-list-box li{margin-bottom:var(--space-2);color:var(--text-secondary);line-height:1.6}.terminal-guide{margin:var(--space-4)0}.terminal-guide-box{border-radius:var(--radius);padding:var(--space-4);margin:var(--space-3)0;background:#f9fafb80;border:1px solid #e5e7ebcc}.terminal-guide-box h4{margin-bottom:var(--space-3);color:var(--text-primary);font-size:1.125rem;font-weight:600}.install-note{border-radius:var(--radius);padding:var(--space-2);margin:var(--space-2)0;color:var(--text-primary);background:#3b82f61a;border:1px solid #3b82f633;font-size:.875rem}.warning-notice{border-radius:var(--radius);padding:var(--space-3);margin:var(--space-3)0;background:#f59e0b1a;border:1px solid #f59e0b4d}.warning-notice h4{color:var(--warning-color);margin-bottom:var(--space-2)}.warning-notice p{color:var(--text-primary);margin-bottom:var(--space-2)}.warning-notice p:last-child{margin-bottom:0}kbd{border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4;display:inline-block}kbd,kbd.enter-key{color:#1a1a1a;background:#fff;box-shadow:0 1px 3px #0000001a}kbd.enter-key{border:1px solid #e5e7eb;padding-right:20px;position:relative}kbd.enter-key:after{content:"↵";color:#6b7280;font-size:.875rem;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.result-buttons{margin:var(--space-4)0;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color)}.result-buttons p{margin-bottom:var(--space-3);color:var(--text-primary);font-weight:500}.result-buttons .button-group{gap:var(--space-2);flex-direction:column;display:flex}.result-btn{width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-align:left;align-items:center;gap:var(--space-2);min-height:52px;margin-bottom:var(--space-2);border:2px solid #0000;font-size:.95rem;font-weight:500;line-height:1.5;display:flex}.result-btn:last-child{margin-bottom:0}.result-btn:disabled{opacity:.6;cursor:not-allowed}.result-btn:focus{outline:2px solid var(--focus-color);outline-offset:2px}.result-btn.success{border-color:var(--success-color);color:var(--success-color);background:#cc785c14}.result-btn.success:hover:not(:disabled){background:var(--success-color);border-color:var(--success-color);color:#fff;box-shadow:0 4px 12px var(--success-light);transform:translateY(-1px)}.result-btn.success:hover:not(:disabled) .icon{color:#fff}.result-btn.success .icon{color:var(--success-color);font-size:1.25rem}.result-btn.error{color:var(--error-color);background:#ef444414;border-color:#ef44444d}.result-btn.error:hover:not(:disabled){background:var(--error-color);border-color:var(--error-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.result-btn.error:hover:not(:disabled) .icon{color:#fff}.result-btn.error .icon{color:var(--error-color);font-size:1.25rem}.result-btn.resolution{color:var(--text-primary);background:#3b82f61a;border-color:#3b82f64d}.result-btn.resolution:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #cc785c4d}.result-btn.resolution:hover:not(:disabled) .icon{color:#fff}.result-btn.resolution .icon{color:var(--primary-color);font-size:1.25rem}.result-btn .btn-text{flex:1}.result-btn .main-text{margin-bottom:2px;font-weight:600}.result-btn .sub-text{color:inherit;opacity:.9;font-size:.875rem}.result-btn.loading{color:#0000;position:relative}.result-btn.loading:after{content:"";border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(1turn)}}[data-theme=dark] .result-btn{color:#e5e5e5;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .result-btn.success{background:var(--success-light);border-color:var(--success-color)}[data-theme=dark] .result-btn.success:hover:not(:disabled){background:var(--success-color);border-color:var(--success-color);color:#fff;box-shadow:0 4px 12px var(--success-light)}[data-theme=dark] .result-btn.success:hover:not(:disabled) .icon{color:#fff}[data-theme=dark] .result-btn.error{background:#ef444426;border-color:#ef444466}[data-theme=dark] .result-btn.error:hover:not(:disabled){background:var(--error-color);border-color:var(--error-color);color:#fff;box-shadow:0 4px 12px #ef44444d}[data-theme=dark] .result-btn.error:hover:not(:disabled) .icon{color:#fff}[data-theme=dark] .result-btn.resolution{background:#3b82f626;border-color:#3b82f666}[data-theme=dark] .result-btn.resolution:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #cc785c4d}[data-theme=dark] .result-btn.resolution:hover:not(:disabled) .icon{color:#fff}[data-theme=dark] .result-btn .sub-text{color:inherit}[data-theme=dark] .result-btn.loading:after{border-color:#e09b7a #ffffff4d #ffffff4d}@media (max-width:768px){.result-buttons{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3)0}.result-btn{padding:var(--space-3);min-height:48px;font-size:.875rem}.result-btn .icon{font-size:1.125rem}.result-btn .main-text{font-size:.875rem}.result-btn .sub-text{font-size:.8125rem}}@media (min-width:769px) and (max-width:1024px){.result-btn{padding:var(--space-3)var(--space-4);font-size:.9375rem}}@media (prefers-contrast:high){.result-btn{border-width:3px}.result-btn.success{border-color:var(--success-color)}.result-btn.error{border-color:var(--error-color)}.result-btn.resolution{border-color:var(--primary-color)}}@media (prefers-reduced-motion:reduce){.result-btn{transition:none}.result-btn:hover:not(:disabled){transform:none}.result-btn.loading:after{animation:none}}@supports selector(:focus-visible){.result-btn:focus{outline:none}.result-btn:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}}.result-btn.is-selected{position:relative;background:#fee2e2!important;border-color:#cc785c!important}.result-btn.is-selected:hover{color:#7c4a3a!important;background:#fecdd3!important}.result-btn.is-selected .selected-indicator{color:#fff;background:#cc785c;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.result-btn.is-selected .selected-label{color:#fff;background:#cc785c;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:500;position:absolute;top:12px;right:12px}.result-btn.is-disabled{pointer-events:none;opacity:.5!important;cursor:not-allowed!important}.result-btn.is-disabled:hover{box-shadow:none!important;transform:none!important}[data-theme=dark] .step-section{background:#1f1f1f;border-color:#555}[data-theme=dark] .step-section.is-active{background:#2a2a2a;border-color:#e09b7a66;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .step-section.is-active .step-header{background:#e09b7a1f}[data-theme=dark] .step-content{background:#2a2a2a;border-top-color:#e09b7a33}[data-theme=dark] .step-section.is-active .step-content{background:#e09b7a0d}[data-theme=dark] .step-header{background:0 0}[data-theme=dark] .step-header h2{color:#e5e5e5}[data-theme=dark] .step-content h3{color:#f5f5f5}[data-theme=dark] .step-content p{color:#c4c4c4}[data-theme=dark] .step-number{color:#e5e5e5;background:#666}[data-theme=dark] .step-section.is-active .step-number,[data-theme=dark] .step-tag{color:#1a1a1a;background:#e09b7a}[data-theme=dark] .completed-text{color:#e09b7a}[data-theme=dark] .btn-read-only{color:#1a1a1a;background:#e09b7a}[data-theme=dark] .btn-back-to-summary,[data-theme=dark] .btn-view-full-content{color:#e5e5e5;background:#cc785c1a;border-color:#cc785c}[data-theme=dark] .btn-back-to-summary:hover,[data-theme=dark] .btn-view-full-content:hover{color:#fff;background:#cc785c}[data-theme=dark] .simple-list-box{background:#1e1e1e99;border-color:#ffffff1a;box-shadow:0 1px 3px #0003}[data-theme=dark] .terminal-guide-box{background:#2a2a2acc;border-color:#444c}[data-theme=dark] .terminal-guide-box h4{color:#f5f5f5}[data-theme=dark] .warning-notice{background:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .warning-notice h4{color:#f59e0b}[data-theme=dark] .warning-notice p{color:#e5e5e5}[data-theme=dark] .install-note{color:#e5e5e5;background:#3b82f626;border-color:#3b82f64d}[data-theme=dark] kbd{box-shadow:0 1px 3px #0000004d}[data-theme=dark] kbd,[data-theme=dark] kbd.enter-key{color:#e5e5e5;background:#404040;border-color:#666}[data-theme=dark] kbd.enter-key:after{color:#b4b4b4}[data-theme=dark] .step-section:not(.is-active):not(.is-completed){opacity:1;background:#3a3a3a;border-color:#666}[data-theme=dark] .step-section:not(.is-active):not(.is-completed) .step-header{background:#3a3a3a}[data-theme=dark] .step-section:not(.is-active):not(.is-completed) .step-header h2{color:#e5e5e5;opacity:.8}[data-theme=dark] .step-section:not(.is-active):not(.is-completed) .time-estimate{color:#b4b4b4}[data-theme=dark] .step-section:not(.is-active):not(.is-completed) .step-number{color:#fff;background:#757575}[data-theme=dark] .terminal-content .output,[data-theme=dark] .terminal-title{color:#ccc}[data-theme=dark] .terminal-example.claude-terminal .input-box,[data-theme=dark] .terminal-example.claude-terminal .permission-box,[data-theme=dark] .terminal-example.claude-terminal .welcome-box{background:#404040;border-color:#666}[data-theme=dark] .terminal-example.claude-terminal .input-text,[data-theme=dark] .terminal-example.claude-terminal .output,[data-theme=dark] .terminal-example.claude-terminal .prompt{color:#d4d4d4}[data-theme=dark] .terminal-example.claude-terminal .option{color:#d4d4d4;background:#555}[data-theme=dark] .terminal-example .input-text,[data-theme=dark] .terminal-example .option-unselected,[data-theme=dark] .terminal-example.claude-terminal .hint,[data-theme=dark] .terminal-example.claude-terminal .option-inactive{color:#999}@media (max-width:768px){.step-section{margin-bottom:var(--space-3);border-radius:var(--radius-sm)}.step-header{padding:var(--space-3);align-items:center;gap:var(--space-2);flex-direction:row;min-height:80px}.step-header h2{font-size:1.25rem;line-height:1.4}.step-content{padding:var(--space-3)}.step-content h3{margin-bottom:var(--space-2);font-size:1.125rem}.step-content p{font-size:.875rem;line-height:1.6}.terminal-example{padding:var(--space-2);margin:var(--space-2)0;font-size:.75rem}.terminal-content{font-size:.75rem;line-height:1.5}.btn-back-to-summary,.btn-view-full-content{justify-content:center;width:100%;padding:12px 16px;font-size:.875rem}.os-switcher{gap:var(--space-2);flex-direction:column}.os-switcher button{width:100%;padding:12px 16px}}@media (min-width:769px) and (max-width:1024px){.step-section{margin-bottom:var(--space-3)}.step-content,.step-header{padding:var(--space-4)}.terminal-content,.terminal-example{font-size:.8125rem}}@media (min-width:1200px){.step-section{max-width:none;margin-bottom:var(--space-4)}.step-header{padding:var(--space-3)var(--space-5)}.step-content{padding:var(--space-5)}.step-content h3{font-size:1.375rem}.terminal-content,.terminal-example{font-size:.9375rem}.terminal-content{line-height:1.7}}@media print{.step-section{break-inside:avoid;box-shadow:none;margin-bottom:var(--space-3);border:1px solid #ccc}.step-section.is-active{box-shadow:none;transform:none}.terminal-example{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.btn-back-to-summary,.btn-view-full-content,.os-switcher{display:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.step-section,.terminal-example,kbd{border-width:.5px}}@media (prefers-reduced-motion:reduce){.step-section,.step-section.is-active{transition:none;transform:none}.terminal-content .cursor{opacity:1;animation:none}.btn-back-to-summary,.btn-view-full-content{transition:none}}@container (max-width:600px){.step-content,.terminal-example{padding:var(--space-2)}.terminal-example{font-size:.75rem}}@container (min-width:800px){.step-content{padding:var(--space-5)}.terminal-example{padding:var(--space-4)}}.terminal-example{border-radius:var(--radius-sm);padding:var(--space-3);margin:var(--space-2)0;background:#fff;border:1px solid #d1d5db;font-family:SF Mono,Monaco,Consolas,Courier New,monospace;box-shadow:0 1px 3px #0000000d}.terminal-header{padding-bottom:var(--space-1);margin-bottom:var(--space-2);border-bottom:1px solid #e5e7eb}.terminal-title{color:#6b7280;font-size:.875rem}.terminal-content{font-size:.875rem;line-height:1.6}.terminal-content .output{color:#000;display:block}.terminal-content .prompt{color:#000;font-weight:600;display:inline}.terminal-content .command{color:#000}.terminal-content .comment{color:#6b7280}.terminal-content .cursor{color:#fff;vertical-align:text-bottom;background:#000;width:10px;height:20px;margin-left:2px;animation:blink 1s infinite;display:inline-block}.terminal-content .prompt .cursor{color:#fff;background:#000;width:auto;height:auto;padding:0 2px;animation:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-example.success{background:#fff}.terminal-example.claude-terminal{background:#fff;border:1px solid #e5e7eb;padding:0;overflow:hidden;box-shadow:0 2px 8px #0000000d}.terminal-example.claude-terminal .terminal-header{padding-bottom:var(--space-1);margin-bottom:var(--space-2);border-bottom:1px solid #e5e7eb}.terminal-example.claude-terminal .terminal-header-bar{color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px;font-size:.875rem}.terminal-example.claude-terminal .terminal-content{color:#1f2937;padding:var(--space-3);background:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6}.terminal-example .permission-box{padding:var(--space-3);margin:var(--space-3)0;background:0 0;border:1px solid #ea580c;border-radius:6px}.terminal-example .permission-box .output{color:#ea580c;display:block}.terminal-example .permission-box .output.option-selected,.terminal-example .permission-box .output.option-unselected{display:inline}.terminal-example .welcome-box{padding:var(--space-3);margin:var(--space-3)0;background:0 0;border:1px solid #ec4899;border-radius:4px}.terminal-example .input-box{margin:var(--space-3)0;background:0 0;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px}.terminal-example .output.hint{color:#6b7280;margin-bottom:var(--space-2);font-size:.875rem}.terminal-example .permission-box .output.hint{color:#f97316}.terminal-example .permission-box .output.hint:first-child{color:#f97316;margin-bottom:var(--space-2)}.terminal-example .output.hint.shortcuts-hint{color:#6b7280!important}.terminal-example .output.link{color:#3b82f6;text-decoration:underline}.terminal-example .output.star,.terminal-example .star{color:#ec4899;margin-right:.25rem;font-size:1.2rem;font-weight:700}.terminal-example .welcome-box .output.star,.terminal-example.success .terminal-content .welcome-box .output.star{color:#ec4899;margin-right:.25rem;font-size:1.2rem;font-weight:700;display:inline}.terminal-example .option-selected{color:#1f2937;font-weight:600}.terminal-example .permission-box .output.option-selected,.terminal-example.success .terminal-content .permission-box .output.option-selected{font-weight:600;color:#1f2937!important}.terminal-example .option-unselected{color:#6b7280}.terminal-example .permission-box .output.option-unselected,.terminal-example.success .terminal-content .permission-box .output.option-unselected{color:#6b7280!important}.terminal-example .input-text{color:#6b7280;margin-left:.25rem}.terminal-example .input-box .cursor{color:#fff;background:#000;padding:0 2px}.terminal-content .output.warn{color:#f59e0b}.terminal-content .output.error{color:#ef4444}.terminal-content .output.success{color:#10b981}body[data-current-os=windows] .terminal-example,body[data-current-os=windows] .terminal-header{background:#000;border-color:#333}body[data-current-os=windows] .terminal-title{color:silver}body[data-current-os=windows] .terminal-content{color:silver;background:#000}body[data-current-os=windows] .terminal-content .output{color:#e0e0e0}body[data-current-os=windows] .terminal-content .prompt{color:silver}body[data-current-os=windows] .terminal-content .command{color:#fff}body[data-current-os=windows] .terminal-content .comment{color:gray}body[data-current-os=windows] .terminal-content .cursor{background:silver}body[data-current-os=windows] .terminal-example.success{background:#000;border-color:#333}body[data-current-os=windows] .terminal-example.success .terminal-content .output{color:#fff}body[data-current-os=windows] .terminal-example.claude-terminal{background:#000;border-color:#333}body[data-current-os=windows] .terminal-example.claude-terminal .terminal-header-bar{color:silver;background:#000;border-bottom-color:#333}body[data-current-os=windows] .terminal-example.claude-terminal .terminal-content{color:silver;background:#000}body[data-current-os=windows] .terminal-example.claude-terminal .output{color:#e0e0e0}body[data-current-os=windows] .terminal-example.claude-terminal .prompt{color:silver}body[data-current-os=windows] .terminal-example.claude-terminal .permission-box,body[data-current-os=windows] .terminal-example.claude-terminal .welcome-box{border-color:gray!important}body[data-current-os=windows] .terminal-example.claude-terminal .input-box{background:#000;border-color:gray}body[data-current-os=windows] .terminal-example.claude-terminal .option{color:#fff;background:#333}body[data-current-os=windows] .terminal-example.claude-terminal .hint,body[data-current-os=windows] .terminal-example.claude-terminal .option-inactive{color:gray}body[data-current-os=windows] .terminal-example.claude-terminal .input-text{color:silver}body[data-current-os=windows] .terminal-content .output.warn{color:#ff0}body[data-current-os=windows] .terminal-content .output.error{color:red}body[data-current-os=windows] .terminal-example .star{color:#f0f}body[data-current-os=windows] .terminal-example .option-selected{color:#fff}body[data-current-os=windows] .terminal-example .option-unselected{color:gray}body[data-current-os=windows] .terminal-example .input-text{color:silver}[data-theme=dark] .terminal-example{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .terminal-example,[data-theme=dark] .terminal-header{background:#1a1a1a;border-color:#333}[data-theme=dark] .terminal-title{color:#ccc}[data-theme=dark] .terminal-content{color:#ccc;background:#1a1a1a}[data-theme=dark] .terminal-content .output{color:#ccc}[data-theme=dark] .terminal-content .prompt{color:#569cd6}[data-theme=dark] .terminal-content .command{color:#fff}[data-theme=dark] .terminal-content .comment{color:gray}[data-theme=dark] .terminal-content .cursor{background:#fff}[data-theme=dark] .terminal-content .prompt .cursor{color:#000;background:#fff}[data-theme=dark] .terminal-example.success{background:#1a1a1a;border-color:#333}[data-theme=dark] .terminal-example.success .terminal-content .output{color:#fff}[data-theme=dark] .terminal-example.claude-terminal{background:#404040;border-color:#555}[data-theme=dark] .terminal-example.claude-terminal .terminal-header{background:#404040;border-color:#333}[data-theme=dark] .terminal-example.claude-terminal .terminal-title{color:#ccc}[data-theme=dark] .terminal-example.claude-terminal .terminal-header-bar{color:#999;background:#404040;border-color:#555}[data-theme=dark] .terminal-example.claude-terminal .terminal-content{color:#d4d4d4;background:#404040}[data-theme=dark] .terminal-example.claude-terminal .output,[data-theme=dark] .terminal-example.claude-terminal .prompt{color:#d4d4d4}[data-theme=dark] .terminal-example.claude-terminal .command{color:#fff}[data-theme=dark] .terminal-example .permission-box,[data-theme=dark] .terminal-example .welcome-box{background:0 0;border-color:#666}[data-theme=dark] .terminal-example .input-box,[data-theme=dark] .terminal-example.claude-terminal .input-box,[data-theme=dark] .terminal-example.claude-terminal .permission-box,[data-theme=dark] .terminal-example.claude-terminal .welcome-box{background:#404040;border-color:#666}[data-theme=dark] .terminal-example .output.hint{color:#999}[data-theme=dark] .terminal-example .permission-box .output.hint,[data-theme=dark] .terminal-example .permission-box .output.hint:first-child{color:#d4d4d4}[data-theme=dark] .terminal-example .output.hint.shortcuts-hint{color:#999!important}[data-theme=dark] .terminal-example .output.link{color:#60a5fa;text-decoration:underline}[data-theme=dark] .terminal-example .star{color:#f0f;margin-right:.25rem;font-size:1.2rem;font-weight:700}[data-theme=dark] .terminal-example .option{color:#d4d4d4;background:#555}[data-theme=dark] .terminal-example .option-inactive{color:#999}[data-theme=dark] .terminal-example .option-selected{color:#d4d4d4}[data-theme=dark] .terminal-example .hint,[data-theme=dark] .terminal-example .input-text,[data-theme=dark] .terminal-example .option-unselected{color:#999}[data-theme=dark] .terminal-content .output.warn{color:#f59e0b}[data-theme=dark] .terminal-content .output.error{color:#ef4444}[data-theme=dark] .terminal-content .output.success{color:#10b981}[data-theme=dark] body[data-current-os=windows] .terminal-example,[data-theme=dark] body[data-current-os=windows] .terminal-header{background:#000;border-color:#333}[data-theme=dark] body[data-current-os=windows] .terminal-title{color:silver}[data-theme=dark] body[data-current-os=windows] .terminal-content{color:silver;background:#000}[data-theme=dark] body[data-current-os=windows] .terminal-content .output{color:#e0e0e0}[data-theme=dark] body[data-current-os=windows] .terminal-content .prompt{color:silver}[data-theme=dark] body[data-current-os=windows] .terminal-content .command{color:#fff}[data-theme=dark] body[data-current-os=windows] .terminal-content .cursor{background:silver}[data-theme=dark] body[data-current-os=windows] .terminal-example.claude-terminal{background:#000;border-color:#333}[data-theme=dark] body[data-current-os=windows] .terminal-example.claude-terminal .terminal-header-bar{color:silver;background:#000;border-bottom-color:#333}[data-theme=dark] body[data-current-os=windows] .terminal-example.claude-terminal .terminal-content{color:silver;background:#000}[data-theme=dark] body[data-current-os=windows] .terminal-content .output.warn{color:#ff0}[data-theme=dark] body[data-current-os=windows] .terminal-content .output.error{color:red}[data-theme=dark] body[data-current-os=windows] .terminal-example .star{color:#f0f}[data-theme=dark] body[data-current-os=windows] .terminal-example .option{color:#fff;background:#333}[data-theme=dark] body[data-current-os=windows] .terminal-example .hint,[data-theme=dark] body[data-current-os=windows] .terminal-example .option-inactive{color:gray}[data-theme=dark] body[data-current-os=windows] .terminal-example .input-text{color:silver}[data-theme=dark] .terminal-content .cursor{animation:blink-dark 1s infinite}@keyframes blink-dark{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){[data-theme=dark] .terminal-content .cursor{opacity:1;animation:none}}@media (prefers-contrast:high){[data-theme=dark] .terminal-example{border-width:2px;border-color:#fff}[data-theme=dark] .terminal-content .output{color:#fff}[data-theme=dark] .terminal-content .prompt{color:#0ff}}.terminal-section-separator{background:var(--border-color);height:1px;margin:var(--space-4)0}