:root{--bg-primary: hsl(0, 0%, 100%);--bg-secondary: hsl(0, 0%, 99.3%);--bg-tertiary: hsl(0, 0%, 98.2%);--text-primary: hsl(0, 0%, 8%);--text-secondary: hsl(0, 0%, 15%);--border-color: hsl(0, 0%, 92%);--accent-color: hsl(12, 93%, 43%);--accent-hover: hsl(12, 94%, 50%);--card-bg: hsl(0, 0%, 100%);--nav-bg: rgba(255, 255, 255, .8);--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .15);--orange: hsl(12, 93%, 43%);--orange-hover: hsl(12, 94%, 50%);--search-bg: hsl(0, 0%, 98.2%);--search-border: hsl(0, 0%, 92%);--link-color: hsl(12, 93%, 43%)}[data-theme=dark]{--bg-primary: hsl(220, 10%, 12%);--bg-secondary: hsl(220, 12%, 14%);--bg-tertiary: hsl(220, 14%, 16%);--text-primary: hsl(220, 2%, 90%);--text-secondary: hsl(220, 3%, 80%);--border-color: hsl(220, 15%, 22%);--accent-color: hsl(12, 94%, 62%);--accent-hover: hsl(12, 94%, 70%);--card-bg: hsl(220, 12%, 14%);--nav-bg: hsla(220, 10%, 12%, .8);--shadow: 0 2px 8px rgba(0, 0, 0, .25);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .4);--orange: hsl(12, 94%, 62%);--orange-hover: hsl(12, 94%, 70%);--search-bg: hsl(220, 14%, 16%);--search-border: hsl(220, 15%, 22%);--link-color: hsl(12, 94%, 62%)}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:EB Garamond,Georgia,serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;font-size:18px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-kerning:normal;font-variant-ligatures:common-ligatures}h1,h2,h3,h4,h5,h6{font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.1;margin-bottom:.8rem;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.01em}h1{font-size:3rem;line-height:1;margin-bottom:1.5rem;letter-spacing:-.02em}h2{font-size:2.25rem;line-height:1.05;margin-bottom:1.25rem;letter-spacing:-.015em}h3{font-size:1.75rem;line-height:1.1;margin-bottom:1rem;letter-spacing:-.01em}h4{font-size:1.375rem;line-height:1.15;margin-bottom:.8rem}h5{font-size:1.125rem;line-height:1.2;margin-bottom:.6rem}h6{font-size:1rem;line-height:1.25;margin-bottom:.5rem}nav,.nav,.nav-content,.nav-links,.btn,.control-btn,.search-input,.card-tag,.tag,.category-tag,input,select,textarea,button{font-family:Fira Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.code{font-family:Fira Mono,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}pre{background:var(--bg-secondary);padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid var(--border-color)}code{background:var(--bg-secondary);padding:.2em .4em;border-radius:4px;font-size:.9em}pre code{background:none;padding:0}img{max-width:100%;height:auto}@media (-webkit-max-device-pixel-ratio: 1),(max-resolution: 96dpi){body{font-family:Georgia,serif}}.font-normal{font-size:16px}.font-large{font-size:18px}.font-small{font-size:14px}.container{max-width:1400px;margin:0 auto;padding:0 20px}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px 24px;box-shadow:var(--shadow);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:#ff3e0033}.card--btn{cursor:pointer;display:flex;flex-direction:column;align-items:stretch;background:none;border:1px solid var(--border-color);text-align:left;font-family:inherit;color:inherit}.card--btn:hover{border-color:var(--border-color)}.card--hover-orange:hover{border-color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:8px}.btn-primary{background:transparent;color:var(--orange);border:2px solid var(--orange)}.btn-primary:hover{background:var(--orange);color:#fff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.main-content{min-height:calc(100vh - 72px);max-width:1200px;margin:0 auto;padding:48px 24px}.nav{background:var(--nav-bg);border-bottom:1px solid var(--border-color);padding:0;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;height:72px}.nav-left{display:flex;align-items:center;gap:32px}.nav-right{display:flex;align-items:center;gap:12px}.logo{font-size:24px;font-weight:700;color:var(--orange);text-decoration:none;display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:inherit}.logo-icon{width:28px;height:28px;background:transparent;border:1.5px solid var(--orange);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--orange);font-weight:700;font-size:18px}.logo-icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-links{display:flex;gap:24px;list-style:none;margin:0;padding:0}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;padding:12px 0;transition:color .2s ease;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.search-container{position:relative;margin:0 20px}.search-input{background:var(--search-bg);border:1px solid var(--search-border);border-radius:6px;padding:10px 40px 10px 16px;font-size:14px;color:var(--text-primary);width:300px;transition:all .2s ease;font-family:inherit}.search-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #ff3e001a}.search-input::placeholder{color:var(--text-secondary)}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:16px}.social-links{display:flex;align-items:center;gap:8px}.social-link{color:var(--text-secondary);text-decoration:none;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:18px}.social-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.control-buttons{display:flex;align-items:center;gap:4px;border-left:1px solid var(--border-color);padding-left:12px;margin-left:8px}.control-btn{background:none;border:none;color:var(--text-secondary);padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.control-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.control-btn.active{color:var(--orange);background:#ff3e001a}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:16px;font-weight:600;line-height:1.2}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{color:var(--text-secondary);margin-bottom:16px;line-height:1.7}ul,ol{margin-left:20px;margin-bottom:16px}li{color:var(--text-secondary);margin-bottom:8px}code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}pre{background:var(--bg-tertiary);padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px}blockquote{border-left:4px solid var(--accent-color);padding-left:16px;margin:16px 0;font-style:italic;color:var(--text-secondary)}.steps-list{list-style-type:none;margin-left:0;counter-reset:step-counter}.steps-list li{counter-increment:step-counter;position:relative;padding-left:40px;margin-bottom:16px}.steps-list li:before{content:counter(step-counter);position:absolute;left:0;top:0;background:transparent;border:2px solid var(--orange);color:var(--orange);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}@media (max-width: 768px){.nav-content{flex-direction:column;height:auto;padding:16px 20px;gap:16px}.nav-left{width:100%;justify-content:space-between}.nav-links{gap:16px;flex-wrap:wrap}.nav-links a{font-size:14px;white-space:nowrap}.search-container{width:100%;margin:0}.search-input{width:100%}.nav-right{width:100%;justify-content:space-between}.control-buttons{border-left:none;padding-left:0;margin-left:0}.grid-2,.grid-3{grid-template-columns:1fr}.main-content{padding:20px 16px}h1{font-size:2.5rem;line-height:1.02}h2{font-size:2rem;line-height:1.05}h3{font-size:1.5rem;line-height:1.1}}@media (max-width: 480px){.nav-content{padding:12px 16px;gap:12px}.nav-links{gap:12px;justify-content:center}.nav-links a{font-size:13px;padding:8px 0}.main-content{padding:16px 12px}body{font-size:16px}h1{font-size:2rem;line-height:1.05}h2{font-size:1.75rem;line-height:1.08}h3{font-size:1.375rem;line-height:1.12}}