:root{--os-bg: #050505;--os-bg-dim: #0a0a0a;--os-border: #333;--os-primary: #ffaa00;--os-secondary: #00f0ff;--os-text: #e0e0e0;--os-text-dim: #777;--os-error: #ff3333;--font-os: "JetBrains Mono", "Courier New", monospace;--font-ui: "Inter", sans-serif;--crt-flicker: .1s}body{margin:0;padding:0;background-color:var(--os-bg);color:var(--os-text);font-family:var(--font-os);overflow:hidden;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000;border-left:1px solid #222}::-webkit-scrollbar-thumb{background:var(--os-text-dim);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--os-primary)}.crt-container{position:fixed;inset:0;pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;animation:flicker .15s infinite;mix-blend-mode:hard-light;opacity:.15}.crt-vignette{position:fixed;inset:0;pointer-events:none;z-index:9998;background:radial-gradient(circle,#0000 60%,#0009)}@keyframes flicker{0%{opacity:.12}50%{opacity:.15}to{opacity:.12}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1s step-end infinite}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--os-bg)}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(12px,9999px,86px,0)}20%{clip:rect(2px,9999px,5px,0)}40%{clip:rect(65px,9999px,11px,0)}60%{clip:rect(98px,9999px,56px,0)}80%{clip:rect(33px,9999px,2px,0)}to{clip:rect(10px,9999px,55px,0)}}@keyframes glitch-anim2{0%{clip:rect(55px,9999px,12px,0)}20%{clip:rect(2px,9999px,56px,0)}40%{clip:rect(8px,9999px,98px,0)}60%{clip:rect(33px,9999px,2px,0)}80%{clip:rect(77px,9999px,65px,0)}to{clip:rect(12px,9999px,5px,0)}}.os-layout{display:grid;grid-template-columns:620px 1fr 280px;grid-template-rows:60px 1fr 80px;grid-template-areas:"header header header" "side   main   right" "footer footer footer";height:100vh;width:100vw;box-sizing:border-box;padding:16px;gap:16px;position:relative;z-index:10}.status-bar{grid-area:header}.side-panel{grid-area:side}.stage-container{grid-area:main}.timeline-panel{grid-area:right}.os-footer{grid-area:footer}.status-bar{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border:1px solid var(--os-border);background:#050505cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--os-text-dim);font-size:.85rem;letter-spacing:1px}.os-window{display:flex;flex-direction:column;border:1px solid var(--os-border);background:#0a0a0ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;box-shadow:0 4px 20px #00000080}.window-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#ffffff08;border-bottom:1px solid var(--os-border);font-size:.75rem;color:var(--os-text-dim);letter-spacing:1px;text-transform:uppercase}.window-title{display:flex;align-items:center;gap:8px}.window-controls{display:flex;gap:6px}.control-dot{width:8px;height:8px;border-radius:50%;background:var(--os-border)}.window-content{flex:1;overflow-y:auto;padding:24px}.side-panel{border-left:1px solid var(--os-border)}.command-deck{grid-column:1 / span 2;grid-row:3;display:flex;align-items:center;gap:16px;padding:12px 24px;border:1px solid var(--os-primary);background:#000000e6;box-shadow:0 0 15px #ffaa001a}.os-input{background:transparent;border:none;color:var(--os-primary);font-family:var(--font-os);font-size:1rem;width:100%;outline:none;caret-color:var(--os-secondary)}.os-input::placeholder{color:var(--os-text-dim);opacity:.5}.os-btn{background:#ffffff0d;border:1px solid var(--os-border);color:var(--os-text);padding:8px 16px;font-family:var(--font-os);font-size:.8rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.os-btn:hover:not(:disabled){background:var(--os-primary);color:#000;border-color:var(--os-primary);box-shadow:0 0 10px var(--os-primary)}.os-btn:disabled{opacity:.3;cursor:not-allowed}.boot-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:10vw;font-size:1.2rem;line-height:2;color:var(--os-primary);text-shadow:0 0 5px var(--os-primary)}.os-image-placeholder{position:relative;width:100%;height:220px;background:#0000004d;border:1px dashed var(--os-border);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;margin-top:16px;color:var(--os-text-dim)}.os-image-placeholder:hover{background:#ffaa000d;background:rgba(var(--os-primary-rgb),.05);border-color:var(--os-primary);color:var(--os-primary);box-shadow:0 0 15px #ffaa001a}.os-image-placeholder:before,.os-image-placeholder:after{content:"";position:absolute;width:10px;height:10px;transition:all .3s ease}.os-image-placeholder:before{top:0;left:0;border-top:2px solid var(--os-border);border-left:2px solid var(--os-border)}.os-image-placeholder:after{bottom:0;right:0;border-bottom:2px solid var(--os-border);border-right:2px solid var(--os-border)}.os-image-placeholder:hover:before{border-color:var(--os-primary);width:20px;height:20px}.os-image-placeholder:hover:after{border-color:var(--os-primary);width:20px;height:20px}.img-result{position:relative;margin-top:16px;border:1px solid var(--os-primary);overflow:hidden;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.world-content-layout{display:flex;gap:32px;margin-top:24px}.world-visual-column{flex:0 0 300px}.world-text-column{flex:1}@media(max-width:900px){.world-content-layout{flex-direction:column}.world-visual-column{flex:auto;width:100%}.os-image-placeholder{height:180px}}.diagnostic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;position:relative}.diagnostic-card{position:relative;background:#0a0f1499;border:1px solid rgba(255,255,255,.1);padding:2px;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.diagnostic-card:hover{transform:translateY(-2px);background:#14191ecc;box-shadow:0 0 30px #00000080;border-color:#ffffff4d}.diagnostic-inner{background:var(--os-bg-dim);height:100%;padding:16px;display:flex;flex-direction:column;position:relative;z-index:1}.diagnostic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.diagnostic-proto{font-family:var(--font-os);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:8px;font-weight:700}.diagnostic-data{font-family:var(--font-ui);font-size:.9rem;line-height:1.5;color:#ccc;margin-bottom:20px;flex-grow:1}.diagnostic-footer{margin-top:auto;font-size:.7rem;font-family:var(--font-os);display:flex;flex-direction:column;gap:6px}.diagnostic-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.05),transparent);transform:translateY(-100%);transition:transform .5s;z-index:2;pointer-events:none}.diagnostic-card:hover:before{animation:scan-pass 1.5s infinite linear}@keyframes scan-pass{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.diagnostic-card[data-priority=high]{border-left:2px solid var(--os-error)}.spectrum-viz{display:flex;align-items:flex-end;gap:2px;height:24px;margin-top:8px;opacity:.8}.spectrum-bar{flex:1;background:currentColor;min-width:4px;border-radius:1px;transition:height .3s ease;box-shadow:0 0 5px currentColor}.holo-stream{display:flex;flex-direction:column;gap:12px;margin-top:16px;perspective:1000px}.holo-header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px;margin-bottom:8px;color:var(--os-secondary);font-size:.7rem;letter-spacing:2px;text-shadow:0 0 5px var(--os-secondary)}.holo-card{position:relative;background:#141e2866;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,240,255,.1);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:left center;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.holo-card:hover{background:#00f0ff1a;border-color:var(--os-secondary);box-shadow:0 0 20px #00f0ff33;transform:translateY(-2px) scale(1.01);z-index:10}.holo-card:before{content:"";position:absolute;top:0;left:0;width:8px;height:8px;border-top:2px solid var(--os-secondary);border-left:2px solid var(--os-secondary);opacity:.5;transition:all .3s}.holo-card:hover:before{width:100%;height:100%;opacity:1}.holo-index{font-family:var(--font-os);font-size:.7rem;color:var(--os-secondary);opacity:.8;margin-right:12px;min-width:40px}.holo-content{font-family:var(--font-ui);font-size:.9rem;color:#fff;flex:1;text-shadow:0 0 2px rgba(0,0,0,.5)}.holo-deco{font-size:.6rem;color:var(--os-text-dim);border:1px solid rgba(255,255,255,.1);padding:2px 4px;opacity:0;transform:translate(10px);transition:all .3s}.holo-card:hover .holo-deco{opacity:.8;transform:translate(0)}.social-header{color:var(--os-secondary);border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:24px;padding-bottom:8px;font-size:.9rem;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between}.social-feed{display:flex;flex-direction:column;gap:32px;padding-right:8px}.social-post{display:grid;grid-template-columns:64px 1fr;gap:16px;position:relative;animation:slideUpFade .6s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transform:translateY(20px)}.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#333,#111);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-os);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 10px #0000004d;position:relative;z-index:2;flex-shrink:0;object-fit:cover}.avatar:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--os-secondary);border:2px solid #000;border-radius:50%}.post-bubble{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:0 12px 12px;padding:16px 20px;position:relative;transition:all .2s}.post-bubble:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.post-bubble:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-style:solid;border-width:0 8px 10px 0;border-color:transparent rgba(255,255,255,.08) transparent transparent}.post-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.user-name{font-size:1rem;font-weight:700;color:var(--os-text)}.user-handle{font-size:.8rem;color:var(--os-text-dim);font-family:var(--font-os)}.time-stamp{font-size:.75rem;color:var(--os-text-dim);margin-left:auto}.post-body{font-family:var(--font-ui);font-size:.95rem;line-height:1.75;color:#eee;margin-bottom:12px}.topic-tag{color:var(--os-primary);margin-right:6px;cursor:pointer}.topic-tag:hover{text-decoration:underline}.interaction-bar{display:flex;gap:24px;border-top:1px solid rgba(255,255,255,.05);padding-top:12px;margin-top:12px}.action-btn{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--os-text-dim);cursor:pointer;transition:color .2s}.action-btn:hover{color:var(--os-secondary)}.thread-line{position:absolute;top:64px;left:32px;bottom:-32px;width:2px;background:#ffffff0d;z-index:1}.reply-container{margin-top:16px;display:flex;flex-direction:column;gap:12px;padding-left:12px;border-left:2px solid rgba(255,255,255,.1)}.reply-item{display:flex;gap:12px;font-size:.85rem;padding:8px;border-radius:8px;transition:all .2s ease;border-left:2px solid transparent}.reply-item:hover{background:#ffffff0d;transform:translate(6px);border-left-color:var(--os-secondary)}.reply-avatar{width:48px;height:48px;border-radius:50%;background:#222;border:1px solid #444;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;font-weight:700}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.timeline-panel{padding:0!important}.log-stream{padding:16px;position:relative;display:flex;flex-direction:column;gap:24px}.log-stream:before{content:"";position:absolute;top:20px;bottom:20px;left:23px;width:1px;background:#ffffff1a;z-index:0}.log-node{position:relative;display:flex;align-items:flex-start;gap:16px;cursor:pointer;opacity:.5;transition:all .3s ease;z-index:1}.log-node:hover{opacity:.8;transform:translate(2px)}.log-node[data-active=true]{opacity:1}.log-marker{width:14px;height:14px;background:#111;border:1px solid var(--os-text-dim);flex-shrink:0;margin-top:4px;position:relative;transition:all .3s;box-shadow:0 0 10px #000}.log-node[data-active=true] .log-marker{background:var(--os-primary);border-color:var(--os-primary);box-shadow:0 0 10px var(--os-primary);transform:scale(1.1)}.log-content{display:flex;flex-direction:column;gap:4px;flex:1}.log-time{font-family:var(--font-os);font-size:.7rem;color:var(--os-text-dim);letter-spacing:1px}.log-node[data-active=true] .log-time{color:var(--os-primary)}.log-data{font-weight:700;font-size:.9rem;color:#fff}.log-hash{font-family:monospace;font-size:.65rem;color:#555;margin-top:2px}