.codex-shell{--cx-bg:#111;--cx-surface:#1c1a17;--cx-card:#171512;--cx-card-elev:#201d19;--cx-line:#3a352e;--cx-line-soft:#2a2621;--cx-muted:#a39e96;--cx-ink:#fdfbf7;--cx-accent:#8b0000;--cx-accent-bright:#e63946;background:radial-gradient(1200px 600px at 85% -10%, #8b00002e, transparent 60%), var(--cx-bg);min-height:100vh;color:var(--cx-ink);font-family:inherit}html.light .codex-shell{--cx-bg:#fdfbf7;--cx-surface:#f4efe6;--cx-card:#fff;--cx-card-elev:#fff;--cx-line:#e2d9cc;--cx-line-soft:#ece4d6;--cx-muted:#5a5650;--cx-ink:#111}.codex-shell ::selection{background:color-mix(in srgb, var(--cx-accent) 30%, transparent)}.codex-mast{border-bottom:1px solid var(--cx-line);flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}@media (min-width:768px){.codex-mast{flex-direction:row;justify-content:space-between;align-items:center}}.codex-title{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.02em;color:var(--cx-ink);font-size:1.75rem;font-weight:900;line-height:1.1}.codex-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--cx-muted);margin-top:.4rem;font-size:10px}.codex-mast-meta{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}@media (min-width:768px){.codex-mast-meta{align-items:flex-end}}.codex-role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--cx-accent);color:var(--cx-accent-bright);background:color-mix(in srgb, var(--cx-accent) 14%, transparent);border-radius:2px;padding:.2rem .5rem;font-size:10px}.codex-controls{align-items:center;gap:.75rem;display:flex}.codex-btn-ink{background:var(--cx-ink);color:var(--cx-bg);font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--cx-ink);cursor:pointer;border-radius:2px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:11px;font-weight:700;transition:opacity .15s;display:inline-flex}.codex-btn-ink:hover{opacity:.82}.codex-btn-outline{color:var(--cx-muted);font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--cx-line);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:11px;font-weight:700;transition:color .15s,border-color .15s;display:inline-flex}.codex-btn-outline:hover{color:var(--cx-ink);border-color:var(--cx-accent)}.codex-btn-ink-primary{background:var(--cx-accent);border-color:var(--cx-accent);color:#fff}.codex-btn-ink-primary:hover{opacity:1;background:#6b0000}.codex-grid{grid-template-columns:1fr;gap:1.5rem;min-height:60vh;display:grid}@media (min-width:1024px){.codex-grid{grid-template-columns:260px 1fr;gap:2rem}}.codex-matrix{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cx-accent) var(--cx-line-soft);flex-direction:column;gap:.15rem;max-height:calc(100vh - 3rem);padding-right:.35rem;display:flex;position:sticky;top:1.5rem;overflow-y:auto}.codex-matrix::-webkit-scrollbar{width:6px}.codex-matrix::-webkit-scrollbar-track{background:var(--cx-line-soft)}.codex-matrix::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--cx-accent) 60%, var(--cx-line));border-radius:3px}.codex-matrix::-webkit-scrollbar-thumb:hover{background:var(--cx-accent)}.codex-matrix-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--cx-muted);margin:.75rem 0 .35rem;font-size:10px;font-weight:700;display:block}.codex-matrix-label:first-child{margin-top:0}.codex-module{border:1px solid var(--cx-line);background:var(--cx-surface);width:100%;color:var(--cx-muted);text-align:left;font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:2px;align-items:center;gap:.65rem;padding:.8rem .85rem;font-size:12px;transition:border-color .15s,color .15s,background .15s;display:flex}a.codex-module{text-decoration:none}.codex-module:hover{border-color:var(--cx-accent);color:var(--cx-ink)}.codex-module-active{background:var(--cx-ink);color:var(--cx-bg);border-color:var(--cx-ink);font-weight:700;box-shadow:2px 2px #00000026}.codex-module-active:hover{color:var(--cx-bg);border-color:var(--cx-ink)}html.light .codex-module-active{box-shadow:2px 2px #00000014}.codex-module-icon{flex-shrink:0}.codex-module-codex{border-style:dashed}.codex-module-sub{border:0;padding-left:2rem;font-size:11px}.codex-board{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.codex-card{border:1px solid var(--cx-line);background:var(--cx-card);border-radius:2px;padding:1.25rem}.codex-card-accent{border-color:var(--cx-accent)}.codex-input{background:var(--cx-bg);border:1px solid var(--cx-line);width:100%;font-family:var(--font-mono);color:var(--cx-ink);border-radius:2px;outline:none;padding:.6rem .7rem;font-size:12px;transition:border-color .15s}.codex-input:focus{border-color:var(--cx-accent)}.codex-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--cx-muted);margin-bottom:.35rem;font-size:10px;font-weight:700;display:block}.codex-rule{border:0;border-top:1px solid var(--cx-line);margin:1.5rem 0}.codex-foot{border-top:1px solid var(--cx-line);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--cx-muted);justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1rem;font-size:10px;display:flex}textarea.codex-input{resize:vertical}.codex-shell{--bg:var(--cx-bg);--surface:var(--cx-surface);--surface-soft:color-mix(in srgb, var(--cx-line) 14%, transparent);--fg:var(--cx-ink);--muted:var(--cx-muted);--accent:#8b0000;--accent-bright:#e03131;--line:var(--cx-line);--line-strong:color-mix(in srgb, var(--cx-line) 60%, transparent)}html .codex-shell .bg-black,html .codex-shell .bg-background-dark{background-color:var(--cx-bg)}html .codex-shell .bg-white\/\[0\.01\],html .codex-shell .bg-white\/\[0\.02\],html .codex-shell .bg-white\/5{background-color:var(--cx-surface)}html .codex-shell .text-foreground-dark{color:var(--cx-ink)}html .codex-shell .text-muted-dark{color:var(--cx-muted)}html .codex-shell .text-accent-dark{color:var(--cx-accent-bright)}html .codex-shell .border-border-dark,html .codex-shell .border-dark,html .codex-shell .divide-border-dark>:not([hidden])~:not([hidden]){border-color:var(--cx-line)}html .codex-shell .border-accent-dark{border-color:var(--cx-accent)}html .codex-shell input,html .codex-shell textarea,html .codex-shell select{background-color:var(--cx-bg);color:var(--cx-ink);border-color:var(--cx-line)}html .codex-shell input::-moz-placeholder{color:color-mix(in srgb, var(--cx-muted) 65%, transparent)}html .codex-shell textarea::-moz-placeholder{color:color-mix(in srgb, var(--cx-muted) 65%, transparent)}html .codex-shell input::placeholder,html .codex-shell textarea::placeholder{color:color-mix(in srgb, var(--cx-muted) 65%, transparent)}html .codex-shell h1,html .codex-shell h2,html .codex-shell h3,html .codex-shell h4,html .codex-shell .prose h1,html .codex-shell .prose h2,html .codex-shell .prose h3{color:var(--cx-ink)}html .codex-shell .prose,html .codex-shell .markdown-body{color:color-mix(in srgb, var(--cx-ink) 82%, var(--cx-muted))}html .codex-shell a{color:var(--cx-accent-bright)}html .codex-shell .animate-fade-in{animation-name:fadeIn}@media (max-width:767px){.codex-title{font-size:1.25rem}.codex-controls{flex-wrap:wrap;gap:.5rem}.codex-btn-ink,.codex-btn-outline{min-height:44px;padding:.65rem .9rem}.codex-card{padding:1rem}.codex-foot{text-align:center;flex-direction:column;gap:.5rem}.codex-input,.codex-shell select.codex-input,.codex-shell textarea.codex-input{font-size:16px}.codex-shell [role=dialog]>div{max-width:100vw!important;max-height:94dvh!important}.codex-board table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.codex-board .break-all{overflow-wrap:anywhere}}@media (max-width:380px){.codex-kicker{display:none}}