:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#070707;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 70% 0,#ffffff0a,#0000 30%),#070707;min-height:100vh;overflow:hidden}button,select{font:inherit}button{color:inherit}.platform-shell{background:linear-gradient(#0b0b0b 0%,#070707 100%);min-height:100vh}.context-bar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808f5;border-bottom:1px solid #252525;grid-template-columns:72px 210px minmax(220px,1fr) auto;align-items:center;min-height:58px;display:grid;position:relative}.brand-mark{letter-spacing:.18em;border-right:1px solid #252525;place-items:center;height:58px;font-size:12px;font-weight:800;display:grid}.project-context{border-right:1px solid #1e1e1e;flex-direction:column;gap:3px;min-width:0;padding:0 16px;display:flex}.project-context select{color:#f0f0f0;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:13px;font-weight:700}.project-context option{color:#f5f5f5;background:#101010}.eyebrow{color:#777;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.context-path{color:#8b8b8b;white-space:nowrap;align-items:center;gap:8px;min-width:0;padding:0 18px;font-size:12px;display:flex;overflow:hidden}.context-path strong{color:#d9d9d9}.context-actions{align-items:center;gap:8px;padding:0 12px;display:flex}.soreya-button,.profile-button,.hero-card button,.locked-actions button,.soreya-panel button{cursor:pointer;background:#111;border:1px solid #343434;transition:border-color .16s,background .16s,transform .16s}.soreya-button:hover,.profile-button:hover,.hero-card button:hover,.locked-actions button:hover,.soreya-panel button:hover{background:#161616;border-color:#5a5a5a}.soreya-button{color:#ddd;letter-spacing:.12em;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}.profile-button{color:#a7a7a7;border-radius:50%;width:32px;height:32px;font-size:10px;font-weight:800}.shell-body{grid-template-columns:72px 260px minmax(0,1fr);height:calc(100vh - 58px);display:grid}.app-rail{background:#080808;border-right:1px solid #252525;flex-direction:column;align-items:center;gap:8px;padding:14px 0;display:flex}.rail-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;width:48px;height:48px;padding:0;transition:background .16s,border-color .16s,opacity .16s;display:grid;position:relative}.rail-item:hover,.rail-item.active{background:#111;border-color:#2d2d2d}.rail-item.locked{opacity:.42}.rail-item.locked:hover,.rail-item.locked.active{opacity:.72}.os-icon{letter-spacing:-.02em;border:1px solid #4a4a4a;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:900;display:grid}.lock-mark{color:#9b9b9b;font-size:11px;position:absolute;bottom:4px;right:4px}.os-sidebar{background:#0b0b0b;border-right:1px solid #252525;min-width:0;overflow-y:auto}.sidebar-heading{border-bottom:1px solid #1e1e1e;padding:22px 18px 18px}.sidebar-heading h2{letter-spacing:-.03em;margin:7px 0;font-size:18px}.sidebar-heading p,.sidebar-locked p,.workspace-header p,.hero-card p,.panel-card p,.locked-workspace p,.soreya-panel p{color:#858585;margin:0;font-size:12px;line-height:1.55}.module-list{flex-direction:column;gap:6px;padding:12px;display:flex}.module-item{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:4px;width:100%;padding:11px 12px;display:flex}.module-item:hover,.module-item.active{color:#f0f0f0;background:#101010;border-color:#292929}.module-item span{font-size:13px;font-weight:700}.module-item small{color:#666;font-size:10px;line-height:1.4}.sidebar-locked{background:linear-gradient(#111,#0d0d0d);border:1px solid #2b2b2b;border-radius:12px;margin:14px;padding:15px}.status-pill{color:#a7a7a7;letter-spacing:.08em;text-transform:uppercase;background:#101010;border:1px solid #333;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.sidebar-locked .status-pill{margin-bottom:10px}.workspace{background:linear-gradient(120deg,#ffffff05,#0000 34%),#090909;min-width:0;padding:28px;overflow-y:auto}.workspace-stack{width:min(1120px,100%);margin:0 auto}.workspace-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.workspace-header h1,.locked-workspace h1{letter-spacing:-.045em;margin:5px 0 7px;font-size:clamp(27px,4vw,42px);font-weight:650}.hero-card,.panel-card,.metric-card,.locked-workspace{background:linear-gradient(#111 0%,#0c0c0c 100%);border:1px solid #2a2a2a;box-shadow:inset 0 1px #ffffff06}.hero-card{border-radius:18px;padding:28px}.hero-card.compact{min-height:260px}.hero-card h2{letter-spacing:-.04em;max-width:760px;margin:10px 0;font-size:clamp(25px,3.2vw,43px);font-weight:600;line-height:1.06}.hero-card p{max-width:680px}.hero-card button,.locked-actions button,.soreya-panel button{border-radius:10px;margin-top:20px;padding:10px 14px;font-size:12px;font-weight:750}.metric-grid,.panel-grid{gap:12px;margin-top:12px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.panel-card{border-radius:14px;min-width:0;padding:17px}.metric-card{flex-direction:column;justify-content:space-between;min-height:128px;display:flex}.metric-card span,.metric-card small{color:#777;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.metric-card strong{letter-spacing:-.04em;font-size:30px;font-weight:600}.panel-card h3{margin:7px 0 8px;font-size:17px}.locked-workspace{text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:min(700px,100%);min-height:520px;margin:4vh auto 0;padding:40px;display:flex}.locked-symbol{color:#aaa;border:1px solid #444;border-radius:18px;place-items:center;width:70px;height:70px;margin-top:26px;font-size:18px;font-weight:900;display:grid}.locked-workspace>p:first-of-type{max-width:460px}.locked-copy{max-width:520px;color:#666!important;margin-top:18px!important}.locked-actions{gap:8px;display:flex}.secondary-button{color:#999;background:0 0!important}.soreya-panel{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d0dfa;border:1px solid #333;border-radius:16px;width:min(360px,100vw - 36px);padding:20px;position:fixed;top:72px;right:18px;box-shadow:0 30px 80px #0000008c}.soreya-panel h3{margin:7px 0 8px;font-size:22px}@media (width<=940px){.context-bar{grid-template-columns:64px minmax(150px,200px) 1fr auto}.shell-body{grid-template-columns:64px 220px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-path span:last-child{display:none}}@media (width<=720px){body{overflow:auto}.context-bar{grid-template-columns:58px 1fr auto}.context-path{display:none}.shell-body{grid-template-columns:58px minmax(0,1fr);height:auto;min-height:calc(100vh - 58px)}.os-sidebar{display:none}.workspace{padding:18px}.metric-grid,.panel-grid{grid-template-columns:1fr}.workspace-header{flex-direction:column}}.context-bar{min-width:0;display:flex}.brand-mark{flex:0 0 72px}.workspace-context,.project-context{border-right:1px solid #1e1e1e;flex-direction:column;flex:0 0 190px;gap:3px;min-width:0;padding:0 16px;display:flex}.workspace-context select,.project-context select{color:#f0f0f0;letter-spacing:.03em;cursor:pointer;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:13px;font-weight:700}.workspace-context select:disabled{color:#777;cursor:default}.workspace-context option,.project-context option{color:#f5f5f5;background:#101010}.context-path{flex:auto}.context-actions{flex:none;margin-left:auto}.runtime-pill{color:#949494;letter-spacing:.08em;text-transform:uppercase;background:#0f0f0f;border:1px solid #333;border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.runtime-pill.authenticated{color:#cfcfcf;border-color:#454545}.session-button{color:#aaa;cursor:pointer;background:#111;border:1px solid #343434;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:750}.session-button:hover{color:#eee;background:#161616;border-color:#5a5a5a}.auth-screen{background:radial-gradient(circle at 50% 0,#ffffff0e,#0000 33%),linear-gradient(#0b0b0b 0%,#070707 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{background:linear-gradient(#111 0%,#0c0c0c 100%);border:1px solid #2c2c2c;border-radius:20px;width:min(460px,100%);padding:32px;box-shadow:inset 0 1px #ffffff08,0 32px 100px #00000061}.auth-card h1{letter-spacing:-.045em;margin:8px 0 10px;font-size:clamp(28px,6vw,42px);font-weight:650;line-height:1.02}.auth-card>p{color:#858585;margin:0;font-size:12px;line-height:1.6}.auth-form{gap:13px;margin-top:24px;display:grid}.auth-form label{color:#989898;gap:7px;font-size:11px;font-weight:700;display:grid}.auth-form input{color:#f2f2f2;width:100%;height:44px;font:inherit;background:#090909;border:1px solid #333;border-radius:10px;outline:none;padding:0 13px}.auth-form input:focus{border-color:#666}.auth-form button,.auth-switch{color:#eee;min-height:42px;font:inherit;cursor:pointer;background:#171717;border:1px solid #393939;border-radius:10px;font-size:12px;font-weight:800}.auth-form button{margin-top:4px}.auth-form button:hover,.auth-switch:hover{background:#1d1d1d;border-color:#5d5d5d}.auth-form button:disabled{opacity:.55;cursor:wait}.auth-switch{color:#a8a8a8;background:0 0;width:100%;margin-top:12px}.auth-message{background:#0a0a0a;border:1px solid #303030;border-radius:10px;padding:10px 12px;margin-top:14px!important}@media (width<=1100px){.workspace-context,.project-context{flex-basis:165px;padding:0 12px}.context-actions .eyebrow{display:none}}@media (width<=860px){.context-path{display:none}.workspace-context,.project-context{flex:170px}.runtime-pill{display:none}}@media (width<=720px){.brand-mark{flex-basis:58px}.workspace-context,.project-context{flex:1 1 0;padding:0 10px}.workspace-context .eyebrow,.project-context .eyebrow{display:none}.workspace-context select,.project-context select{font-size:11px}.context-actions{gap:5px;padding:0 7px}.soreya-button,.session-button{display:none}.auth-screen{padding:16px}.auth-card{padding:24px}}