:root{--scp-dark: #121212;--scp-panel: #2a2a2a;--scp-metal: #444;--scp-light: #e0e0e0;--scp-accent: #ff4444;--scp-terminal: #33ff33;--scp-hazard: #f39c12;--font-mono: "Courier New", Courier, monospace}body{background-color:var(--scp-dark);color:var(--scp-light);font-family:var(--font-mono);margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}#root{width:100%;max-width:1200px;padding:2rem}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none;z-index:100}.hazard-stripe{background:repeating-linear-gradient(45deg,#2a2a2a,#2a2a2a 10px,#f39c12 10px 20px);height:20px;width:100%;border-radius:4px;margin:1rem 0;opacity:.8}button{cursor:pointer;font-family:var(--font-mono)}input,textarea{font-family:var(--font-mono);background:#000;color:var(--scp-terminal);border:1px solid #444;padding:.5rem}input:focus,textarea:focus{outline:1px solid var(--scp-terminal)}:root{--scp-dark: #121212;--scp-terminal: #1a1a1a;--scp-text: #d0d0d0;--scp-accent: #f0f0f0;--scp-red: #880000;--scp-green: #00ff41;--scp-glow: 0 0 10px rgba(255, 255, 255, .1)}[data-theme=modern]{--bg-app: var(--scp-dark);--bg-panel: #1a1a1a;--bg-booth: #151515;--bg-interior: #000;--border-color: #333;--text-main: var(--scp-text);--dial-plate-bg: conic-gradient(from 180deg, #333 0deg, #111 180deg, #333 360deg)}[data-theme=classic]{--bg-app: url(/assets/wall-CVFxja_S.jpg);--bg-panel: url(/assets/panel-B5kBOYdn.jpg);--bg-booth: url(/assets/panel-B5kBOYdn.jpg);--bg-interior: #111;--border-color: #555;--text-main: #eee;--dial-plate-bg: url(/assets/dial_labels-lpKMFuYb.jpg);--scp-green: #cdcdcd}[data-theme=classic] .dial-label{display:none}[data-theme=classic] .app-container{background-size:cover;background-position:center}[data-theme=classic] .booth{box-shadow:inset 0 0 50px #000c,0 0 10px #00000080;border:4px solid #444}body{margin:0;background-color:var(--bg-app);color:var(--text-main);font-family:Courier New,Courier,monospace;overflow-x:hidden;transition:background .5s}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-app)}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:100% 4px,3px 100%;pointer-events:none;z-index:1000}header{padding:1rem 2rem;background:var(--bg-panel);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem}.logo h1{margin:0;font-size:1.2rem;letter-spacing:2px;color:#fff}.header-controls{display:flex;align-items:center;gap:1.5rem}.volume-control{display:flex;align-items:center;gap:.5rem;background:#0000004d;padding:.3rem .8rem;border-radius:20px}.sound-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0}.volume-slider{width:80px;accent-color:var(--scp-red);cursor:pointer}.settings-btn{background:#222;border:1px solid #444;color:#ccc;padding:.5rem 1rem;cursor:pointer;font-family:inherit;font-size:.8rem}.settings-btn:hover{border-color:#fff;color:#fff}.api-config{background:var(--bg-panel);padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1.5rem}.config-row{display:flex;flex-direction:column;gap:.3rem}.config-row label{font-size:.7rem;color:#aaa;text-transform:uppercase}.config-row select,.config-row input[type=checkbox]{background:#000;color:#fff;border:1px solid #444;padding:.3rem;font-family:inherit}.machine-interface{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.booths-container{display:flex;gap:3rem;align-items:stretch;max-width:1400px;width:100%}.booth{flex:1;background:var(--bg-booth);border:4px solid var(--border-color);padding:1rem;min-height:450px;display:flex;flex-direction:column;position:relative}.booth h3{text-align:center;margin:0 0 1rem;font-size:1rem;color:#aaa;border-bottom:2px solid var(--border-color);padding-bottom:.5rem;letter-spacing:2px}.booth-interior{flex:1;background:var(--bg-interior);border:2px solid #000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;box-shadow:inset 0 0 30px #000}.door{position:absolute;top:0;bottom:0;background:#2a2a2a;border:1px solid #111;z-index:20;transition:width var(--door-anim-duration, 2s) ease-in-out;background-image:repeating-linear-gradient(45deg,#2a2a2a,#2a2a2a 20px,#222 20px 40px);box-shadow:0 0 20px #000c}.door-left{left:0;border-right:2px solid #000}.door-right{right:0;border-left:2px solid #000}.intake-input{width:100%;height:100%;background:transparent;border:none;color:#fff!important;font-family:inherit;font-size:1.2rem;resize:none;outline:none}.result-text{font-size:1.1rem;line-height:1.6;color:var(--scp-green);text-shadow:0 0 5px var(--scp-green)}.report-trigger{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;transition:transform .2s}.report-trigger:hover{transform:scale(1.1);color:var(--scp-green)}.folder-icon{font-size:6rem;line-height:1;text-shadow:0 0 20px rgba(0,0,0,.5)}.report-trigger span{font-size:.8rem;opacity:.7}.center-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;width:300px}.dial-container{display:flex;flex-direction:column;align-items:center;position:relative;width:300px;height:300px}.dial-plate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;background:var(--dial-plate-bg);background-size:cover;box-shadow:0 0 20px #00000080;border:4px solid #444;z-index:5}.dial-label{position:absolute;transform:translate(-50%,-50%);color:#888;font-weight:700;font-size:.9rem;text-align:center;cursor:pointer;white-space:nowrap;padding:5px 10px;border-radius:4px;background:#0000004d;z-index:10;transition:all .2s;line-height:1.1}.dial-label:hover{color:#fff;background:#0009}.dial-label.active{color:#fff;text-shadow:0 0 10px #fff;font-size:1rem}.dial-knob-wrapper{width:100%;height:100%;border-radius:50%;position:relative}.knob-indicator{width:16px;height:80px;background:#ddd;position:absolute;top:10px;left:calc(50% - 8px);border-radius:4px;box-shadow:0 0 5px #000}.dial-status{position:absolute;bottom:0;width:100%;text-align:center;color:#888;font-size:.9rem}.dial-status span{color:#fff;font-weight:700}.refine-button{width:120px;height:120px;border-radius:50%;background:#151515;border:4px solid #333;color:#888;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 5px 15px #00000080;transition:all .1s}.refine-button:active:not(:disabled){transform:scale(.95)}.refine-button:hover:not(:disabled){border-color:#800;color:#fff}.refine-button.active{background:#300;border-color:red;color:#fff;animation:pulse 1s infinite}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.scp-document{background-color:#fff;color:#000!important;width:210mm;height:297mm;max-width:90vw;max-height:90vh;padding:30px;box-shadow:0 0 50px #000c;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace!important;position:relative;overflow:hidden}[data-theme=classic] .scp-document{background-image:url(/assets/paper-texture-LmHYmaVV.png);background-size:cover;background-color:#f4f4f4}.doc-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-shrink:0}.doc-logo{width:80px;height:80px;opacity:.8}.doc-title h2{margin:0;font-size:24px;text-transform:uppercase;letter-spacing:2px;color:#000}.doc-title h3{margin:5px 0 0;font-size:14px;color:#333;font-weight:700}.doc-divider{border:0;border-top:3px solid #000;margin:10px 0;flex-shrink:0}.doc-content-area{flex:1;overflow:hidden;position:relative;padding:20px 0}.typewriter-text{white-space:pre-wrap;font-family:Courier New,Courier,monospace!important;font-size:16px;line-height:1.5;color:#000!important;margin:0}.doc-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid #aaa}.page-btn{background:transparent;border:2px solid #000;color:#000;padding:5px 15px;cursor:pointer;font-weight:700;font-family:inherit}.page-btn:disabled{opacity:.3;cursor:default}.page-info{font-weight:700;font-size:12px}.doc-footer{margin-top:15px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.close-doc-btn{background:#000;color:#fff;border:none;padding:10px 20px;font-family:inherit;font-weight:700;cursor:pointer}.stamp{border:4px double #800;color:#800;padding:5px 10px;font-weight:700;transform:rotate(-10deg);font-size:18px;text-transform:uppercase}.achievement-popup{position:fixed;bottom:20px;right:20px;width:300px;height:80px;background:#222;border:2px solid #555;display:flex;align-items:center;padding:10px;gap:15px;box-shadow:0 0 20px #000c;z-index:9999}.achv-icon{width:64px;height:64px;object-fit:cover;border:1px solid #000}.achv-text{display:flex;flex-direction:column}.achv-title{color:#f90;font-size:.8rem;font-weight:700;letter-spacing:1px}.achv-desc{color:#fff;font-size:1rem;font-weight:700}.user-profile-modal{background:#0a0a0a;border:4px solid var(--scp-green);width:95vw;height:92vh;max-width:1600px;max-height:none;display:flex;flex-direction:column;box-shadow:0 0 50px #00320080,inset 0 0 100px #001400cc;position:relative;overflow:hidden;border-radius:4px}.settings-modal{background:#151515;border:2px solid #555;width:500px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #000000e6;position:relative;overflow:hidden}.settings-header{background:#222;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444}.settings-header h2{margin:0;font-size:1rem;color:#fff;letter-spacing:2px}.settings-content{padding:30px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.settings-footer{padding:15px;background:#111;border-top:1px solid #333;text-align:right}.checkbox-row{flex-direction:row;align-items:center;gap:10px;background:#ffffff0d;padding:10px;border-radius:4px}.profile-header{background:#020;padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--scp-green)}.profile-header h2{margin:0;font-size:1.2rem;color:var(--scp-green);letter-spacing:2px}.close-btn{background:none;border:none;color:var(--scp-green);font-size:1.5rem;cursor:pointer}.profile-tabs{display:flex;border-bottom:1px solid #333}.tab-btn{flex:1;background:#000;color:#555;border:none;padding:10px;cursor:pointer;font-family:inherit;font-weight:700;transition:all .2s}.tab-btn.active{background:#111;color:var(--scp-green);border-bottom:2px solid var(--scp-green)}.tab-btn:hover:not(.active){color:#aaa;background:#050505}.profile-content{flex:1;overflow-y:auto;padding:15px}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{background:#050505;border:1px solid #333;padding:10px;cursor:pointer;transition:all .2s}.history-item:hover{border-color:var(--scp-green);background:#0a0a0a}.history-meta{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.8rem;color:#888;align-items:center}.h-setting{font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;color:#000;font-size:.7rem;white-space:nowrap}.setting-rough{background:#800;color:#fff}.setting-coarse{background:#f90;color:#000}.setting-11{background:#aaa;color:#000}.setting-fine{background:#0c0;color:#000}.setting-veryfine{background:#0af;color:#fff}.h-input{font-weight:700;color:#ddd;margin-bottom:3px}.h-preview{color:#666;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievements-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ach-card{display:flex;gap:10px;align-items:center;background:#080808;border:1px solid #333;padding:10px}.ach-card.locked{opacity:.5;filter:grayscale(1)}.ach-card.unlocked{border-color:gold;background:linear-gradient(45deg,#080808,#1a1a00)}.ach-icon{font-size:2rem}.ach-info h4{margin:0 0 5px;color:gold;font-size:.9rem}.ach-card.locked h4{color:#888}.ach-info p{margin:0;font-size:.7rem;color:#aaa}.user-icon-btn{background:transparent;border:1px solid var(--border-color);color:#fff;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.action-btn{background:#222;border:1px solid var(--border-color);color:#ccc;padding:8px;cursor:pointer;font-family:inherit;font-weight:700;font-size:.8rem;transition:all .2s}.action-btn:hover:not(:disabled){border-color:#fff;color:#fff;filter:brightness(1.2)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.history-item.selected{background:#1a1a1a;border-color:var(--scp-green);box-shadow:inset 3px 0 0 var(--scp-green)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.debug-audio-panel{position:fixed;top:60px;right:20px;background:#000000e6;border:1px solid var(--scp-green);padding:15px;width:250px;z-index:5000;max-height:80vh;display:flex;flex-direction:column;color:var(--scp-green);box-shadow:0 0 15px #0f03;border-radius:8px}.debug-audio-panel h3{margin:0 0 10px;font-size:1rem;border-bottom:1px solid #333;padding-bottom:5px}.scroll-area{overflow-y:auto;flex:1;padding-right:5px;margin-bottom:10px}.control-group{margin-bottom:10px;display:flex;flex-direction:column;gap:5px}.control-group label{font-size:.8rem;opacity:.8}.control-group input[type=range]{width:100%;accent-color:var(--scp-green)}.actions{display:flex;flex-direction:column;gap:5px}.sim-btn,.copy-btn,.save-btn{padding:8px;border:1px solid var(--scp-green);background:#020;color:#fff;cursor:pointer;font-family:inherit}.sim-btn:hover,.copy-btn:hover,.save-btn:hover{background:var(--scp-green);color:#000}.save-btn{background:#040;font-weight:700;border-radius:4px}.debug-input{background:#000;color:#0f0;border:1px solid #0f0;width:100%;font-family:inherit;padding:2px}.sound-btn{background:#111;border:1px solid #333;color:#aaa;font-size:.7rem;cursor:pointer;padding:4px 0;font-family:inherit}.sound-btn:hover{background:#333;color:#fff;border-color:#fff}.sound-btn:active{background:var(--scp-green);color:#000}