*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #fafafa;--color-text: #333;--color-text-muted: #666;--color-link: #2563eb;--color-link-hover: #1d4ed8;--color-border: #e5e7eb;--color-code-bg: #f3f4f6;--color-accent: #dc2626;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace}@media (prefers-color-scheme: dark){:root{--color-bg: #1a1a1a;--color-text: #e5e5e5;--color-text-muted: #a3a3a3;--color-link: #60a5fa;--color-link-hover: #93c5fd;--color-border: #404040;--color-code-bg: #262626}}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}a{color:var(--color-link);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}code{font-family:var(--font-mono);background:var(--color-code-bg);padding:.2em .4em;border-radius:4px;font-size:.9em}pre{font-family:var(--font-mono);background:var(--color-code-bg);padding:1rem;border-radius:8px;overflow-x:auto;font-size:.9em;line-height:1.5;transition:background-color .3s ease}pre code{background:none;padding:0}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}header{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem;margin-bottom:2rem;transition:border-color .3s ease}header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}header h1 a{color:inherit;text-decoration:none}header h1 a:hover{color:var(--color-link)}nav{margin-top:1rem}nav a{font-weight:500;color:var(--color-text-muted)}nav a:hover{color:var(--color-link);text-decoration:none}h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;padding-top:1rem;border-top:1px solid var(--color-border);transition:border-color .3s ease}h2:first-child{margin-top:0;padding-top:0;border-top:none}h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .75rem}p{margin-bottom:1rem}ul,ol{margin:1rem 0;padding-left:1.5rem}li{margin-bottom:.5rem}.warning{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem;margin:1rem 0;border-radius:0 4px 4px 0;color:#92400e}@media (prefers-color-scheme: dark){.warning{background:#451a03;color:#fdba74;border-color:#f59e0b}}.tip{background:#dbeafe;border-left:4px solid #3b82f6;padding:1rem;margin:1rem 0;border-radius:0 4px 4px 0;color:#1e40af}@media (prefers-color-scheme: dark){.tip{background:#1e3a5f;color:#93c5fd;border-color:#3b82f6}}.step-number{display:inline-block;background:var(--color-accent);color:#fff;width:28px;height:28px;border-radius:50%;text-align:center;line-height:28px;font-size:.75rem;font-weight:600;margin-right:.5rem}.step{display:flex;align-items:flex-start;margin-bottom:1.5rem}.step-content{flex:1}.step-content h3{margin-top:0;display:inline;font-size:1.1rem}.step-content p{margin-top:.5rem;color:var(--color-text-muted);transition:color .3s ease}footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem;transition:border-color .3s ease,color .3s ease}.image-placeholder{background:var(--color-code-bg);border:2px dashed var(--color-border);border-radius:8px;padding:3rem 2rem;text-align:center;color:var(--color-text-muted);margin:1.5rem 0;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.image-placeholder:before{content:"📷";display:block;font-size:2rem;margin-bottom:.75rem}.image-placeholder strong{display:block;margin-bottom:.5rem;color:var(--color-text)}img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}