@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#000;--accent-light:#333;--bg:#fff;--border:#e5e5e5;--muted:#999;--text:#000;--text-secondary:#555;--text-tertiary:#777;--surface:#fafafa;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--radius:4px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden}@keyframes vt-slide-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes vt-slide-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}::view-transition-old(root){animation:.2s ease-out both vt-slide-out}::view-transition-new(root){animation:.25s ease-out 50ms both vt-slide-in}.app{flex-direction:column;height:100vh;display:flex}.thesis{text-align:center;flex-shrink:0;padding:1rem 2rem}.thesis h1{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-family:Space Mono,monospace;font-size:.7rem;font-weight:400}.main{flex:1;min-height:0;display:flex;overflow:hidden}.render-pane{flex:1;overflow:hidden auto}.main.split .render-pane{flex:1}.spec-pane{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:380px;display:flex;overflow:hidden}.spec-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.spec-title{letter-spacing:.15em;color:var(--muted);font-family:Space Mono,monospace;font-size:.6rem}.spec-close{cursor:pointer;color:var(--muted);transition:color var(--transition);background:0 0;border:none;padding:0 .3rem;font-size:1.1rem}.spec-close:hover{color:var(--text)}.spec-json{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:#ccc transparent;flex:1;padding:1rem;font-family:Space Mono,monospace;font-size:.62rem;line-height:1.7;overflow-y:auto}.spec-line{transition:background var(--transition)}.spec-line.added{background:#e6ffe6}.spec-line.removed{opacity:.5;background:#ffe6e6;text-decoration:line-through}.spec-line.changed{background:#fff8e0}.controls{border-top:1px solid var(--border);flex-shrink:0;padding:.5rem 1.5rem .7rem}.presets{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.4rem;display:flex}.preset-btn{letter-spacing:.06em;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);transition:all var(--transition);background:0 0;padding:.25rem .55rem;font-family:Space Mono,monospace;font-size:.58rem}.preset-btn:hover{border-color:var(--text);color:var(--text);box-shadow:var(--shadow-sm)}.preset-btn.active{border-color:var(--text);color:var(--text);background:var(--surface)}.preset-btn.reset{color:#b00;border-color:#daa}.preset-btn.reset:hover{color:#fff;background:#b00;border-color:#b00}.preset-btn.disabled{opacity:.3;pointer-events:none}.preset-sep{background:var(--border);width:1px;height:16px;margin:0 .2rem}.history-indicator{color:var(--muted);letter-spacing:.05em;padding:0 .3rem;font-family:Space Mono,monospace;font-size:.55rem}.chat{display:flex}.chat input{width:100%;color:var(--text);letter-spacing:.02em;background:0 0;border:none;outline:none;padding:.45rem 0;font-family:Space Mono,monospace;font-size:.7rem}.chat input::placeholder{color:#ccc}.chat input:disabled{opacity:.4}.chat-error{color:#b00;margin-top:.15rem;font-family:Space Mono,monospace;font-size:.58rem}.play-progress{background:var(--border);border-radius:1px;height:2px;margin-top:.3rem;overflow:hidden}.play-progress-bar{background:var(--text);height:100%;transition:width .3s linear}.layout-columns{height:100%;display:grid}.layout-columns>*{min-height:0;overflow:hidden}.layout-columns>:not(:last-child){border-right:1px solid var(--border)}.layout-stack{flex-direction:column;display:flex}.layout-stack.gap-sm{gap:.5rem}.layout-stack.gap-md{gap:1rem}.layout-stack.gap-lg{gap:2rem}.layout-stack>.section{min-height:200px}.layout-stack>.section:not(:last-child){border-bottom:1px solid var(--border)}.layout-bento{grid-template-columns:1.6fr 1fr;gap:0;height:100%;display:grid}.bento-featured{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;padding:3rem;display:flex;overflow-y:auto}.bento-featured-inner{flex-direction:column;gap:.8rem;display:flex}.bento-title{letter-spacing:-.04em;font-size:3rem;font-weight:700;line-height:1}.bento-subtitle{color:var(--text-tertiary);max-width:44ch;font-size:.9rem;line-height:1.55}.bento-side{flex-direction:column;display:flex}.bento-side>*{flex:1}.bento-side>:not(:last-child){border-bottom:1px solid var(--border)}.layout-hero-sidebar{grid-template-columns:2fr 1fr;height:100%;display:grid}.hero-main{flex-direction:column;gap:.8rem;padding:3rem;display:flex;overflow-y:auto}.hero-title{letter-spacing:-.05em;font-size:3.5rem;font-weight:700;line-height:.95}.hero-subtitle{color:var(--text-tertiary);max-width:50ch;font-size:.9rem;line-height:1.5}.hero-sidebar{border-left:1px solid var(--border);flex-direction:column;display:flex}.hero-sidebar>*{flex:1}.hero-sidebar>:not(:last-child){border-bottom:1px solid var(--border)}.layout-magazine{flex-direction:column;height:100%;display:flex}.magazine-hero{border-bottom:2px solid var(--text);text-align:center;background:var(--surface);flex-direction:column;align-items:center;gap:.6rem;padding:3rem 3rem 2.5rem;display:flex}.magazine-title{letter-spacing:-.04em;font-size:3rem;font-weight:700}.magazine-subtitle{color:var(--text-tertiary);max-width:50ch;font-size:.85rem;line-height:1.5}.magazine-hero-items{margin-top:.5rem}.magazine-below{flex:1;grid-template-columns:repeat(2,1fr);min-height:0;display:grid}.magazine-below>*{overflow-y:auto}.magazine-below>:first-child{border-right:1px solid var(--border)}.layout-timeline{max-width:700px;margin:0 auto;padding:2rem 2rem 2rem 4rem;position:relative}.timeline-line{background:var(--border);width:2px;position:absolute;top:2rem;bottom:2rem;left:2.5rem}.timeline-node{padding:1.5rem 0 1.5rem 2rem;position:relative}.timeline-dot{background:var(--text);border:3px solid var(--bg);width:12px;height:12px;box-shadow:0 0 0 2px var(--text);border-radius:50%;position:absolute;top:1.75rem;left:-1.55rem}.timeline-header{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.timeline-title{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.timeline-subtitle{color:var(--text-tertiary);margin-bottom:.8rem;font-size:.78rem;line-height:1.45}.section{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.label{letter-spacing:.15em;color:#ccc;z-index:20;font-family:Space Mono,monospace;font-size:.65rem;position:absolute;bottom:1.4rem}h2{letter-spacing:-.03em;color:var(--text);text-align:center;font-size:2.4rem;font-weight:700;line-height:1;transition:opacity .3s}.section.open h2{opacity:0;pointer-events:none;position:absolute}.section:not(.open):hover{background:var(--surface)}.detail{scrollbar-width:thin;scrollbar-color:#ccc transparent;flex-direction:column;align-items:center;width:100%;height:100%;padding:2.5rem 2rem 2rem;display:flex;overflow-y:auto}.detail::-webkit-scrollbar{width:4px}.detail::-webkit-scrollbar-track{background:0 0}.detail::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.detail-header{justify-content:center;align-items:baseline;gap:.75rem;margin-bottom:.4rem;display:flex}.detail-header h3{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.detail-header .num{color:var(--muted);letter-spacing:.12em;font-family:Space Mono,monospace;font-size:.6rem}.close-btn{color:var(--muted);cursor:pointer;z-index:30;letter-spacing:.1em;border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);background:0 0;padding:.2rem .4rem;font-family:Space Mono,monospace;font-size:.6rem;position:absolute;top:.8rem;right:1rem}.close-btn:hover{color:var(--text);border-color:var(--muted)}.subtitle{color:var(--text-tertiary);text-align:center;max-width:36ch;margin-bottom:1rem;font-size:.78rem;line-height:1.45}.items{flex-direction:column;flex:1;align-items:center;gap:.9rem;list-style:none;display:flex}.items.compact{align-items:flex-start;gap:.6rem}.item{text-align:center;flex-direction:column;gap:.12rem;display:flex}.items.compact .item{text-align:left}.item-name{color:#222;font-size:.85rem;font-weight:600;line-height:1.3}.item-desc{color:var(--text-tertiary);max-width:44ch;font-size:.72rem;line-height:1.5}.local{color:var(--muted);letter-spacing:.02em;font-family:Space Mono,monospace;font-size:.6rem}a{color:#222;transition:border-color var(--transition);border-bottom:1px solid #ccc;text-decoration:none}a:hover{border-bottom-color:#555}.throughline{color:var(--muted);border-top:1px solid var(--border);text-align:center;max-width:36ch;margin-top:auto;padding-top:1rem;font-size:.72rem;font-style:italic;line-height:1.55}.comp-card{border:1px solid var(--border);height:100%;transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition);border-radius:var(--radius);flex-direction:column;gap:.7rem;padding:1.8rem;display:flex;overflow-y:auto}.comp-card:hover{box-shadow:var(--shadow-lg);border-color:#ccc;transform:translateY(-2px)}.comp-card-header{align-items:center;gap:.5rem;display:flex}.comp-card-title{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.comp-card-desc{color:var(--text-tertiary);font-size:.78rem;line-height:1.45}.comp-badge{letter-spacing:.1em;border-radius:2px;padding:.15rem .4rem;font-family:Space Mono,monospace;font-size:.55rem;display:inline-block}.comp-badge.variant-muted{color:var(--text-tertiary);background:#f0f0f0}.comp-accordion{width:100%;max-width:700px;margin:2rem auto;padding:1rem 2rem}.comp-accordion-item{border-bottom:1px solid var(--border)}.comp-accordion-trigger{cursor:pointer;width:100%;color:var(--text);text-align:left;letter-spacing:-.02em;transition:color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.2rem 0;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.comp-accordion-trigger:hover{color:var(--text-secondary)}.comp-accordion-num{color:var(--muted);letter-spacing:.1em;margin-right:.7rem;font-family:Space Mono,monospace;font-size:.6rem;font-weight:400}.comp-accordion-chevron{color:var(--muted);font-family:Space Mono,monospace;font-size:.9rem}.comp-accordion-content{padding:0 0 1.5rem;animation:.2s fade-in}.comp-accordion-content .subtitle,.comp-accordion-content .throughline{text-align:left;max-width:none}.table-wrap{width:100%;padding:1rem 2rem;overflow-x:auto}.comp-table{border-collapse:collapse;width:100%;font-size:.78rem}.comp-table th{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .75rem;font-family:Space Mono,monospace;font-size:.6rem;font-weight:400}.comp-table td{color:#333;vertical-align:top;border-bottom:1px solid #f0f0f0;padding:.6rem .75rem}.comp-table td:first-child{white-space:nowrap;color:var(--muted);font-size:.72rem;font-weight:600}.comp-table td:nth-child(2){font-weight:600}.comp-table tr{transition:background var(--transition)}.comp-table tr:hover{background:var(--surface)}@media (width<=900px){.layout-columns{height:auto;grid-template-columns:1fr!important}.layout-columns>:not(:last-child){border-right:none;border-bottom:1px solid var(--border)}.layout-bento,.layout-hero-sidebar,.magazine-below{grid-template-columns:1fr}.section{min-height:33vh}h2{font-size:1.8rem}.label,.spec-pane{display:none}html,body,#root{overflow:auto}.render-pane{overflow:visible}}