.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mk-page{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}@media(max-width:600px){.mk-page{padding:0 16px}}.mk-hero{margin:40px 0 4px;border-radius:var(--r-lg);border:1px solid var(--border-default);overflow:hidden;box-shadow:var(--shadow-md)}.mk-hero .blog-thumb-svg{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;background:#0c0a08}[data-theme=light] .mk-hero{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.mk-prose figure{margin:28px 0}.mk-prose figure img{display:block;width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--border-default);background:var(--bg-raised);box-shadow:var(--shadow-sm)}.mk-prose figcaption{margin-top:10px;font-size:13.5px;line-height:1.45;color:var(--text-secondary)}.blog-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px;margin:40px 0 88px}@media(max-width:720px){.blog-card-grid{grid-template-columns:1fr}}.blog-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.blog-card:hover{border-color:var(--accent);transform:translateY(-2px)}.blog-thumb{display:block}.blog-thumb .blog-thumb-svg{border-bottom:1px solid var(--border-subtle);background:#0c0a08}.blog-card-body{padding:18px 20px 24px}.blog-card-title{margin:0 0 6px;font-family:var(--font-display);font-size:20px;line-height:1.25}.blog-card-title a{color:var(--text-primary);text-decoration:none}.blog-card-title a:hover{color:var(--accent-hover)}.blog-card-desc{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.55}.mk-doc{display:grid;grid-template-columns:200px minmax(0,1fr);gap:64px;align-items:start;padding:24px 0 100px}.mk-doc-body{max-width:820px}.mk-doc-body .mk-prose{max-width:760px}.mk-doc-body .mk-prose h2{margin-top:44px}.mk-doc-body .mk-prose h2:first-child{margin-top:0}@media(max-width:980px){.mk-doc{grid-template-columns:minmax(0,1fr);gap:8px}}:root{--bg-deep: #0c0c10;--bg-base: #131318;--bg-raised: #19191f;--bg-surface: #212129;--bg-elevated: #26262f;--bg-hover: #212129;--bg-soft: rgba(255,255,255,.1);--bg-input: #101014;--border-subtle: rgba(255,255,255,.08);--border-default: rgba(255,255,255,.13);--border-strong: rgba(255,255,255,.22);--text-primary: #f5f2ec;--text-secondary: #b6b0a6;--text-tertiary: #8a857c;--text-inverse: #14141a;--accent: #ff8a1e;--accent-hover: #ffa23e;--accent-dim: rgba(255,138,30,.14);--accent-glow: 0 0 0 1px rgba(255,138,30,.3);--accent-ink: #14141a;--accent-soft: rgba(255,138,30,.18);--accent-bright: #ff8a1e;--teal: #2bd4b8;--teal-dim: rgba(43,212,184,.14);--success: #30d158;--error: #ff5c4d;--warning: #ffd60a;--info: #ff8a1e;--prompter-text: #ffffff;--prompter-bg: #000000;--guide-color: #ff8a1e;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--font-prompter: "Atkinson Hyperlegible", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-xl: 12px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 10px 30px rgba(0,0,0,.35);--shadow-lg: 0 20px 60px rgba(0,0,0,.45);--shadow-glow: 0 0 0 1px rgba(255,138,30,.3);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-normal: .2s;--dur-slow: .3s}[data-theme=light]{color-scheme:light;--bg-deep: #f4f1e9;--bg-base: #ffffff;--bg-raised: #faf7f0;--bg-surface: #ffffff;--bg-elevated: #f3efe6;--bg-hover: #ece8dd;--bg-soft: rgba(20,20,26,.06);--bg-input: #faf7f0;--border-subtle: rgba(20,20,26,.08);--border-default: rgba(20,20,26,.12);--border-strong: rgba(20,20,26,.2);--text-primary: #211b11;--text-secondary: #5b5549;--text-tertiary: #6f695c;--text-inverse: #ffffff;--accent: #b84300;--accent-hover: #a83700;--accent-dim: rgba(184,67,0,.12);--accent-glow: 0 0 0 1px rgba(184,67,0,.26);--accent-ink: #ffffff;--accent-soft: rgba(184,67,0,.16);--accent-bright: #ff8a1e;--guide-color: #b84300;--shadow-sm: 0 1px 2px rgba(58,40,16,.1);--shadow-md: 0 10px 30px rgba(58,40,16,.16);--shadow-lg: 0 20px 60px rgba(58,40,16,.22);--shadow-glow: 0 0 0 1px rgba(184,67,0,.26)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background:var(--bg-deep);color:var(--text-primary);overflow-x:hidden;min-height:100vh}::selection{background:var(--accent-dim);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}textarea{resize:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}button:active,.btn-sm:active,.btn-icon:active,.toggle-chip:active,.quick-btn:active{transform:scale(.97)}#timerValue,#fsTimerDisplay,.progress-tooltip,#wordCount,#charCount,#readTime{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.modal-header h3,.export-option-info strong,.ctrl-label{text-wrap:balance}select,input[type=color]{background-color:var(--bg-raised);color:var(--text-primary)}select:focus-visible,input[type=color]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal,.toast-container{overscroll-behavior:contain}button,.toggle-chip,.quick-btn,.export-option,.color-preset-btn{touch-action:manipulation}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--cine-accent);color:var(--cine-accent-ink);padding:var(--sp-2) var(--sp-4);border-radius:0 0 var(--r-md) 0;font-weight:600;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.skip-link:focus-visible{left:0}.ctrl-group:focus-within .ctrl-label{color:var(--accent)}.color-input-wrap:focus-within{box-shadow:0 0 0 2px var(--accent-dim)}.progress-tooltip{white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.countdown-fill,.toast{transition:none!important}}:root{--cine-bg: #000000;--cine-bg-base: #050403;--cine-bg-raised: #0e0c09;--cine-bg-surface: #16130e;--cine-hairline: rgba(255, 199, 122, .13);--cine-hairline-strong: rgba(255, 199, 122, .25);--cine-text: #f8efdf;--cine-text-dim: #c6b8a2;--cine-text-faint: #8e8271;--cine-accent: #ffb545;--cine-accent-hover: #ffc56a;--cine-accent-dim: rgba(255, 181, 69, .16);--cine-accent-glow: 0 0 0 1px rgba(255, 181, 69, .32);--cine-accent-ink: #191003;--cine-film: rgba(255, 199, 122, .42);--cine-phosphor: rgba(255, 181, 69, .08);--cine-scanline: repeating-linear-gradient(0deg, rgba(255, 181, 69, .05) 0 1px, transparent 1px 4px);--cine-outline: rgba(255, 199, 122, .55);--cine-tint: rgba(255, 181, 69, .055);--cine-display: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}[data-theme=light]{--cine-bg: #f2edde;--cine-bg-base: #f7f1e3;--cine-bg-raised: #fcf8ec;--cine-bg-surface: #fffdf4;--cine-hairline: rgba(84, 58, 26, .16);--cine-hairline-strong: rgba(84, 58, 26, .3);--cine-text: #221b10;--cine-text-dim: #504838;--cine-text-faint: #6b6150;--cine-accent: #9f4c0d;--cine-accent-hover: #b05e18;--cine-accent-dim: rgba(159, 76, 13, .15);--cine-accent-glow: 0 0 0 1px rgba(159, 76, 13, .3);--cine-accent-ink: #fffdf4;--cine-film: rgba(84, 58, 26, .42);--cine-phosphor: rgba(159, 76, 13, .08);--cine-scanline: repeating-linear-gradient(0deg, rgba(159, 76, 13, .05) 0 1px, transparent 1px 4px);--cine-outline: rgba(84, 58, 26, .48);--cine-tint: rgba(159, 76, 13, .055)}body{background-color:var(--cine-bg);background-image:radial-gradient(1100px 540px at 50% -140px,rgba(255,181,69,.1),transparent 70%);background-repeat:no-repeat}[data-theme=light] body{background-image:radial-gradient(1000px 520px at 50% -120px,rgba(159,76,13,.06),transparent 70%),radial-gradient(720px 400px at 100% 100%,rgba(159,76,13,.05),transparent 70%)}.page-main{display:block}.site-nav{position:sticky;top:0;z-index:500;height:60px;--nav-bg: rgba(5, 4, 3, .95);--nav-text: #f8efdf;--nav-text-dim: rgba(248, 239, 223, .8);--nav-hover: rgba(255, 181, 69, .15);--nav-border: rgba(255, 199, 122, .26);background:var(--nav-bg);color:var(--nav-text);border-bottom:1px solid var(--nav-border)}.site-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(255,181,69,0) 0%,var(--cine-accent) 18%,var(--cine-accent) 82%,rgba(255,181,69,0) 100%);opacity:.85}.site-nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background-image:repeating-linear-gradient(0deg,rgba(255,181,69,.09) 0 1px,transparent 1px 3px);opacity:.7;pointer-events:none}[data-theme=light] .site-nav{--nav-bg: rgba(241, 235, 221, .92);--nav-text: #241d12;--nav-text-dim: rgba(36, 29, 18, .8);--nav-hover: rgba(168, 84, 18, .12);--nav-border: rgba(84, 58, 26, .22)}.site-nav-inner{max-width:1180px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--nav-text);flex-shrink:0}.site-logo-mark{display:block;border-radius:4px;box-shadow:0 2px 8px #0006;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-fast)}.site-logo:hover .site-logo-mark{transform:scale(1.06);box-shadow:0 4px 14px #ffb54566}[data-theme=light] .site-logo:hover .site-logo-mark{box-shadow:0 4px 14px #a854124d}[data-theme=light] .site-logo-mark{box-shadow:0 2px 6px #00000029}.site-logo-text{font-family:var(--cine-display);font-size:17px;font-weight:500;letter-spacing:.02em;white-space:nowrap;color:var(--nav-text)}.site-logo-text strong{font-weight:700;color:var(--cine-accent)}.nav-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-md);border:1px solid var(--nav-border);color:var(--nav-text-dim);background:transparent;margin-left:6px;transition:color var(--dur-fast),background-color var(--dur-fast),transform var(--dur-fast)}.nav-theme-toggle:hover{color:var(--nav-text);background:var(--nav-hover)}.nav-theme-toggle:active{transform:scale(.9)}.nav-theme-toggle svg{width:17px;height:17px}.nav-toggle{display:none;width:40px;height:40px;border-radius:var(--r-md);align-items:center;justify-content:center;color:var(--nav-text);background:var(--nav-hover)}.nav-toggle:hover{background:var(--nav-hover)}.nav-toggle svg{width:20px;height:20px}.site-menu{list-style:none;display:flex;align-items:center;gap:2px;margin:0 0 0 auto}.site-menu li{position:relative}.site-menu a{display:block;padding:8px 12px;font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--nav-text-dim);text-decoration:none;transition:color var(--dur-fast)}.site-menu a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--cine-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-normal) var(--ease-out)}.site-menu a:hover{color:var(--nav-text)}.site-menu a:hover:after{transform:scaleX(1)}.site-menu a.current{color:var(--nav-text)}.site-menu a.current:after{transform:scaleX(1)}@media(max-width:900px){.nav-toggle{display:inline-flex}.site-nav-inner{gap:10px;padding:0 16px}.nav-toggle{width:44px;height:44px}.nav-theme-toggle{width:44px;height:44px;margin-left:2px}.site-logo-text{font-size:15px}.site-menu{position:absolute;top:60px;left:0;right:0;margin-left:0;flex-direction:column;align-items:stretch;gap:2px;padding:12px 16px 18px;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);display:none}.site-menu.open{display:flex}.site-menu a{padding:13px 16px;font-size:13px}.site-menu a:after{left:16px;right:16px}}@media(max-width:360px){.site-logo-text{font-size:0}.site-logo-text:after{content:attr(data-short);font-size:15px;letter-spacing:.02em}.site-logo{gap:8px}}