:root{color-scheme:dark;--bg:#0d1020;--text:#f5f6fb;--muted:#a8adc2;--line:rgba(255,255,255,.13);--glass:rgba(24,29,53,.58);--purple:#9c7cff;--cyan:#65dbe1;--pink:#ff7bb4;--danger:#ff7185;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#23264a 0,var(--bg) 52%,#080a14 100%);color:var(--text);overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.aurora{position:fixed;border-radius:50%;filter:blur(90px);opacity:.34;pointer-events:none}.aurora-a{width:560px;height:560px;background:#6944ff;top:-260px;left:-160px}.aurora-b{width:620px;height:620px;background:#087f93;right:-280px;bottom:-320px}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}main{position:relative;z-index:1;min-height:100vh;padding:32px}.glass{background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}[hidden]{display:none!important}.eyebrow{margin:0 0 8px;color:#b9a8ff;font-size:11px;font-weight:800;letter-spacing:.18em}.muted,.subtle{color:var(--muted)}h1,h2,p{margin-top:0}.auth-wrap{min-height:calc(100vh - 64px);display:grid;place-items:center}.auth-card{width:min(100%,430px);padding:46px;border-radius:28px}.brand-mark,.mini-mark{display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),#6255e7 54%,var(--cyan));box-shadow:0 12px 30px rgba(118,91,255,.35);font-weight:800}.brand-mark{width:54px;height:54px;border-radius:17px;margin-bottom:34px;font-size:23px}.auth-card h1{font-size:38px;margin-bottom:10px}.auth-card .muted{margin-bottom:30px}.auth-card label{display:block;margin-bottom:9px;color:#d7d9e5;font-size:13px}.input-wrap{padding:1px;border-radius:13px;background:linear-gradient(110deg,rgba(156,124,255,.8),rgba(101,219,225,.2))}.input-wrap input{width:100%;border:0;outline:0;padding:14px 16px;border-radius:12px;background:#15192d}.primary{width:100%;border:0;border-radius:13px;margin-top:16px;padding:14px 17px;background:linear-gradient(100deg,#8f70f5,#6658e7);font-weight:700;box-shadow:0 12px 30px rgba(100,80,220,.3)}.primary span{float:right}.error{min-height:20px;margin:12px 0 0;color:#ff8e9c;font-size:13px}.topbar{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.identity{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.13em}.mini-mark{width:34px;height:34px;border-radius:11px}.ghost,.icon-button{border:1px solid var(--line);background:rgba(255,255,255,.05)}.ghost{padding:9px 15px;border-radius:11px;color:#c8cbdb}.icon-button{display:grid;place-items:center;width:38px;height:38px;border-radius:12px}.welcome{max-width:1160px;margin:13vh auto 48px}.welcome h1{font-size:clamp(42px,6vw,72px);line-height:1.05;margin-bottom:15px;letter-spacing:-.04em}.welcome .muted{font-size:17px}.portal-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.portal{text-align:left;position:relative;overflow:hidden;min-height:330px;padding:32px;border-radius:26px;color:var(--text);transition:transform .25s,border-color .25s}.portal:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.28)}.portal:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(45px);opacity:.18;right:-100px;top:-100px}.notes-portal:after{background:var(--purple)}.codex-portal:after{background:var(--cyan)}.portal-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.09);font-size:25px;margin-bottom:40px}.portal-kicker{display:block;color:#aaa1d4;font-size:10px;font-weight:800;letter-spacing:.18em;margin-bottom:7px}.portal strong{display:block;font-size:31px;margin-bottom:13px}.portal-copy{display:block;max-width:390px;color:var(--muted);font-size:14px;line-height:1.7}.portal-meta{position:absolute;left:32px;right:32px;bottom:28px;padding-top:18px;border-top:1px solid var(--line);color:#b9bdce;font-size:13px}.portal-meta b{color:white}.portal-meta i{float:right;font-style:normal;color:#c5b9ff}.workspace{height:calc(100vh - 64px);max-width:1440px;margin:auto;display:grid;grid-template-columns:280px 1fr;gap:18px}.sidebar,.editor-panel,.codex-head,.chat-panel{border-radius:22px}.sidebar{display:flex;flex-direction:column;padding:20px;min-height:0}.side-head{display:flex;align-items:center;gap:13px;padding-bottom:20px}.side-head h2,.codex-head h2{margin:0;font-size:19px}.new-note{border:1px dashed rgba(185,168,255,.45);border-radius:13px;background:rgba(143,112,245,.09);padding:12px;color:#d4cbff;text-align:left}.new-note span{margin-right:7px}.note-list{overflow:auto;margin:15px -6px;display:flex;flex-direction:column;gap:5px}.note-item{border:0;background:transparent;text-align:left;padding:12px;border-radius:12px;color:#bdc1d3}.note-item.active{background:rgba(255,255,255,.1);color:white}.note-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.note-item span{font-size:10px;color:#858ba3}.side-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:#8e94a9}.live-dot,.agent-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#63dfaa;box-shadow:0 0 10px #63dfaa;margin-right:7px}.editor-panel{min-width:0;display:flex;flex-direction:column;overflow:hidden}.editor-head{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid var(--line)}.title-input{display:block;width:min(50vw,600px);border:0;outline:0;background:transparent;font-size:24px;font-weight:750}.subtle{font-size:11px}.editor-actions{display:flex;align-items:center;gap:13px}.save-state{color:#74dfb0;font-size:12px}.save-state.saving{color:#b9a8ff}.save-state.failed{color:#ff8e9c}.danger{color:#ff99a6}.editor-panel>textarea{flex:1;width:100%;resize:none;border:0;outline:0;background:transparent;padding:38px 48px;font:17px/1.9 ui-monospace,SFMono-Regular,Menlo,"PingFang SC",monospace}.editor-foot{display:flex;justify-content:space-between;padding:13px 25px;border-top:1px solid var(--line);font-size:11px;color:#858ba3}.codex-workspace{height:calc(100vh - 64px);max-width:1200px;margin:auto;display:grid;grid-template-rows:auto 1fr;gap:16px}.codex-head{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:14px;padding:15px 18px}.codex-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#55cdd6,#4e7edb);font-size:21px}.agent-status{font-size:12px;color:#b7bbcd}.chat-panel{min-height:0;display:grid;grid-template-rows:1fr auto;overflow:hidden}.messages{overflow-y:auto;padding:34px max(25px,calc((100% - 820px)/2));scroll-behavior:smooth}.empty-chat{text-align:center;margin:13vh auto 0;color:var(--muted)}.empty-chat>div{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.06);font-size:30px;color:var(--cyan)}.empty-chat h1{color:white;font-size:31px;margin-bottom:10px}.empty-chat p{font-size:14px}.empty-chat span{display:inline-block;margin-top:8px;padding:7px 11px;border-radius:8px;background:rgba(255,255,255,.05);font:10px ui-monospace,monospace}.message{max-width:86%;margin:0 0 22px;line-height:1.7;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:auto;padding:13px 17px;border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,#7662d9,#5548ad)}.message.assistant{padding-left:17px;border-left:2px solid var(--cyan)}.message.activity{max-width:100%;padding:10px 13px;border-radius:10px;background:rgba(0,0,0,.18);color:#9ca2b8;font:11px/1.55 ui-monospace,monospace}.message.error{color:#ff9aa7;border-color:#ff7185}.thinking{display:flex;gap:6px;padding:12px 0}.thinking i{width:7px;height:7px;border-radius:50%;background:#a996ff;animation:pulse 1.2s infinite}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.composer{position:relative;width:min(860px,calc(100% - 40px));margin:0 auto 24px;padding:1px;border-radius:18px;background:linear-gradient(110deg,rgba(156,124,255,.7),rgba(101,219,225,.35))}.composer textarea{display:block;width:100%;min-height:78px;max-height:180px;resize:none;border:0;outline:0;border-radius:17px;background:#171b31;padding:17px 58px 29px 18px;line-height:1.5}.composer>button{position:absolute;right:13px;top:13px;width:36px;height:36px;border:0;border-radius:11px;background:linear-gradient(135deg,#9b7cff,#6153d9);font-size:20px}.composer>button:disabled{opacity:.4}.composer-meta{position:absolute;left:18px;right:58px;bottom:8px;display:flex;justify-content:space-between;color:#70778f;font-size:9px}.toast{position:fixed;z-index:9;right:24px;bottom:24px;max-width:min(420px,calc(100% - 48px));padding:14px 18px;border:1px solid rgba(255,120,140,.35);border-radius:13px;background:rgba(75,26,40,.9);box-shadow:0 15px 45px rgba(0,0,0,.35);font-size:13px}@media(max-width:760px){main{padding:14px}.auth-wrap{min-height:calc(100vh - 28px)}.dashboard{padding:8px}.welcome{margin:11vh 0 35px}.portal-grid{grid-template-columns:1fr}.portal{min-height:290px}.workspace{height:calc(100vh - 28px);display:block}.sidebar{height:auto;max-height:240px;margin-bottom:12px}.side-head{padding-bottom:10px}.note-list{flex-direction:row;overflow-x:auto}.note-item{min-width:140px}.side-foot{display:none}.editor-panel{height:calc(100vh - 290px);min-height:480px}.editor-panel>textarea{padding:25px 20px}.editor-head{padding:18px}.title-input{width:48vw;font-size:19px}.codex-workspace{height:calc(100vh - 28px)}.codex-head{grid-template-columns:auto auto 1fr auto}.codex-head .agent-status{display:none}.messages{padding:24px 18px}.message{max-width:94%}.composer{width:calc(100% - 24px);margin-bottom:12px}}
.hide-activity .message.activity{display:none}.command-menu{position:absolute;max-height:380px;overflow-y:auto;z-index:5;left:0;right:0;bottom:calc(100% + 10px);padding:8px;border:1px solid var(--line);border-radius:15px;background:rgba(19,23,43,.96);box-shadow:0 18px 55px rgba(0,0,0,.42);backdrop-filter:blur(24px)}.command-option{display:grid;grid-template-columns:90px 1fr;width:100%;padding:11px 13px;border:0;border-radius:10px;background:transparent;text-align:left;color:#aeb3c8}.command-option b{color:#d8d0ff;font:700 13px ui-monospace,monospace}.command-option span{font-size:12px}.command-option.active,.command-option:hover{background:rgba(156,124,255,.16);color:white}
.terminal-workspace{height:calc(100vh - 64px);max-width:1600px;margin:auto;display:grid;grid-template-rows:auto 1fr;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","PingFang SC",monospace}.terminal-toolbar{display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 12px;border:1px solid #26322c;border-radius:10px;background:#101512;box-shadow:0 16px 50px rgba(0,0,0,.35)}.terminal-tool{height:38px;padding:0 12px;border:1px solid #33423a;border-radius:7px;background:#18201c;color:#a8b5ad;font:12px ui-monospace,monospace}.terminal-tool:hover{background:#202c26;color:#e2ebe5}.terminal-tool.accent{border-color:#2f6e4e;background:#173e2a;color:#84e1ae}.terminal-tool.wide{min-width:92px}.terminal-brand{display:flex;align-items:center;gap:11px;min-width:0}.terminal-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:#18251d;color:#5de38f;font-weight:800}.terminal-brand b{display:block;color:#d7e0da;font-size:12px;letter-spacing:.08em}.terminal-brand small{display:block;max-width:48vw;overflow:hidden;text-overflow:ellipsis;color:#64736a;font-size:9px;white-space:nowrap}.terminal-connection{margin-left:auto;color:#738278;font-size:10px}.terminal-connection i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#50d889;box-shadow:0 0 9px #50d889}.terminal-stage{min-height:0;display:grid;grid-template-rows:auto 1fr;border:1px solid #26322c;border-radius:10px;overflow:hidden;background:#080b09;box-shadow:0 24px 70px rgba(0,0,0,.45)}.terminal-tabs{display:flex;overflow-x:auto;min-height:40px;padding:5px 6px 0;background:#111713;border-bottom:1px solid #26322c}.terminal-tab{display:flex;align-items:center;gap:8px;min-width:130px;max-width:220px;height:34px;padding:0 9px;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;background:transparent;color:#6f7e74;font:11px ui-monospace,monospace}.terminal-tab.active{border-color:#2b3931;background:#090d0a;color:#cad5ce}.terminal-tab i{width:6px;height:6px;border-radius:50%;background:#4d5b52}.terminal-tab i.running{background:#f0b94b;box-shadow:0 0 8px #f0b94b;animation:terminal-blink 1s infinite}.terminal-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-tab b{margin-left:auto;color:#526158;font-size:15px}.terminal-tab b:hover{color:#f07f7f}@keyframes terminal-blink{50%{opacity:.3}}.terminal-grid{min-height:0;display:grid;grid-template-columns:1fr;padding:8px;gap:8px}.terminal-grid.multi{grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto}.terminal-window{min-width:0;min-height:0;display:grid;grid-template-rows:32px 1fr auto 24px;border:1px solid #28362e;border-radius:7px;overflow:hidden;background:#090d0a}.terminal-grid.multi .terminal-window{min-height:420px}.terminal-window-bar{display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid #1e2a23;background:#111713;color:#66756b;font-size:9px}.terminal-window-bar>b{overflow:hidden;text-overflow:ellipsis;color:#7e8d83;font-weight:500;white-space:nowrap}.window-dots{display:flex;gap:5px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#e36b67}.window-dots i:nth-child(2){background:#dda846}.window-dots i:nth-child(3){background:#53b87b}.window-state{margin-left:auto;color:#627168}.window-state.running{color:#e9b84f}.terminal-output{overflow:auto;padding:15px 17px;color:#bdc8c0;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;scrollbar-color:#2b3931 transparent}.terminal-line{display:grid;grid-template-columns:58px minmax(0,1fr);margin-bottom:10px}.terminal-prefix{color:#55645a;text-align:right;padding-right:12px;user-select:none}.terminal-line.user .terminal-prefix{color:#60df91}.terminal-line.user pre{color:#e8eee9}.terminal-line.assistant .terminal-prefix{color:#6db6ff}.terminal-line.assistant pre{color:#cbd8ff}.terminal-line.activity{opacity:.72}.terminal-line.activity .terminal-prefix{color:#e3b357}.terminal-line.activity pre{color:#a7b3aa}.terminal-line.error .terminal-prefix,.terminal-line.error pre{color:#ef7777}.terminal-line.system .terminal-prefix{color:#4a8e64}.terminal-line.system pre{color:#68796e}.terminal-line.pending{animation:terminal-blink 1.2s infinite}.terminal-line pre{min-width:0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.hide-terminal-activity .terminal-line.activity{display:none}.terminal-input{position:relative;display:grid;grid-template-columns:32px 1fr 38px;align-items:start;margin:0 12px;border:1px solid #2c3a32;border-radius:6px;background:#0e1410}.terminal-input:focus-within{border-color:#3f7254;box-shadow:0 0 0 1px rgba(82,199,125,.15)}.prompt-mark{padding-top:10px;color:#59da89;text-align:right}.terminal-input textarea{width:100%;min-height:38px;max-height:150px;padding:10px;border:0;outline:0;resize:none;background:transparent;color:#e0e8e2;font:12px/1.5 ui-monospace,monospace}.terminal-input textarea::placeholder{color:#46534a}.terminal-input>button{width:30px;height:28px;margin-top:5px;border:0;border-radius:5px;background:#193523;color:#6bdb94;font:14px ui-monospace,monospace}.terminal-window>footer{display:flex;justify-content:space-between;align-items:center;padding:0 13px;color:#445249;font-size:8px}.terminal-command-menu{position:absolute;z-index:8;left:0;right:0;bottom:calc(100% + 7px);max-height:330px;overflow-y:auto;padding:6px;border:1px solid #33433a;border-radius:7px;background:#101713;box-shadow:0 15px 45px rgba(0,0,0,.55)}.terminal-command-menu button{display:grid;grid-template-columns:110px 1fr;width:100%;padding:8px 10px;border:0;border-radius:4px;background:transparent;text-align:left;font:10px ui-monospace,monospace}.terminal-command-menu button.active,.terminal-command-menu button:hover{background:#1a2920}.terminal-command-menu b{color:#61db8e}.terminal-command-menu span{color:#718078}@media(max-width:800px){.terminal-workspace{height:calc(100vh - 28px)}.terminal-toolbar{gap:7px}.terminal-brand small,.terminal-connection{display:none}.terminal-tool.wide{min-width:auto;padding:0 9px;font-size:0}.terminal-tool.wide:first-letter{font-size:15px}.terminal-grid.multi{grid-template-columns:1fr}.terminal-grid.multi .terminal-window{min-height:500px}.terminal-tabs{min-height:43px}.terminal-line{grid-template-columns:45px minmax(0,1fr)}.terminal-output{padding:12px 8px;font-size:11px}.terminal-input{margin:0 7px}}
