:root{--color-bg:#0a0907;--color-bg-elevated:#0f0d0b;--color-bg-surface:#141210;--color-text:#f4f1e8;--color-text-muted:#f4f1e873;--color-text-faint:#f4f1e82e;--color-red-core:#8b1a1a;--color-red-deep:#620505e6;--color-red-pulse:#c80c0ce6;--color-border:#f4f1e812;--color-border-hover:#f4f1e826;--font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-ui:"Helvetica Neue", Arial, sans-serif;--tracking-tight:-.02em;--tracking-normal:.02em;--tracking-wide:.12em;--tracking-wider:.22em;--space-page:clamp(20px, 5vw, 64px);--space-section:clamp(60px, 8vw, 120px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-mid:.3s;--duration-slow:.6s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:monospace}.font-display{font-family:var(--font-display)}.font-ui{font-family:var(--font-ui)}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.text-red{color:var(--color-red-core)}.nav-link:hover{opacity:1!important;color:var(--color-text)!important}::selection{background:var(--color-red-core);color:var(--color-text)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#8b1a1a66;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-red-core)}.reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}:focus-visible{outline:1px solid var(--color-red-core);outline-offset:2px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0907;--bg-soft:#ffffff05;--bg-elevated:#ffffff0a;--line:#ffffff12;--line-strong:#ffffff24;--text:#f4f1e8;--muted:#f4f1e866;--accent:#8b1a1a;--accent-hover:#6b1414;--accent-dark:#0a0907;--success:#9ad29a;--error:#ff9b9b}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}body{background:#0a0907;min-height:100vh}.container{max-width:1380px;margin:0 auto;padding:36px 40px 70px}.grid{grid-template-columns:500px 1fr;align-items:start;gap:32px;display:grid}.detailGrid{grid-template-columns:430px 1fr;align-items:start}.gridSingle,.stack{gap:16px;display:grid}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f1e805;border:1px solid #f4f1e814;border-radius:0;padding:32px}.nestedCard{background:#f4f1e805;border:1px solid #f4f1e814;border-radius:0;padding:20px}.promptCard{background:#f4f1e805;border:1px solid #f4f1e814;border-radius:0;padding:16px}.heroCard{margin-bottom:18px}label{text-transform:uppercase;letter-spacing:.22em;color:#f4f1e847;margin-bottom:12px;font-size:9px;font-weight:600;display:block}input[type=text],input[type=email],input:not([type=checkbox]):not([type=range]):not([type=radio]),textarea,select{width:100%;color:var(--text);letter-spacing:.01em;-webkit-appearance:none;background:0 0;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;outline:none;margin-bottom:32px;padding:16px 0;font-family:inherit;font-size:15px;transition:border-color .2s}input:not([type=checkbox]):not([type=range]):focus,textarea:focus,select:focus{border-bottom-color:var(--accent)}input::placeholder,textarea::placeholder{color:#f4f1e82e;font-style:italic}textarea{resize:vertical;min-height:140px;font-size:16px;line-height:1.75}select{cursor:pointer}select option{color:var(--text);background:#1a1410}input[type=range]{-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border:none;border-radius:0;width:100%;height:2px;margin-bottom:0;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 0 1px var(--accent);border:2px solid #0a0907;border-radius:50%}input[type=range]:focus{border-bottom:none}button,.linkButton,.miniButton{cursor:pointer;border:none;font-family:inherit;transition:all .18s}button{background:var(--accent);color:#f4f1e8;letter-spacing:.12em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;padding:16px 20px;font-size:11px;font-weight:600;display:inline-flex}.linkButton{background:var(--accent);color:#f4f1e8;letter-spacing:.12em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;width:100%;padding:16px 20px;font-size:11px;font-weight:600;display:inline-flex}button:hover,.linkButton:hover{background:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.linkButton.secondary{color:var(--text);border:1px solid var(--line-strong);background:0 0}.linkButton.secondary:hover{background:#ffffff0a}.miniButton{width:auto;color:var(--muted);border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;border-radius:0;padding:7px 12px;font-size:11px}.miniButton:hover{color:var(--text);background:#ffffff14;transform:none}.selectPill{color:#f4f1e859;letter-spacing:.14em;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff17;border-radius:0;width:auto;padding:12px 20px;font-size:11px;font-weight:500;line-height:1;transition:all .16s}.selectPill:hover{color:#f4f1e8a6;background:#ffffff0a;border-color:#f4f1e82e;transform:none}.selectPill.selected{color:#f4f1e8;background:#8b1a1a1f;border-color:#8b1a1a80;box-shadow:inset 0 0 0 1px #8b1a1a26}.tabButton{border:1px solid var(--line);color:#f4f1e866;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:0;width:auto;padding:10px 18px;font-size:11px;font-weight:500;transition:all .18s}.tabButton:hover{color:#f4f1e8b3;transform:none}.tabButton.active{color:var(--text);border-color:var(--line-strong);background:#ffffff0d}.tabRow{flex-wrap:wrap;gap:8px;display:flex}.pillRow{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.pill{border:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#ffffff0a;border-radius:0;padding:4px 10px;font-size:10px;display:inline-block}pre{white-space:pre-wrap;word-break:break-word;color:#f4f1e8bf;margin:0;font-family:inherit;font-size:13px;line-height:1.7}.muted{color:var(--muted)}.errorText{color:var(--error)}.successText{color:var(--success)}.sectionTitle{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:10px;font-weight:500}.splitHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboardRow{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.smallGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.headerActions{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.compactActions{flex-direction:row;align-items:center}.title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(24px,3vw,36px);font-weight:600}.subtitle{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.formSection{border-bottom:1px solid #ffffff0d;margin-bottom:48px;padding-bottom:48px}.formSection:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.formSectionLabel{letter-spacing:.3em;text-transform:uppercase;color:#8b1a1aa6;align-items:center;gap:12px;margin-bottom:32px;font-size:9px;font-weight:700;display:flex}.formSectionLabel:before{content:"";background:#8b1a1a66;width:24px;height:1px;display:block}@media (max-width:768px){.container{padding:24px 20px 48px}.grid,.detailGrid{grid-template-columns:1fr}.smallGrid{grid-template-columns:1fr;gap:0}.card{border-radius:0;padding:20px}.nestedCard{padding:16px}.dashboardRow{flex-direction:column;gap:12px}.splitHeader{flex-wrap:wrap}.headerActions{flex-flow:wrap;align-items:center}.tabRow,.pillRow{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.title{font-size:clamp(20px,6vw,28px)}}@media (min-width:769px) and (max-width:1024px){.container{padding:28px 28px 56px}.grid{grid-template-columns:380px 1fr}.detailGrid{grid-template-columns:320px 1fr}}.nav-hide-mobile{display:flex}@media (max-width:640px){.nav-hide-mobile{display:none}}
