html,body,#root{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(circle at top,#0b1020 0,#020308 55%,#000);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}body{overflow:hidden}.portal-shell{display:flex;width:100%;height:100%}.nav-rail{width:80px;background:#03050af5;border-right:1px solid #151a26;display:flex;flex-direction:column;padding:12px 8px;gap:8px}.nav-item{border:none;background:transparent;color:#9ea7c5;border-radius:10px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease;font-size:11px}.nav-item .nav-icon{font-size:20px}.nav-item.active{background:radial-gradient(circle at top,#12263a 0,#050a12 60%);color:#fff;transform:translateY(-1px);box-shadow:0 0 12px #27f3ff33}.nav-item:hover:not(.active){background:#121e32b3;color:#d0d6f0}.portal-main{flex:1;display:flex;flex-direction:column;position:relative}.top-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #1b2233;background:#05070ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.os-title{color:#27f3ff;font-weight:600;font-size:14px}.os-clock{color:#fff;font-size:13px}.os-session{color:#9ea7c5;font-size:12px}.viewport{flex:1;position:relative;padding:16px 18px 24px;overflow:hidden}.module-view{width:100%;height:100%;box-sizing:border-box;border-radius:16px;border:1px solid #151a26;background:radial-gradient(circle at top left,#111827 0,#05070a 55%,#020308);padding:16px 18px;color:#e5e7f5;display:flex;flex-direction:column;gap:12px}.module-view h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.console-view{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.console-output{flex:1;background:#020308;border-radius:8px;padding:8px 10px;border:1px solid #151a26;overflow-y:auto;font-size:12px}.console-input-row{display:flex;gap:8px}.console-input-row input{flex:1;background:#05070a;border-radius:6px;border:1px solid #151a26;color:#fff;padding:6px 8px;font-size:13px}.console-input-row button{padding:6px 10px;border-radius:6px;border:1px solid #27f3ff55;background:#061822;color:#fff;cursor:pointer}.memory-input-row{display:flex;gap:8px}.memory-input-row input{flex:1;background:#05070a;border-radius:6px;border:1px solid #151a26;color:#fff;padding:6px 8px;font-size:13px}.memory-input-row button{padding:6px 10px;border-radius:6px;border:1px solid #27f3ff55;background:#061822;color:#fff;cursor:pointer}.memory-list{list-style:none;padding:0;margin:8px 0 0;font-size:13px;color:#cfd5f0}.canvas-surface{border-radius:12px;border:1px solid #151a26;background:#020308}.beesim-stats{margin-top:12px;font-size:13px;color:#cfd5f0}.window-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.portal-window{position:absolute;background:#05070aeb;border:1px solid #1b2233;border-radius:8px;box-shadow:0 0 40px #000a;overflow:hidden;pointer-events:auto;transform-origin:top left;animation:window-enter .16s ease-out;transition:transform .12s ease-out,width .12s ease-out,height .12s ease-out,left .12s ease-out,top .12s ease-out,box-shadow .12s ease-out,border-color .12s ease-out}.portal-window:focus-within{box-shadow:0 0 40px #27f3ff44;border-color:#27f3ff55}.window-titlebar{height:32px;background:#0a0e14e6;border-bottom:1px solid #1b2233;display:flex;align-items:center;justify-content:space-between;padding:0 10px;cursor:grab}.window-title{color:#27f3ff;font-size:13px}.window-close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:14px}.window-content{padding:12px;height:calc(100% - 32px);overflow:auto}.window-resize{width:14px;height:14px;position:absolute;right:0;bottom:0;cursor:nwse-resize;background:transparent}@keyframes window-enter{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.portal-window.closing{animation:window-exit .12s ease-in forwards}@keyframes window-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.dock{position:absolute;bottom:12px;left:50%;transform:translate(-50%);height:64px;padding:8px 16px;background:#05070abf;border:1px solid #1b2233;border-radius:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;gap:18px;align-items:center;z-index:9999}.dock-icon{position:relative;width:48px;height:48px;border-radius:12px;background:#0a0e14cc;border:1px solid #1b2233;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.dock-icon:hover{transform:scale(1.25);background:#141c28e6;border-color:#27f3ff55}.dock-icon.open{border-color:#27f3ff88;box-shadow:0 0 12px #27f3ff44}.dock-emoji{font-size:24px}.dock-indicator{width:6px;height:6px;background:#27f3ff;border-radius:50%;position:absolute;bottom:6px}.identity-panel{background:#0a0e1499;border:1px solid #1b2233;border-radius:12px;padding:12px;margin-bottom:12px;color:#cfd5f0}.identity-panel h3{margin:0 0 8px;color:#27f3ff}.interpretation-panel{background:#0a0e1499;border:1px solid #1b2233;border-radius:12px;padding:12px;margin-top:12px;color:#cfd5f0}.interpretation-panel h3{margin:0 0 8px;color:#27f3ff}.audio-controls{margin-bottom:12px}.premium-button{width:100%;padding:10px 14px;margin-top:12px;background:linear-gradient(90deg,#27f3ff33,#27f3ff55);border:1px solid #27f3ff88;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:background .15s ease,transform .15s ease}.premium-button:hover{background:linear-gradient(90deg,#27f3ff55,#27f3ff88);transform:translateY(-1px)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:99999}.modal-content{background:#05070a;border:1px solid #1b2233;border-radius:12px;padding:20px;width:360px;text-align:center}.close-button{margin-top:10px;background:transparent;border:none;color:#9ea7c5;cursor:pointer}.pattern-report{background:#0a0e1499;border:1px solid #1b2233;border-radius:12px;padding:16px;color:#cfd5f0}.pattern-report h2{color:#27f3ff;margin-bottom:12px}.profile-report{background:#0a0e1499;border:1px solid #1b2233;border-radius:12px;padding:16px;color:#cfd5f0;margin-top:20px}.profile-report h2{color:#27f3ff;margin-bottom:12px}.profile-report h3{color:#27f3ff;margin-top:16px}.session-summary{background:#0a0e1499;border:1px solid #1b2233;border-radius:12px;padding:16px;color:#cfd5f0;margin-top:20px}.session-summary h2{color:#27f3ff;margin-bottom:12px}.session-summary h3{color:#27f3ff;margin-top:16px}