*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:5px;text-decoration:underline}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.shell{max-width:1180px;margin:auto;padding-inline:32px}.skip-link{z-index:100;background:var(--ink);color:var(--bg);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.header{border-bottom:1px solid var(--line)}.header-row{justify-content:space-between;align-items:center;gap:28px;min-height:86px;display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:19px;font-weight:800;display:flex}.brand-mark{background:var(--accent);width:34px;height:34px;color:var(--bg);place-items:center;font-family:Georgia,serif;display:grid}.brand small{letter-spacing:.12em;color:var(--muted);font-size:12px;font-weight:500;display:block}.nav{align-items:center;gap:24px;font-size:14px;display:flex}.nav a[aria-current=page]{color:var(--accent);font-weight:700}.header-cta{border:1px solid var(--line);white-space:nowrap;padding:9px 16px;font-size:14px}.eyebrow{letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:700}.meta{color:var(--muted);flex-wrap:wrap;gap:10px 20px;font-size:13px;display:flex}.hero{padding-block:70px 58px}.hero h1{letter-spacing:-.045em;margin:22px 0 24px;font-size:clamp(42px,5.5vw,72px);line-height:1.22}.hero h1 em{color:var(--accent);font-style:normal}.hero .lead{max-width:660px;color:var(--muted);margin:0 0 28px;font-size:18px}.actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.button{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);justify-content:center;align-items:center;padding:12px 23px;font-size:15px;font-weight:650;line-height:1.4;display:inline-flex;text-decoration:none!important}.button:hover{filter:brightness(1.08)}.button.primary{color:var(--on-accent);border-color:var(--accent);background:var(--accent)}.button.small{min-height:40px;padding:9px 15px;font-size:14px}.section{padding-block:55px}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-head h2{margin:0;font-size:30px;line-height:1.4}.section-head p{color:var(--muted);max-width:620px}.text-link{color:var(--accent);font-size:14px;font-weight:650}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.card{border:1px solid var(--line);background:var(--surface);min-width:0;padding:28px;position:relative}.card h3{margin:14px 0;font-size:20px;line-height:1.5}.card p{color:var(--muted)}.index{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.conversion{background:var(--cta-bg);color:var(--cta-ink);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:36px;margin:38px 0;padding:38px 42px;display:flex}.conversion h2{margin:0 0 14px;font-size:28px;line-height:1.45}.conversion p{max-width:700px;margin:0}.conversion .eyebrow{margin-bottom:12px}.conversion .button{flex-shrink:0}.page-head{border-bottom:1px solid var(--line);padding-block:48px 42px}.breadcrumbs{color:var(--muted);margin-bottom:26px;font-size:13px}.page-head h1{letter-spacing:-.025em;margin:14px 0 22px;font-size:clamp(32px,4.5vw,52px);line-height:1.3}.page-head .lead{color:var(--muted);max-width:830px;margin-bottom:24px;font-size:18px}.article-layout{grid-template-columns:minmax(0,1fr) 225px;gap:65px;padding-block:42px 64px;display:grid}.article{min-width:0}.article-section{margin-bottom:42px;scroll-margin-top:30px}.article h2{margin:0 0 18px;font-size:26px;line-height:1.5}.article h3{font-size:20px}.article p{color:var(--muted);margin:14px 0}.article strong{color:var(--ink)}.article a:not(.button){text-underline-offset:4px;text-decoration:underline}.toc{border-left:1px solid var(--line);align-self:start;padding:8px 0 12px 24px;font-size:14px;position:sticky;top:32px}.toc strong{margin-bottom:14px;display:block}.toc a{color:var(--muted);padding-block:6px;display:block}.toc .button{color:var(--on-accent);margin-top:22px}.steps{counter-reset:step;padding:0;list-style:none}.steps li{border-top:1px solid var(--line);counter-increment:step;padding:22px 0 22px 52px;position:relative}.steps li:before{content:counter(step,decimal-leading-zero);color:var(--accent);font:14px ui-monospace,monospace;position:absolute;top:25px;left:0}.steps li p{margin-bottom:0}.note{border-left:3px solid var(--accent);background:var(--surface);color:var(--muted);margin:22px 0;padding:20px 24px}.table-wrap{border:1px solid var(--line);margin:24px 0;overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--line);min-width:140px;padding:16px 18px}th{background:var(--surface);color:var(--ink);font-size:14px}tbody tr:last-child td{border-bottom:0}td{color:var(--muted)}.prompt-card{border:1px solid var(--line);background:var(--surface);margin-bottom:28px;scroll-margin-top:32px}.prompt-top{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.prompt-top h2{margin:4px 0 0;font-size:22px}.prompt-top .eyebrow{margin:0;font-size:12px}.prompt-top button{flex-shrink:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;border-block:1px solid var(--line);background:var(--code-bg);color:var(--ink);margin:0;padding:24px;font:15px/1.9 ui-monospace,SFMono-Regular,PingFang SC,monospace}.prompt-bottom{color:var(--muted);flex-wrap:wrap;gap:12px 24px;padding:18px 24px;font-size:13px;display:flex}.prompt-bottom a{color:var(--accent)}.timeline{border-left:1px solid var(--line);padding-left:28px}.timeline article{padding:0 0 32px;position:relative}.timeline article:before{content:"";background:var(--accent);width:10px;height:10px;position:absolute;top:8px;left:-34px}.timeline time{color:var(--accent);font:13px ui-monospace,monospace}.timeline h3{margin:8px 0}.source-list{gap:14px;padding:0;list-style:none;display:grid}.source-list li{border:1px solid var(--line);background:var(--surface);padding:20px 24px}.source-list strong{display:block}.source-list span{color:var(--muted);font-size:14px}details{border-top:1px solid var(--line);padding:19px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:650;line-height:1.7}details p{padding-right:20px}.site-footer{border-top:1px solid var(--line);padding-block:42px 26px}.footer-row{grid-template-columns:1fr 1fr;gap:35px;display:grid}.footer-row p{color:var(--muted);max-width:500px;font-size:14px}.footer-nav{flex-wrap:wrap;place-content:start flex-end;gap:12px 22px;font-size:14px;display:flex}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;font-size:12px;display:flex}.toast{background:var(--ink);color:var(--bg);z-index:20;padding:12px 22px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.toast[hidden]{display:none}.hero-note{color:var(--muted);margin-top:22px;font-size:13px}.tag{border:1px solid var(--line);color:var(--muted);padding:3px 10px;font-size:12px;display:inline-block}.split{grid-template-columns:1fr 1fr;gap:50px;display:grid}.mini-title{letter-spacing:.1em;font:13px ui-monospace,monospace}.preview-list{margin:18px 0 0;padding:0;list-style:none}.preview-list li{border-top:1px solid var(--line);padding:17px 0}.preview-list li a{justify-content:space-between;gap:20px;display:flex}.preview-list small{color:var(--muted);font-size:13px}.screen-reader-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.header-row{flex-wrap:wrap;gap:16px;padding-block:18px}.nav{order:3;gap:20px;width:100%}.header-cta{margin-left:auto}.article-layout{grid-template-columns:minmax(0,1fr) 185px;gap:35px}.cards{gap:14px}.card{padding:22px}.conversion{flex-direction:column;align-items:flex-start;gap:22px;padding:30px}.hero h1{font-size:56px}.split{gap:30px}}@media (width<=680px){.shell{padding-inline:20px}.header-row{gap:12px}.brand{font-size:17px}.brand small{font-size:11px}.header-cta{padding:7px 10px;font-size:13px}.nav{flex-wrap:wrap;gap:15px;font-size:13px}.hero{padding-block:40px}.hero h1{font-size:42px}.hero .lead,.page-head .lead{font-size:16px}.section{padding-block:36px}.cards,.split,.footer-row{grid-template-columns:1fr}.section-head{display:block}.section-head h2{font-size:26px}.card{padding:24px}.article-layout{grid-template-columns:1fr;gap:20px;padding-top:26px}.toc{border-left:0;border-bottom:1px solid var(--line);flex-wrap:wrap;grid-row:1;gap:5px 15px;padding:0 0 20px;display:flex;position:static}.toc strong{width:100%;margin:0}.toc a{padding:2px 0;font-size:13px}.toc .button{display:none}.conversion{margin-block:28px;padding:25px}.conversion h2{font-size:25px}.prompt-top{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.prompt-top h2{font-size:21px}pre{padding:20px;font-size:14px}.footer-nav{justify-content:flex-start}.footer-bottom{flex-direction:column;gap:5px}.page-head{padding-block:30px}.page-head h1{font-size:34px}.article h2{font-size:24px}.button{min-height:46px}.hero-note{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}:root{--bg:#211b18;--surface:#2b2420;--ink:#f1e9da;--muted:#c0b09a;--accent:#dfbc70;--line:#504236;--on-accent:#211b18;--cta-bg:#e2cc9e;--cta-ink:#30241e;--code-bg:#201a17}.theme-tavern .header-row{min-height:98px}.theme-tavern .brand-mark{border:1px solid var(--accent);color:var(--accent);background:0 0;font-size:24px}.theme-tavern h1,.theme-tavern .section-head h2,.theme-tavern .card h3,.tavern-mast h2{font-family:Georgia,Songti SC,Noto Serif CJK SC,serif;font-weight:600}.tavern-mast{border-bottom:1px solid var(--line);grid-template-columns:1.6fr 1fr;align-items:center;gap:70px;display:grid}.tavern-mast h1{letter-spacing:.03em;font-size:clamp(50px,6vw,82px)}.archive-index{border:1px solid var(--accent);background:#2b2420;padding:30px;position:relative}.archive-index:before{content:"";border:1px solid var(--line);pointer-events:none;position:absolute;inset:7px}.archive-index h2{margin:20px 0;font-size:26px;line-height:1.5}.archive-index p{color:var(--muted);font-size:14px}.archive-index .mini-title{color:var(--accent)}.archive-stripe{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:22px;padding:18px 0;font-size:13px;display:flex}.archive-stripe strong{color:var(--accent);font-weight:500}.theme-tavern .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.theme-tavern .card{border-top:3px solid var(--accent);padding:32px}.theme-tavern .card:last-child{grid-column:1/-1}.theme-tavern .card h3{font-size:26px}.theme-tavern .index{letter-spacing:.1em}.theme-tavern .conversion{border:0;padding:40px}.theme-tavern .conversion .eyebrow{color:#684a2c}.theme-tavern .conversion .button{color:#f2e4c4;background:#35251a;border-color:#35251a}.theme-tavern .source-list li{border-left:3px solid var(--accent)}.theme-tavern .page-head{border-bottom:1px solid var(--accent);background:#2b211b}.theme-tavern .prompt-card{border-top:3px solid var(--accent)}.theme-tavern .prompt-card h2{font-family:Georgia,Songti SC,serif}.archive-number{color:var(--accent);margin-bottom:22px;font:70px/.9 Georgia,serif}.theme-tavern .button{font-weight:600}@media (width<=900px){.tavern-mast{gap:32px}.archive-index{padding:26px}}@media (width<=680px){.tavern-mast{grid-template-columns:1fr;gap:30px}.tavern-mast h1{font-size:51px}.archive-index{padding:24px}.archive-number{display:none}.theme-tavern .cards{grid-template-columns:1fr}.theme-tavern .card:last-child{grid-column:auto}.archive-stripe{flex-wrap:wrap;gap:8px 20px}.theme-tavern .conversion{padding:28px}.hero h1,.deep-hero h1,.gemini-hero h1{font-size:38px}.tavern-mast h1{letter-spacing:0;font-size:40px}.mobile-break{display:block}}.tavern-mast .actions>a:first-child{color:var(--accent);border-color:var(--accent);background:0 0}
