.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:12px 20px}.header-content{max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative}.title-section{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}h1{font-size:2rem;font-weight:600;color:var(--text-primary)}.paper-line{font-size:.85rem;color:var(--text-secondary)}.paper-link{color:var(--accent);text-decoration:none}.paper-link:hover{color:var(--accent-hover);text-decoration:underline}.main{flex:1;display:flex;justify-content:center;padding:20px 20px 60px}.main-layout{width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 400px;grid-template-rows:auto 1fr auto;grid-template-areas:"log instructions" "log charts" "log charts";gap:20px}.log-container{grid-area:log;min-width:0;display:flex;flex-direction:column;gap:12px}.log-wrapper{flex:1;min-height:500px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;overflow:hidden}.sidebar-instructions,.sidebar-charts{width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.sidebar-instructions{grid-area:instructions;width:100%}.sidebar-charts{grid-area:charts;width:100%}.sidebar-section{padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:6px}.sidebar-section>h3{font-size:.9rem;color:var(--text-primary);margin-bottom:12px}.sidebar-section>p{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.message-input-wrapper{display:flex;gap:8px;margin-bottom:12px}.message-input{flex:1;padding:10px 12px;border-radius:4px;border:1px solid var(--border);background-color:var(--bg-tertiary);color:#4ade80;font-size:13px}.message-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #58a6ff26}.message-input::placeholder{color:var(--text-muted)}.dice-btn{padding:8px 12px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-tertiary);cursor:pointer;font-size:16px;transition:background-color .15s ease}.dice-btn:hover{background-color:var(--border)}.copy-block{background-color:var(--bg-tertiary);border-radius:4px;padding:10px}.copy-block code{display:block;font-size:11px;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--text-primary);word-break:break-word;line-height:1.4}.user-text{color:#4ade80;font-weight:500}.copy-btn{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:12px;margin-top:8px}.copy-btn:hover{background-color:var(--border);color:var(--text-primary)}.copy-btn.flash{animation:flash-border 1s ease}@keyframes flash-border{0%,to{border-color:var(--border)}25%,75%{border-color:#4ade80;box-shadow:0 0 8px #4ade80}50%{border-color:#4ade80;box-shadow:0 0 12px #4ade80}}.instructions-notes{margin-top:12px;font-size:11px}.instructions-notes p{margin:0 0 4px;line-height:1.4}.instructions-notes em{font-style:italic;color:var(--text-muted)}.sticky-footer{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-secondary);border-top:1px solid var(--border);padding:10px 20px;display:flex;justify-content:center;align-items:center;z-index:100}.footer-logo{display:block;opacity:.7;transition:opacity .2s ease}.footer-logo:hover{opacity:1}.footer-logo svg{height:20px;width:auto}.embed-container{padding:16px;min-height:100vh;box-sizing:border-box}.embed-container .sidebar-section{max-width:500px;margin:0 auto}.embed-container .instructions-embedded{max-width:100%;height:calc(100vh - 32px);display:flex;flex-direction:column}.static-banner{text-align:center;padding:8px 16px;background-color:#7f1d1d80;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#fca5a5;font-size:14px;font-weight:500}.static-log-wrapper{overflow:hidden;min-height:unset;flex:none}.static-screenshot{width:100%;height:auto;display:block;border-radius:4px}.static-chart-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;overflow:hidden}.static-chart-wrapper .static-screenshot{border-radius:0}.clickable-screenshot{cursor:pointer;transition:opacity .15s ease}.clickable-screenshot:hover{opacity:.85}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;z-index:2000;display:flex;justify-content:center;align-items:center;cursor:zoom-out;padding:24px}.lightbox-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#ffffffb3;font-size:32px;cursor:pointer;line-height:1;padding:4px 8px}.lightbox-close:hover{color:#fff}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 32px #00000080}@media (max-height: 500px){.header{padding:8px 16px}h1{font-size:1rem}.main{padding:12px}}@media (max-width: 900px){.main-layout{display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;grid-template-areas:none}.sidebar-instructions{width:100%;order:1}.log-container{order:2}.sidebar-charts{width:100%;order:3}h1{font-size:1.25rem}.header{padding:10px 16px}.main{padding:12px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #101010;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #58a6ff;--accent-hover: #79c0ff;--border: #30363d;--success: #3fb950;--warning: #d29922;--error: #f85149}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}