:root{--db-paper:#f6f2e9;--db-paper-2:#fbf8f2;--db-paper-3:#efe9dd;--db-line:#d4cec1;--db-line-2:#bfb8ab;--db-ink:#141414;--db-ink-2:#333;--db-ink-3:#5b5b5b;--db-shadow:#cfc8bc;--db-mono:"Courier New", Courier, monospace;--db-serif:Georgia, "Times New Roman", serif;--db-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--db-paper);color:var(--db-ink);font-family:var(--db-sans)}.db-page{min-height:100vh;background:radial-gradient(circle at top left,#00000006 0,#0000 28%),linear-gradient(to bottom,#f8f5ee,#f4efe5);padding:18px}.db-shell{width:min(1440px,100%);min-height:calc(100vh - 36px);margin:0 auto;border:2px solid var(--db-line-2);background:#ffffff52;box-shadow:10px 10px 0 var(--db-shadow);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}.db-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 18px;border-bottom:1.5px solid var(--db-line);background:#fbf8f2eb}.db-brand{display:flex;align-items:center;gap:12px;min-width:0}.db-logo{width:44px;height:44px;object-fit:contain;display:block;flex:0 0 auto}.db-brand-text{display:flex;flex-direction:column;line-height:1.05}.db-brand-text strong{font-family:var(--db-serif);font-size:26px;color:var(--db-ink)}.db-micro{font-family:var(--db-mono);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#7a746a}.db-center-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.db-chip{border:1.5px solid var(--db-line-2);padding:7px 10px;font-family:var(--db-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#6b655c;background:var(--db-paper-2)}.db-exit{text-decoration:none;color:var(--db-ink);border:1.5px solid var(--db-line-2);padding:10px 14px;font-family:var(--db-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;background:var(--db-paper-2);white-space:nowrap}.db-progress-wrap{height:8px;background:#ece6da;position:relative;overflow:hidden}.db-progress-bar{height:100%;width:8.3%;background:#1d1d1d;transition:width .25s ease}.db-slides{position:relative;min-height:0}.slide{display:none;height:100%}.slide.active{display:block}.db-stage{height:100%;padding:22px}.db-kicker{display:inline-flex;width:max-content;border:1.5px solid var(--db-line-2);background:var(--db-paper-2);box-shadow:3px 3px #ddd6ca;padding:8px 11px;font-family:var(--db-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#6f695f}.db-frame,.db-two-panel,.db-script-sheet,.db-pattern-layout,.db-usage-board,.db-language-sheet,.db-builder-layout,.db-adapt-grid,.db-final,.db-cover{width:min(1180px,100%);height:min(545px,calc(100vh - 205px));margin:0 auto;min-height:0}.db-cover{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}.db-cover-left{border-top:3px solid var(--db-ink);border-bottom:3px solid var(--db-ink);padding:18px 0;display:grid;grid-template-rows:auto auto auto 1fr;gap:14px}.db-cover-left h1{margin:0;font-family:var(--db-serif);font-size:clamp(70px,8vw,108px);line-height:.82;letter-spacing:-4px;color:var(--db-ink)}.db-lead{margin:0;width:min(680px,100%);font-size:clamp(18px,1.5vw,23px);line-height:1.5;color:#3b3b3b}.db-cover-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:end}.db-small-card{border-left:2px solid var(--db-line-2);padding-left:14px}.db-small-card strong{display:block;font-family:var(--db-serif);font-size:22px;line-height:1;margin-bottom:6px}.db-small-card p{margin:0;font-size:14px;line-height:1.42;color:var(--db-ink-3)}.db-cover-right{display:grid;grid-template-rows:1fr auto;gap:14px;min-height:0}.db-breath-poster{position:relative;border:2px solid var(--db-ink);background:var(--db-paper-2);box-shadow:8px 8px 0 var(--db-shadow);display:flex;align-items:center;justify-content:center;overflow:hidden}.db-ring{position:absolute;border:1.5px solid #d9d2c4;border-radius:999px}.ring-one{width:330px;height:330px}.ring-two{width:240px;height:240px}.ring-three{width:150px;height:150px}.db-breath-core{position:relative;z-index:2;width:210px;height:210px;border:2px solid var(--db-ink);border-radius:999px;background:#111;color:#f7f3ea;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.db-breath-core span{font-family:var(--db-mono);font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.db-breath-core b{font-family:var(--db-serif);font-size:78px;line-height:.9;margin:6px 0}.db-breath-core small{font-size:13px;color:#f7f3ead9}.db-mini-strip{display:flex;flex-wrap:wrap;gap:8px}.db-mini-strip span{border:1.5px solid var(--db-line-2);background:var(--db-paper-2);padding:8px 10px;font-family:var(--db-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#666055}.db-frame{display:grid;grid-template-rows:auto 1fr auto;gap:16px}.db-frame-head h2{margin:10px 0 0;font-family:var(--db-serif);font-size:clamp(42px,5vw,74px);line-height:.94;letter-spacing:-2.5px;color:var(--db-ink)}.db-problem-grid,.db-why-grid,.db-mistakes-grid{display:grid;gap:14px;min-height:0}.db-problem-grid,.db-why-grid{grid-template-columns:repeat(3,1fr)}.db-mistakes-grid{grid-template-columns:repeat(4,1fr)}.db-note-card,.db-column-card,.db-mistake-card{border:1.5px solid var(--db-line);background:var(--db-paper-2);box-shadow:4px 4px #dcd4c8;padding:16px;min-height:0}.db-note-card h3,.db-column-card h3,.db-mistake-card h3{margin:0 0 8px;font-family:var(--db-serif);font-size:28px;line-height:1;color:var(--db-ink)}.db-note-card p,.db-column-card p,.db-mistake-card p{margin:0;font-size:14px;line-height:1.45;color:var(--db-ink-3)}.db-editor-line{border:2px solid var(--db-ink);background:#111;color:#f8f4eb;padding:14px 16px;font-size:14px;line-height:1.42}.db-column-card b{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1.5px solid var(--db-ink);margin-bottom:10px;font-family:var(--db-serif);font-size:22px;background:#111;color:#f8f4eb}.db-two-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.db-panel-main{border:2px solid var(--db-ink);background:var(--db-paper-2);box-shadow:7px 7px 0 var(--db-shadow);padding:28px;display:grid;align-content:center}.db-panel-main h2{margin:12px 0 14px;font-family:var(--db-serif);font-size:clamp(40px,4.4vw,64px);line-height:.95;letter-spacing:-2px}.db-panel-main p{margin:0;font-size:17px;line-height:1.5;color:var(--db-ink-3)}.db-panel-side{display:grid;gap:14px}.db-compare{border:1.5px solid var(--db-line);background:var(--db-paper-2);box-shadow:4px 4px #ddd5c9;padding:18px}.db-compare strong{display:block;font-family:var(--db-serif);font-size:30px;margin-bottom:8px}.db-compare p{margin:0;font-size:15px;line-height:1.45;color:var(--db-ink-3)}.db-script-sheet{display:grid;grid-template-columns:1.02fr .98fr;gap:18px}.db-script-left,.db-script-right{min-height:0}.db-script-left{display:grid;grid-template-rows:auto auto 1fr;gap:12px}.db-script-left h2{margin:0;font-family:var(--db-serif);font-size:clamp(40px,4.5vw,62px);line-height:.95;letter-spacing:-2px}.db-script-box{border:2px solid var(--db-ink);background:var(--db-paper-2);box-shadow:6px 6px 0 var(--db-shadow);padding:22px;display:flex;align-items:center}.db-script-box p{margin:0;font-size:17px;line-height:1.62;color:#3f3f3f}.db-script-right{display:grid;gap:12px}.db-step-card{border:1.5px solid var(--db-line);background:var(--db-paper-2);padding:16px;box-shadow:4px 4px #ddd5c9}.db-step-card strong{display:block;font-family:var(--db-serif);font-size:25px;line-height:1;margin-bottom:6px}.db-step-card p{margin:0;font-size:14px;line-height:1.42;color:var(--db-ink-3)}.db-pattern-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.db-pattern-card{border:2px solid var(--db-ink);background:var(--db-paper-2);box-shadow:7px 7px 0 var(--db-shadow);padding:24px}.db-pattern-card h2{margin:12px 0 16px;font-family:var(--db-serif);font-size:clamp(38px,4.2vw,58px);line-height:.95;letter-spacing:-1.8px}.db-pattern-list{display:grid;gap:14px}.db-pattern-row{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;border-top:1.5px solid var(--db-line);padding-top:12px}.db-pattern-num{width:52px;height:52px;border:1.5px solid var(--db-ink);display:flex;align-items:center;justify-content:center;font-family:var(--db-serif);font-size:28px;background:#111;color:#f8f4eb}.db-pattern-row strong{display:block;font-family:var(--db-serif);font-size:28px;line-height:1;margin-bottom:6px}.db-pattern-row p{margin:0;font-size:14px;line-height:1.45;color:var(--db-ink-3)}.db-pattern-aside{display:flex;align-items:center;min-height:0}.db-aside-quote{border:2px solid var(--db-line-2);background:#111;color:#f8f4eb;box-shadow:7px 7px 0 var(--db-shadow);padding:26px;font-family:var(--db-serif);font-size:34px;line-height:1.16;letter-spacing:-1px}.db-usage-board{display:grid;grid-template-rows:auto 1fr;gap:16px}.db-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.db-usage-card{border:1.5px solid var(--db-line);background:var(--db-paper-2);box-shadow:4px 4px #ddd5c9;padding:18px}.db-usage-card h3{margin:0 0 8px;font-family:var(--db-serif);font-size:30px;line-height:1}.db-usage-card p{margin:0;font-size:14px;line-height:1.45;color:var(--db-ink-3)}.db-language-sheet{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.db-language-main{border-top:3px solid var(--db-ink);border-bottom:3px solid var(--db-ink);padding:18px 0;display:grid;grid-template-rows:auto auto 1fr;gap:12px}.db-language-main h2{margin:0;font-family:var(--db-serif);font-size:clamp(40px,4.7vw,62px);line-height:.95;letter-spacing:-1.8px}.db-language-list{display:grid;gap:12px;align-content:end}.db-line-item{border-left:2px solid var(--db-line-2);padding-left:14px}.db-line-item strong{display:block;font-family:var(--db-serif);font-size:24px;margin-bottom:5px}.db-line-item p{margin:0;font-size:14px;line-height:1.42;color:var(--db-ink-3)}.db-language-side{display:flex;align-items:center}.db-side-warning{border:2px solid var(--db-ink);background:#111;color:#f8f4eb;box-shadow:8px 8px 0 var(--db-shadow);padding:26px}.db-side-warning strong{display:block;font-family:var(--db-serif);font-size:42px;line-height:.95;margin-bottom:10px}.db-side-warning p{margin:0;font-size:16px;line-height:1.52;color:#f8f4ebd6}.db-builder-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px}.db-builder-form,.db-builder-output{min-height:0;border:2px solid var(--db-line-2);background:var(--db-paper-2);box-shadow:6px 6px 0 var(--db-shadow);padding:20px}.db-builder-form{display:flex;flex-direction:column}.db-builder-form h2{margin:12px 0 16px;font-family:var(--db-serif);font-size:46px;line-height:.95;letter-spacing:-1.7px}.db-field{display:block;margin-bottom:12px}.db-field span{display:block;margin-bottom:5px;font-family:var(--db-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#6f695f}.db-field select{width:100%;border:1.5px solid var(--db-line-2);background:#faf6ef;color:var(--db-ink-2);padding:11px 12px;font-size:14px;outline:none}.db-actions{display:flex;gap:10px;margin-top:auto;padding-top:8px}.db-actions button{border:1.5px solid var(--db-ink);background:#111;color:#f8f4eb;padding:10px 14px;font-family:var(--db-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px #d5cec2}.db-actions button:nth-child(2){background:#faf6ef;color:#111;border-color:var(--db-line-2)}.db-builder-output{display:grid;grid-template-rows:auto 1fr;gap:12px}.db-output-top{border-bottom:1.5px solid var(--db-line);padding-bottom:10px}.db-output-label{display:block;font-family:var(--db-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#6f695f;margin-bottom:6px}.db-output-top strong{font-family:var(--db-serif);font-size:34px;line-height:1}.db-output-box{border:1.5px solid var(--db-line);background:#f2ede3;padding:16px;font-size:15px;line-height:1.58;color:#3b3b3b;white-space:pre-line;overflow:hidden}.db-adapt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.db-adapt-main{border:2px solid var(--db-ink);background:var(--db-paper-2);box-shadow:6px 6px 0 var(--db-shadow);padding:24px;display:grid;align-content:center;grid-column:span 2}.db-adapt-main h2{margin:12px 0 0;font-family:var(--db-serif);font-size:clamp(38px,4.4vw,58px);line-height:.95;letter-spacing:-1.9px}.db-adapt-card{border:1.5px solid var(--db-line);background:var(--db-paper-2);padding:18px;box-shadow:4px 4px #ddd5c9}.db-adapt-card strong{display:block;font-family:var(--db-serif);font-size:28px;line-height:1;margin-bottom:7px}.db-adapt-card p{margin:0;font-size:14px;line-height:1.42;color:var(--db-ink-3)}.db-final{display:grid;grid-template-columns:1.02fr .98fr;gap:18px}.db-final-main{background:#111;color:#f8f4eb;box-shadow:8px 8px 0 var(--db-shadow);padding:30px;display:grid;align-content:center}.db-final-main h2{margin:12px 0 14px;font-family:var(--db-serif);font-size:clamp(40px,4.8vw,64px);line-height:.95;letter-spacing:-2px;color:#f8f4eb}.db-final-main p{margin:0;font-size:17px;line-height:1.5;color:#f8f4ebd6}.db-final-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.db-final-actions a,.db-final-actions button{border:1.5px solid rgba(248,244,235,.65);background:#ffffff14;color:#f8f4eb;text-decoration:none;padding:10px 14px;font-family:var(--db-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer}.db-final-ref{border:2px solid var(--db-line-2);background:var(--db-paper-2);box-shadow:6px 6px 0 var(--db-shadow);padding:14px;display:grid;grid-template-rows:auto repeat(4,1fr);gap:8px;min-height:0}.db-ref-title{font-family:var(--db-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#6f695f;border-bottom:1.5px solid var(--db-line);padding-bottom:8px}.db-final-ref a{display:block;text-decoration:none;color:var(--db-ink);border:1.5px solid var(--db-line);background:#f2ece0;padding:10px;min-height:0}.db-final-ref strong{display:block;font-family:var(--db-serif);font-size:17px;line-height:1;margin-bottom:5px}.db-final-ref span{display:block;font-size:11px;line-height:1.34;color:var(--db-ink-3)}.db-footer{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 18px;border-top:1.5px solid var(--db-line);background:#fbf8f2f0}.db-footer-mid{min-width:0;display:grid;gap:8px;justify-items:center}.db-slide-name{font-family:var(--db-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#6f695f}.db-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.db-dots .dot{width:11px;height:11px;border:1.5px solid var(--db-line-2);background:#fff;cursor:pointer;padding:0}.db-dots .dot.active{background:#111;border-color:#111}.db-counter{font-family:var(--db-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#6f695f}.db-footer-right{display:flex;align-items:center;gap:12px}.db-nav-btn{border:1.5px solid var(--db-line-2);background:var(--db-paper-2);color:var(--db-ink);padding:10px 14px;font-family:var(--db-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;white-space:nowrap}.db-nav-btn.dark{background:#111;color:#f8f4eb;border-color:#111}.db-nav-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-height:760px)and (min-width:981px){.db-stage{padding:16px}.db-frame,.db-two-panel,.db-script-sheet,.db-pattern-layout,.db-usage-board,.db-language-sheet,.db-builder-layout,.db-adapt-grid,.db-final,.db-cover{height:min(470px,calc(100vh - 180px))}.db-cover-left{gap:10px;padding:12px 0}.db-cover-left h1{font-size:72px;letter-spacing:-3px}.db-lead{font-size:15px;line-height:1.38}.db-small-card strong{font-size:18px}.db-small-card p{font-size:12px;line-height:1.3}.db-breath-core{width:170px;height:170px}.db-breath-core b{font-size:60px}.db-frame-head h2,.db-panel-main h2,.db-script-left h2,.db-pattern-card h2,.db-language-main h2,.db-adapt-main h2,.db-final-main h2{font-size:48px;letter-spacing:-1.8px}.db-note-card,.db-column-card,.db-mistake-card,.db-usage-card,.db-step-card,.db-adapt-card,.db-compare{padding:12px}.db-note-card h3,.db-column-card h3,.db-mistake-card h3,.db-usage-card h3,.db-adapt-card strong,.db-pattern-row strong{font-size:22px}.db-note-card p,.db-column-card p,.db-mistake-card p,.db-usage-card p,.db-step-card p,.db-adapt-card p,.db-compare p,.db-panel-main p,.db-final-main p{font-size:12.5px;line-height:1.32}.db-script-box{padding:16px}.db-script-box p{font-size:14px;line-height:1.48}.db-aside-quote{padding:18px;font-size:26px}.db-side-warning{padding:20px}.db-side-warning strong{font-size:32px}.db-side-warning p{font-size:13px;line-height:1.4}.db-builder-form,.db-builder-output{padding:16px}.db-builder-form h2{font-size:38px;margin-bottom:12px}.db-field{margin-bottom:9px}.db-field select{padding:9px 10px;font-size:13px}.db-output-top strong{font-size:28px}.db-output-box{font-size:13px;line-height:1.45;padding:12px}.db-final-ref{padding:10px;gap:6px}.db-final-ref a{padding:8px}.db-final-ref strong{font-size:14px}.db-final-ref span{font-size:10px;line-height:1.25}}@media(max-width:980px){.db-page{padding:10px}.db-shell{min-height:calc(100vh - 20px);box-shadow:none}.db-topbar{grid-template-columns:1fr;justify-items:start;gap:10px}.db-center-meta{justify-content:flex-start}.db-stage{padding:14px;height:auto;overflow:auto}.db-frame,.db-two-panel,.db-script-sheet,.db-pattern-layout,.db-usage-board,.db-language-sheet,.db-builder-layout,.db-adapt-grid,.db-final,.db-cover{height:auto;grid-template-columns:1fr}.db-cover-row,.db-problem-grid,.db-why-grid,.db-mistakes-grid,.db-usage-grid,.db-builder-layout{grid-template-columns:1fr}.db-cover-left h1{font-size:58px;letter-spacing:-2px}.db-lead{font-size:16px}.db-frame-head h2,.db-panel-main h2,.db-script-left h2,.db-pattern-card h2,.db-language-main h2,.db-adapt-main h2,.db-final-main h2{font-size:40px;letter-spacing:-1.3px}.db-breath-poster{min-height:300px}.db-breath-core{width:170px;height:170px}.db-footer{grid-template-columns:1fr;gap:10px;justify-items:center}.db-footer-right{width:100%;justify-content:space-between}}