@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root{--bg:#07111c;--surface:#0d1b29;--surface-2:#112538;--line:#1d3547;--text:#edf4f7;--muted:#88a0ae;--cyan:#68d6c4;--blue:#7189ff;--gold:#e6b765;--green:#68d6a2;--danger:#f09a8d;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:14px}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none} .app-shell{display:flex;min-height:100vh}.sidebar{width:244px;border-right:1px solid var(--line);background:#091622;padding:28px 16px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 39px}.brand-mark{height:34px;width:34px;display:grid;place-items:center;border:1px solid #6dd7c3;border-radius:9px;color:var(--cyan);font-weight:700;font-size:11px;letter-spacing:.06em}.brand strong,.brand span{display:block}.brand strong{font-size:15px;letter-spacing:.02em}.brand span{color:var(--muted);font-size:11px;margin-top:3px}.nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 13px;color:var(--muted);border-radius:9px;transition:.2s}.nav-item:hover,.nav-item.active{color:var(--text);background:#132839}.nav-item.active{box-shadow:inset 3px 0 var(--cyan)}.nav-icon{width:17px;text-align:center;color:var(--cyan);font-size:15px}.sidebar-bottom{margin-top:auto}.system-status{display:flex;align-items:center;gap:7px;padding:11px 12px;color:#b1c4cc;font-size:11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.system-status small{color:#647b89;margin-left:auto}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #17372f;display:inline-block}.profile{display:flex;align-items:center;gap:9px;width:100%;padding:14px 8px 0;text-align:left}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#344d64;color:#dce8ef;font-size:12px}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:var(--muted);margin-top:3px}.more{margin-left:auto;color:var(--muted);font-weight:700}.main-content{margin-left:244px;width:calc(100% - 244px);min-height:100vh;padding:0 46px 60px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;gap:11px;color:var(--muted);font-size:13px}.breadcrumb b{color:#3f5b6d}.breadcrumb strong{color:var(--text)}.top-actions{display:flex;align-items:center;gap:14px}.icon-button{width:30px;height:30px;display:grid;place-items:center;color:#a6bdc6;font-size:19px;position:relative}.icon-button i{position:absolute;width:5px;height:5px;background:var(--gold);border-radius:50%;top:4px;right:4px}.help-button{font-size:12px;color:var(--muted);padding-left:14px;border-left:1px solid var(--line)}.view{display:none;padding-top:46px}.active-view{display:block}.hero-row{display:flex;justify-content:space-between;min-height:254px;align-items:center}.eyebrow{margin:0 0 11px;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.hero-row h1,.page-intro h1{font-size:42px;line-height:1.15;letter-spacing:-.04em;margin:0 0 15px;font-weight:600}.hero-row h1 em{font-style:normal;color:var(--gold)}.hero-copy,.page-intro p{color:var(--muted);line-height:1.8;margin:0}.hero-art{width:300px;height:235px;position:relative;display:grid;place-items:center;margin-right:6%}.orbit{position:absolute;border:1px solid #244559;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:240px;height:150px}.orbit-two{width:176px;height:224px;transform:rotate(67deg);border-color:#1c5a63}.core-node{height:81px;width:81px;display:grid;place-items:center;align-content:center;border-radius:50%;background:#112d3d;border:1px solid var(--cyan);color:var(--cyan);font-weight:700;box-shadow:0 0 38px #1a6362}.core-node span{font-size:7px;letter-spacing:.18em;color:#8eacba;margin-top:4px}.orbit-node{position:absolute;background:#122738;border:1px solid #33556a;padding:8px 12px;border-radius:6px;font-size:11px;color:#b7d2d9}.node-a{top:15px;left:24px}.node-b{top:93px;right:2px}.node-c{bottom:15px;left:64px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:26px 0 50px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 19px;min-height:117px}.metric-card>span{font-size:11px;color:var(--muted)}.metric-card strong{font-size:27px;display:block;margin:13px 0 7px;letter-spacing:-.03em}.metric-card small{color:#758d9a;font-size:11px}.positive{color:var(--green);font-weight:500}.neutral{color:var(--cyan);font-weight:500}.task-card strong{font-size:21px}.task-card strong i{font-style:normal;color:var(--cyan);font-size:10px;font-weight:500;margin-left:4px}.progress{height:4px;background:#1b3343;border-radius:4px;overflow:hidden}.progress span{display:block;height:100%;background:var(--cyan);border-radius:4px}.task-card .progress{margin:11px 0 8px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading.compact{margin-top:42px}.section-heading h2,.panel-header h2{font-size:19px;margin:0;font-weight:600}.text-button{color:var(--cyan);font-size:12px}.text-button span{margin-left:5px}.project-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px}.project-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.card-cover{height:180px;display:flex;flex-direction:column;justify-content:end;padding:18px;position:relative;overflow:hidden}.card-cover:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 20%,#3d6381 0,#182e40 37%,#0b1825 76%);opacity:.9}.cover-moon:after{content:'☾';position:absolute;right:37px;top:21px;color:#d8bb79;font-size:57px;opacity:.6}.cover-library:before{background:radial-gradient(circle at 30% 15%,#845f75,#241f3d 46%,#0b1725 86%)}.card-cover>*{position:relative;z-index:1}.card-cover span{font-size:9px;letter-spacing:.18em;color:#b5c8d2;margin-bottom:auto}.card-cover strong{font-family:serif;font-size:26px;line-height:1.08}.card-cover small{color:#b1c4cc;font-size:11px;margin-top:8px}.project-info{display:flex;justify-content:space-between;padding:15px 17px 9px}.project-info h3{margin:0 0 4px;font-size:14px}.project-info p{margin:0;color:var(--muted);font-size:11px}.status-pill{display:inline-flex;height:22px;align-items:center;padding:0 8px;border-radius:20px;font-size:10px;white-space:nowrap}.rendering{color:var(--gold);background:#352d1c}.done{color:var(--green);background:#15372f}.neutral-pill{color:#a4bac4;background:#1c2c38}.card-progress{padding:3px 17px 16px}.card-progress>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:8px}.card-progress b{font-weight:500;color:var(--cyan)}.tag-row{display:flex;gap:6px;padding:5px 17px 17px}.tag-row span{padding:5px 8px;background:#182f3e;color:#9cb7c0;border-radius:4px;font-size:10px}.new-card{display:grid;place-items:center;align-content:center;text-align:center;min-height:255px;border-style:dashed;background:transparent}.new-plus{width:41px;height:41px;border:1px solid #597687;color:var(--cyan);display:grid;place-items:center;border-radius:50%;font-size:22px;margin-bottom:11px}.new-card h3{font-size:14px;margin:0 0 7px}.new-card p{color:var(--muted);font-size:11px;margin:0 0 17px}.outline-button,.primary-button{padding:10px 16px;border-radius:7px;font-size:12px;transition:.2s}.outline-button{border:1px solid #3d6270;color:#b1ced0}.outline-button:hover{border-color:var(--cyan);color:var(--cyan)}.primary-button{background:var(--cyan);color:#07221f;font-weight:700}.primary-button:hover{background:#8be5d6}.page-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.page-intro h1{font-size:34px;margin-bottom:10px}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px}.workspace-main,.detail-panel,.book-panel,.skills-panel,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.workspace-main{padding:23px}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-header h2{font-size:17px}.panel-header p{color:var(--muted);font-size:11px;margin:6px 0 0}.pipeline{display:flex;align-items:start;margin:34px 0 38px}.pipeline-step{display:grid;gap:7px;min-width:76px}.pipeline-step>span{width:26px;height:26px;border:1px solid #35566a;color:#718d99;border-radius:50%;display:grid;place-items:center;font-size:10px}.pipeline-step b{font-size:11px}.pipeline-step small{font-size:10px;color:#657e8b}.pipeline-step.complete>span{background:#1d5b50;border-color:#4cb9a2;color:#b9eee1}.pipeline-step.active>span{background:var(--cyan);border-color:var(--cyan);color:#082622}.pipeline-step.active b{color:var(--cyan)}.pipeline-line{height:1px;background:#284354;flex:1;margin:13px 8px 0}.pipeline-line.done{background:#4aa99c}.shots-header{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:23px;margin-bottom:10px}.shots-header h3{font-size:14px;margin:0 0 5px}.shots-header p{font-size:11px;color:var(--muted);margin:0}.view-toggle{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.view-toggle button{padding:5px 8px;color:var(--muted)}.view-toggle .selected{background:#1d3848;color:var(--cyan)}.shot-row{display:grid;grid-template-columns:26px 57px 1fr auto 25px;gap:12px;align-items:center;padding:10px 8px;border-bottom:1px solid #182f3e}.selected-row{background:#142e3c;border:1px solid #2a5665;border-radius:7px}.shot-number{font-size:10px;color:#78929c}.shot-thumb{height:38px;border-radius:4px;background:#284454}.thumb-one{background:linear-gradient(145deg,#6a5f49,#1b2d3b)}.thumb-two{background:linear-gradient(145deg,#765862,#22384a)}.thumb-three{background:linear-gradient(145deg,#233b4d,#080f1a);display:grid;place-items:center}.empty-thumb{display:grid;place-items:center;color:#58717f;border:1px dashed #385463;background:transparent;font-size:11px}.spinner{width:15px;height:15px;border:2px solid #406273;border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.shot-copy strong,.shot-copy span{display:block}.shot-copy strong{font-size:12px}.shot-copy span{font-size:10px;color:var(--muted);margin-top:4px}.shot-state{font-size:10px}.ready{color:var(--green)}.working{color:var(--gold)}.waiting{color:#738d99}.row-action{color:#78939e;font-weight:bold}.detail-panel{overflow:hidden}.detail-image{height:231px;background:radial-gradient(circle at 56% 34%,#3e6373,#152c3e 36%,#08131e 80%);position:relative;padding:14px;color:#9eb6bf;font-size:10px}.detail-light{position:absolute;width:130px;height:130px;border-radius:50%;background:#72c7c0;filter:blur(44px);opacity:.23;left:80px;top:37px}.detail-silhouette{position:absolute;left:128px;top:72px;color:#091721;font-size:88px;opacity:.8}.detail-content{padding:20px}.detail-title{display:flex;justify-content:space-between}.detail-title h3{font-size:17px;margin:0}.detail-content dl{margin:20px 0;border-top:1px solid var(--line)}.detail-content dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:11px}.detail-content dt{color:var(--muted)}.detail-content dd{margin:0;color:#d5e1e3}.detail-actions{display:flex;gap:8px}.detail-actions button{flex:1;padding-left:8px;padding-right:8px}.brain-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}.book-panel,.skills-panel{padding:23px}.book-list,.skill-list{margin-top:20px}.book-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.book-row:last-child{border:0}.book-row>div:nth-child(2){flex:1}.book-row strong,.book-row span{display:block}.book-row strong{font-size:12px}.book-row span{font-size:10px;color:var(--muted);margin-top:5px}.book-cover{display:grid;place-items:center;text-align:center;font-family:serif;font-weight:700;line-height:1.05}.small-cover{width:46px;height:61px;border-radius:4px;font-size:11px}.purple{background:#553d67}.blue{background:#284a64}.green{background:#3f5e51}.mini-progress{height:3px;background:#203543;margin-top:8px;border-radius:5px}.mini-progress span{height:100%;display:block;background:var(--cyan);border-radius:5px}.skill-item{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:14px 0}.skill-icon{color:var(--gold);font-size:17px}.skill-item div{flex:1}.skill-item strong,.skill-item span{display:block}.skill-item strong{font-size:12px}.skill-item span{color:var(--muted);font-size:10px;margin-top:5px}.skill-item button{color:var(--cyan);font-size:11px}.crossover-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center}.flow-card{padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);min-height:220px}.accent-card{border-color:#3c635d;background:#102b2d}.flow-kicker{font-size:10px;color:var(--cyan);letter-spacing:.13em}.flow-card h2{font-size:20px;margin:17px 0 9px}.flow-card p{color:var(--muted);font-size:11px;line-height:1.7;min-height:40px}.flow-arrow{font-size:23px;color:#658290}.selected-skills{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}.selected-skills span{font-size:10px;padding:6px 8px;background:#1b3442;color:#b4c9cc;border-radius:4px}.topic-preview{font-size:12px;line-height:1.7;color:#d5e4e1;padding:10px;background:#153b3b;border-left:2px solid var(--cyan);margin:18px 0}.mini-project{display:flex;align-items:center;gap:10px;margin-top:22px;padding:11px;background:#152d3b;border-radius:7px}.mini-cover{width:30px;height:39px;background:linear-gradient(145deg,#a97845,#39252f);border-radius:3px}.mini-project strong,.mini-project small{display:block}.mini-project strong{font-size:12px}.mini-project small{color:var(--muted);font-size:10px;margin-top:4px}.mini-project>span:last-child{margin-left:auto;color:var(--cyan)}.topic-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.topic-row{display:grid;grid-template-columns:1.4fr 1.5fr 1fr 100px 32px;align-items:center;padding:16px 19px;border-bottom:1px solid var(--line);font-size:11px;color:#a8bec6}.topic-row:last-child{border:0}.topic-row strong{color:var(--text);font-size:12px}.table-head{font-size:10px;color:#688392;background:#0d1a26}.cost-metrics{margin-top:0}.cost-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.panel{padding:23px}.legend{font-size:10px;color:var(--muted)}.legend i{width:7px;height:7px;display:inline-block;border-radius:50%;margin:0 5px 0 12px}.drama-dot{background:var(--cyan)}.brain-dot{background:var(--blue)}.chart{height:220px;display:flex;padding-top:26px}.chart-grid{width:35px;display:flex;flex-direction:column;justify-content:space-between;color:#5e7885;font-size:9px;padding-bottom:9px}.bars{flex:1;display:flex;align-items:end;gap:13px;border-bottom:1px solid #2a4655;border-left:1px solid #203c4b;padding:0 13px 0}.bars i{display:block;flex:1;max-width:24px;background:linear-gradient(to top,var(--cyan),#306b72);border-radius:4px 4px 0 0;opacity:.8}.queue-panel .panel-header{margin-bottom:14px}.queue-item{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.queue-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;font-size:11px}.queue-icon.video{background:#3b3220;color:var(--gold)}.queue-icon.book{background:#2d2d4d;color:#a8a9ff}.queue-icon.done{background:#183930;color:var(--green)}.queue-item div{flex:1}.queue-item strong,.queue-item small{display:block}.queue-item strong{font-size:11px}.queue-item small{color:var(--muted);font-size:10px;margin-top:4px}.queue-percent{font-size:10px;color:var(--cyan)}.done-item .queue-percent{color:var(--green)}.toast{position:fixed;right:28px;bottom:26px;background:#d6f5ec;color:#09251f;padding:11px 15px;border-radius:7px;font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1050px){.sidebar{width:205px}.main-content{margin-left:205px;width:calc(100% - 205px);padding-left:30px;padding-right:30px}.hero-art{margin-right:0}.workspace-layout{grid-template-columns:1fr}.detail-panel{display:grid;grid-template-columns:240px 1fr}.detail-image{height:100%}.crossover-flow{grid-template-columns:1fr;}.flow-arrow{transform:rotate(90deg);justify-self:center}.cost-layout{grid-template-columns:1fr}}
@media (max-width:760px){.sidebar{position:fixed;width:100%;height:65px;bottom:auto;padding:0 12px;z-index:3;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center}.brand{padding:0;flex:1}.brand span,.sidebar-bottom,.nav-item:not(.active) .nav-icon+*{display:none}.nav{display:flex;gap:2px}.nav-item{padding:9px}.nav-item.active{box-shadow:none}.nav-item{font-size:0}.nav-item .nav-icon{font-size:17px}.main-content{margin:0;padding:65px 17px 35px;width:100%}.topbar{height:65px}.hero-row{display:block;padding-top:10px}.hero-row h1{font-size:35px}.hero-art{height:175px;width:100%;margin-top:8px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 38px}.metric-card{padding:14px;min-height:105px}.metric-card strong{font-size:22px}.project-grid,.brain-grid{grid-template-columns:1fr}.project-card.new-card{min-height:190px}.page-intro{display:block}.page-intro .primary-button,.page-intro .outline-button{margin-top:20px}.workspace-main{padding:14px}.pipeline{overflow:auto;padding-bottom:6px}.pipeline-line{min-width:24px}.pipeline-step{min-width:72px}.shot-row{grid-template-columns:22px 48px 1fr auto}.row-action{display:none}.detail-panel{display:block}.detail-image{height:190px}.topic-row{grid-template-columns:1.3fr 1fr 80px}.topic-row span:nth-child(3),.topic-row .row-action{display:none}.cost-metrics{grid-template-columns:1fr 1fr}.help-button{display:none}}