*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#root{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.home{flex-direction:column;flex:1;min-height:0;display:flex;overflow-x:clip}.home-header{padding:8px var(--space-lg);background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;display:flex}.home-logo{display:flex}.home-logo img{object-fit:cover;opacity:.85;border-radius:50%;width:32px;height:32px}.home-title{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:3px;text-transform:uppercase;color:var(--text-primary);margin:0;font-weight:500}.home-user{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:2px;color:var(--text-muted);align-items:baseline;gap:14px;margin-left:auto;display:flex}.home-user span{color:var(--text-secondary)}.home-user a{color:var(--text-muted);text-decoration:none}.home-user a:hover{color:var(--text-secondary)}.terminal{background:var(--bg-surface);border-top:1px solid var(--border);min-height:0;font-family:var(--font-mono);font-size:var(--text-sm);cursor:text;flex-direction:column;flex:1;line-height:1.7;display:flex;position:relative}.terminal-art{opacity:.04;pointer-events:none;background:url(/assets/paradox-engine-art-By59iWgL.jpg) top/cover no-repeat;position:absolute;inset:0}.terminal-output{z-index:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:var(--space-lg) var(--space-lg) var(--space-sm);flex:1;position:relative;overflow-y:auto}.terminal-line{white-space:pre-wrap;word-break:break-word;min-height:1.7em}.t-default{color:var(--text-primary)}.t-muted{color:var(--text-muted)}.t-accent{color:var(--text-accent)}.t-error{color:var(--accent-red)}.t-success{color:var(--accent-green)}.t-flavor{color:var(--text-muted);font-style:italic}.t-input{color:var(--text-accent)}.terminal-divider{height:1px;margin:var(--space-sm) 0;background:var(--border);display:block}.options-row{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.options-label{color:var(--text-secondary)}.option{color:var(--text-accent);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);border-radius:2px;padding:1px 2px}.option:hover{background:var(--accent-amber-dim);color:var(--text-primary)}.option.stale{color:var(--text-muted);cursor:default}.option.stale:hover{color:var(--text-muted);background:0 0}.option.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.copy-btn{font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;margin-left:8px;padding:1px 4px}.copy-btn:hover{color:var(--text-accent);background:var(--accent-amber-dim)}.terminal-input{z-index:1;padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.terminal-prompt{color:var(--text-accent);-webkit-user-select:none;user-select:none;white-space:pre;flex-shrink:0}.terminal-input-wrap{flex:1;min-width:0;position:relative}.terminal-input input{z-index:1;width:100%;color:var(--text-primary);caret-color:var(--text-accent);font-family:var(--font-mono);font-size:var(--text-sm);background:0 0;border:0;outline:none;padding:0;position:relative}.terminal-input input:disabled{opacity:.3}.ghost{pointer-events:none;white-space:pre;color:#0000;font-family:var(--font-mono);font-size:var(--text-sm);position:absolute;top:0;left:0}.ghost-text{color:var(--text-muted);opacity:.5}.terminal-cursor{background:var(--text-accent);opacity:.7;flex-shrink:0;width:7px;height:14px;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@keyframes charTwitch{0%,8%,to{transform:translate(0)}2%{transform:translate(2px)}4%{transform:translate(-1px)}6%{transform:translate(1px)}}@media (width<=600px){.home-header{padding:8px 16px}.home-title{letter-spacing:2px;font-size:15px}.terminal-output{padding:16px 16px 8px;font-size:12px}.terminal-input{padding:10px 16px}.terminal-input input,.ghost{font-size:16px}}@media (prefers-reduced-motion:reduce){.terminal-cursor{animation:none}}
