:root{--ink:#233532;--muted:#86918e;--green:#217d69;--mint:#e5f2eb;--border:#e7ebe7;--paper:#f7f8f5;--white:#fff;--rail:#173c35;--shadow:0 12px 48px #203b3020;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button svg,svg{width:20px;height:20px;flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}input,select,textarea{outline:none;border:1px solid var(--border);border-radius:8px;background:#fff;padding:11px 12px;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#70ac98;box-shadow:0 0 0 3px #217d6910}textarea{resize:vertical;line-height:1.65}small,.muted{color:var(--muted);font-size:12px}.primary,.soft{padding:10px 16px;border-radius:7px;font-weight:550;min-height:38px}.primary{background:var(--green);color:white}.primary:hover{background:#19634f}.soft{background:#eff4ef;color:#47625a}.soft:hover{background:#e4eee6}.primary.small{padding:6px 12px;min-height:32px;font-size:12px}.full{width:100%}.text-button{font-size:12px;color:var(--green);padding:5px 2px;white-space:nowrap}.icon-button{width:34px;height:34px;padding:7px;border-radius:7px;color:#74857e}.icon-button:hover{background:#eaf0e9}.icon-button.mint{background:var(--mint);color:var(--green)}h1,h2,h3,h4,p{margin:0}h1{font-size:25px;letter-spacing:-.6px}h2{font-size:22px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.7}.pill{border:1px solid #dce8df;border-radius:5px;padding:3px 7px;display:inline-flex;align-items:center;font-size:10px;color:#769082;background:#f4f8f1;white-space:nowrap}.overline{font-size:10px;color:#7d9b8c;letter-spacing:1.8px;font-weight:650}.logo{display:flex;align-items:center;justify-content:center;width:39px;height:39px;flex-shrink:0;border-radius:12px;font-size:21px;font-weight:650;background:#d1e9a9;color:#234738}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5d9d74;flex-shrink:0}.separator{margin:0 10px;color:#d1d8d2}.model-avatar{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:11px;flex-shrink:0;font-size:19px;font-family:Georgia,serif;font-weight:700;letter-spacing:-1px}.model-avatar.large{width:52px;height:52px;font-size:28px;border-radius:15px}.model-avatar.blue{background:#e4ecf8;color:#4972c8}.model-avatar.clay{background:#f5e6dc;color:#b67551}.model-avatar.purple{background:#eae4f8;color:#8872b4}.model-avatar.green{background:#e0eee4;color:#609377}.model-avatar.amber{background:#f6ebd5;color:#ac8f45}.model-avatar.pink{background:#f4e2e9;color:#b4708d}.user-avatar{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:#d5e5c9;color:#507047;border-radius:11px;flex-shrink:0;font-size:13px;font-weight:600}
/* Desktop: navigation rail, project groups, conversation and production dossier. */
.desktop-shell{height:100dvh;min-height:580px;display:grid;grid-template-columns:70px 244px minmax(0,1fr);overflow:hidden}.rail{background:var(--rail);padding:22px 10px 16px;display:flex;align-items:center;flex-direction:column;gap:33px}.rail-top,.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:22px}.rail-bottom{margin-top:auto;gap:18px}.rail-item{display:flex;flex-direction:column;gap:5px;color:#8fa79a;padding:10px 6px;width:50px;border-radius:9px}.rail-item svg{width:22px;height:22px}.rail-item span{font-size:9px;letter-spacing:1px}.rail-item.active{background:#2d5145;color:#d3e9b6}.rail-item:hover{color:#e4f2d5}.groups-panel{display:flex;flex-direction:column;background:#f1f3ed;border-right:1px solid #e2e8e0;min-width:0}.groups-panel header{padding:25px 18px 22px;display:flex;justify-content:space-between;align-items:center}.groups-panel header strong{display:block;font-size:18px;font-weight:600}.groups-panel header span{display:block;margin-top:5px;font-size:10px;color:#97a297}.search-box{display:flex;align-items:center;gap:8px;margin:0 16px 22px;background:#e7ebe2;border-radius:7px;padding:0 11px;color:#8a998c}.search-box svg{width:15px;height:15px}.search-box input{font-size:11px;border:0;padding:10px 0;background:transparent;width:100%;box-shadow:none}.group-list{overflow:auto;flex:1;padding:0 10px}.group-row{position:relative;display:flex;text-align:left;justify-content:flex-start;align-items:flex-start;width:100%;gap:10px;border-radius:8px;padding:16px 10px;margin-bottom:6px}.group-row.selected{background:#e0e9dc}.group-row:hover{background:#e7ede3}.group-cover{display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:11px;width:42px;height:46px;color:#718b68;background:linear-gradient(150deg,#d7e0c6,#c3d4b3);box-shadow:inset 0 0 0 1px #baccb2}.group-cover svg{width:23px;height:23px}.cover-lilac{background:linear-gradient(150deg,#e3def0,#cbd1df);color:#7b7896;box-shadow:inset 0 0 0 1px #cbd0de}.group-copy{min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:1px}.group-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:142px}.group-preview{font-size:10px;color:#82917f}.group-phase{font-size:9px;color:#829480;display:flex;align-items:center;gap:4px}.group-phase i{width:4px;height:4px;border-radius:50%;background:#769263}.selected-dot{position:absolute;right:10px;top:19px;width:5px;height:5px;border-radius:50%;background:#598564}.groups-bottom{padding:18px 20px;border-top:1px solid #e0e6da;display:flex;gap:7px;align-items:center;font-size:10px;color:#8d9b89}.groups-bottom span:last-child{margin-left:auto}.list-empty{padding:16px;color:var(--muted);font-size:12px}.workspace{min-width:0;display:flex;background:#fff;overflow:hidden}.project-main{flex:1;min-width:0;display:flex;flex-direction:column}.project-header{padding:25px 28px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.title-line{display:flex;align-items:center;gap:12px}.project-header h1{font-size:21px;font-weight:600}.project-header p{display:flex;align-items:center;margin-top:9px;font-size:10px;color:#89978d;flex-wrap:wrap;gap:5px}.project-header .separator{margin:0 4px}.project-tabs{display:flex;padding:0 27px;gap:23px;border-bottom:1px solid var(--border)}.project-tabs button{color:#94a095;padding:12px 0;position:relative;font-size:12px;gap:7px;white-space:nowrap}.project-tabs svg{width:15px;height:15px}.project-tabs button.active{color:#2d7560;font-weight:600}.project-tabs button.active:after{content:'';position:absolute;height:2px;background:var(--green);bottom:-1px;left:0;right:0;border-radius:2px}.count{font-size:9px;padding:1px 5px;background:#edf2ea;border-radius:5px}.preview-strip{margin:14px 27px 0;display:flex;align-items:center;gap:8px;font-size:10px;color:#9caa9a;line-height:1.6}.preview-strip>span{background:#f0f3e8;color:#929878;border-radius:4px;padding:2px 6px;white-space:nowrap}.message-stream{flex:1;overflow-y:auto;padding:21px 28px 26px;scrollbar-width:thin;scrollbar-color:#dce4db transparent}.date-divider{font-size:10px;color:#afb8ac;text-align:center;margin:2px 0 22px}.system-event{text-align:center;font-size:10px;color:#98a392;margin:18px auto;line-height:1.8;max-width:470px}.bubble-row{display:flex;gap:11px;align-items:flex-start;margin:19px 0}.bubble-content{max-width:88%;min-width:0}.bubble-meta{display:flex;align-items:center;gap:7px;padding:0 2px 9px;font-size:11px}.bubble-meta strong{font-weight:550}.bubble-meta time{margin-left:2px;color:#afb8ae;font-size:9px}.role-tag{font-size:8px;padding:2px 5px;border-radius:4px;background:#f0f2ed;color:#9ba493;line-height:1.4}.role-tag.director{background:#eaf2e7;color:#799666}.bubble{background:#f4f6f1;border:1px solid #edf0e9;padding:15px 17px;border-radius:0 10px 10px 10px;line-height:1.9;font-size:12px;color:#4a5b50;overflow-wrap:anywhere}.bubble-row.own{flex-direction:row-reverse}.own .bubble-meta{justify-content:flex-end}.own .bubble{border-color:#d9e8d8;background:#e7f0e3;border-radius:10px 0 10px 10px}.start-card{margin:22px 0 0 46px;max-width:580px;background:linear-gradient(125deg,#f4f6ec,#edf3e7);border:1px solid #e3e8d7;border-radius:10px;padding:21px;position:relative;overflow:hidden}.card-kicker{font-size:9px;color:#9aa37e;letter-spacing:1px}.start-card h3{font-size:17px;font-weight:550;margin:10px 0}.start-card p{font-size:11px;line-height:1.9;color:#8b967e;max-width:380px}.start-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.start-card-foot>span{font-size:9px;color:#a0a78f}.start-card-foot .primary{font-size:11px;padding:8px 11px;min-height:32px}.start-card-foot svg{width:13px;height:13px}.composer{margin:0 23px 22px;border:1px solid #dfe7db;border-radius:11px;background:white;box-shadow:0 3px 15px #3d643108;padding:11px 14px 12px;position:relative}.composer:focus-within{border-color:#8daf97;box-shadow:0 0 0 3px #217d6908}.composer-toolbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.tool-button{font-size:10px;color:#9da698;padding:3px 0;gap:5px}.tool-button svg{width:16px;height:16px}.composer-mode{display:flex;gap:5px;align-items:center;margin-left:auto;font-size:9px;color:#9ba793}.composer-mode select{font-size:10px;border:0;background:#f5f7f1;padding:5px 7px;max-width:120px}.recipient-hint{display:flex;gap:8px;align-items:center;font-size:9px;color:#a0aa99;margin:11px 0 1px;min-height:22px}.recipient-chip{display:inline-flex;gap:4px;align-items:center;background:#f0f6ed;color:#77956c;border-radius:4px;padding:3px 6px;font-size:10px}.recipient-chip svg{height:12px;width:12px}.recipient-chip button{padding:0 0 0 4px;font-size:13px}.input-wrap{position:relative}.composer textarea{resize:none;width:100%;border:0;box-shadow:none;font-size:12px;min-height:68px;padding:8px 1px;background:none}.composer textarea::placeholder{color:#b6beae}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.composer-bottom>span{font-size:9px;color:#b3bcaa}.composer-bottom i{font-style:normal;margin:0 5px}.send-button{font-size:11px;padding:7px 12px;min-height:32px}.send-button svg{height:15px;width:15px}.mention-menu{position:absolute;bottom:100%;left:0;width:270px;background:#fff;border:1px solid #e3e9de;box-shadow:var(--shadow);border-radius:10px;padding:8px;z-index:6;max-height:310px;overflow:auto}.mention-menu[hidden]{display:none}.mention-heading{font-size:10px;color:#9ba68f;padding:7px 9px}.mention-menu button{width:100%;padding:8px;border-radius:7px;justify-content:flex-start;text-align:left}.mention-menu button:hover{background:#f2f6ee}.mention-menu button strong{font-size:12px;display:block;font-weight:550}.mention-menu button small{font-size:10px;display:block;margin-top:4px}.mention-kind{margin-left:auto;font-size:9px;color:#a3ad98}.mention-menu .model-avatar{width:29px;height:29px;font-size:16px}
.project-info{width:263px;flex-shrink:0;background:#fcfdf9;border-left:1px solid #e8ede3;overflow-y:auto;padding:20px 20px 15px;scrollbar-width:thin;scrollbar-color:#dfe6d8 transparent}.info-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.info-heading h2{font-size:13px;letter-spacing:0;font-weight:600}.director-card{background:#f1f5eb;border:1px solid #e6eddb;border-radius:8px;padding:12px 11px}.director-label{display:flex;gap:5px;align-items:center;color:#849972;font-size:9px;letter-spacing:1px;margin-bottom:13px}.director-label svg{width:13px;height:13px}.director-member{display:flex;align-items:center;gap:9px}.director-member strong{font-size:11px;font-weight:600;display:block}.director-member span:not(.model-avatar){display:block;font-size:8px;color:#9fac90;margin-top:4px}.director-member .text-button{margin-left:auto;font-size:9px}.director-member .model-avatar{width:29px;height:29px;font-size:16px}.info-section{border-bottom:1px solid #ebeee5;padding:22px 0}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-label h3{font-size:11px;font-weight:600}.section-label h3 span{margin-left:5px;color:#a7b298;font-size:10px;font-weight:400}.section-label .text-button,.section-label>.muted{font-size:10px}.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 7px}.member-tile{display:flex;flex-direction:column;gap:5px;padding:0;min-width:0}.member-tile>span:not(.model-avatar){font-size:8px;max-width:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-tile small{font-size:7px;color:#a4af99}.member-tile .model-avatar{width:34px;height:34px;font-size:18px}.member-tile:hover .model-avatar{box-shadow:0 0 0 2px #82a480}.member-tile.offline{opacity:.45}.add-member>svg{width:34px;height:34px;padding:8px;border:1px dashed #cbd6be;border-radius:10px;color:#a4b494}.add-member>span{color:#a4af99}.pipeline{display:flex;flex-direction:column;gap:3px}.pipeline-step{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:9px 5px;text-align:left;color:#a6af9c;border-radius:7px}.pipeline-step:not(:last-child):before{content:'';position:absolute;left:16px;top:34px;bottom:-4px;width:1px;background:#e6ecdf}.pipeline-step:hover{background:#f2f6ed}.step-index{width:23px;height:23px;display:flex;justify-content:center;align-items:center;border:1px solid #e3e9db;border-radius:50%;font-size:8px;color:#a7b496;flex-shrink:0;background:#fcfdf9}.step-index svg{height:12px;width:12px}.pipeline-step strong{font-size:10px;font-weight:400;display:block}.pipeline-step small{font-size:8px;display:block;margin-top:5px;color:#8b9f7b}.pipeline-step i{font-size:8px;font-style:normal;background:#e7f0dd;color:#8aa36d;margin-left:auto;padding:3px 5px;border-radius:3px}.pipeline-step.current{color:#4f7856}.pipeline-step.current .step-index{background:#729778;color:#fff;border-color:#729778}.pipeline-step.past .step-index{color:#7fa172;background:#edf4e4}.need-list{padding:0;list-style:none;display:grid;gap:10px;margin:0 0 18px;font-size:10px;color:#9ca88e}.need-list li{display:flex;gap:8px;align-items:center}.need-list li>span{width:5px;height:5px;border:1px solid #b6c4a9;border-radius:50%;flex-shrink:0}.info-section .soft{font-size:10px;min-height:32px;padding:7px}.info-section .soft svg{width:13px;height:13px}.skill-note{display:flex;align-items:center;gap:6px;font-size:8px;color:#acb69f;padding-top:19px}.skill-note svg{width:12px;height:12px}.skill-note span{margin-left:auto}
.content-scroll{flex:1;overflow:auto;padding:27px}.content-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px}.content-heading h2{font-size:19px;margin:7px 0 10px;font-weight:550}.content-heading p{color:#94a18a;font-size:11px}.content-heading button{font-size:11px;white-space:nowrap}.empty-card{text-align:center;border:1px dashed #dfe7d8;border-radius:9px;padding:32px 15px;background:#fdfefb}.empty-card>svg{color:#bac9ae;width:28px;height:28px;margin-bottom:14px}.empty-card h3{font-size:13px;font-weight:500;color:#8c9f7c}.empty-card p{font-size:10px;color:#a3b094;margin-top:10px}.task-card{background:#fff;border:1px solid #dce6d5;border-radius:9px;padding:15px;margin:13px 0;max-width:620px}.task-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;color:#819870}.task-card-top>span:first-child{display:flex;align-items:center;gap:5px}.task-card-top svg{height:13px;width:13px}.task-status{font-size:9px;padding:3px 6px;background:#f2f6e8;border-radius:4px;color:#9aa271}.task-card h4{font-size:13px;margin:11px 0 6px}.task-card p{font-size:11px;color:#9aa78e;white-space:pre-wrap}.task-facts{margin-top:15px;display:flex;gap:20px;color:#9bac8c;font-size:9px}.task-facts b{font-weight:500;color:#779065;padding-left:6px}.task-actions{display:flex;gap:12px;border-top:1px solid #edf1e6;padding-top:12px;margin-top:13px;align-items:center;font-size:10px;color:#9ca98d}.subheading{font-size:13px;margin:30px 0 15px}.source-card{display:flex;align-items:center;gap:14px;padding:21px;border:1px solid #e1e9d8;background:#f6f9f0;border-radius:10px;margin-bottom:22px}.source-card>svg{width:30px;height:30px;color:#92a97d}.source-card h3{font-size:14px;margin-bottom:5px}.source-card p{font-size:10px;color:#9cab8b}.source-card button{margin-left:auto;font-size:11px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.choice-grid>div{border:1px solid #e6ecde;border-radius:9px;padding:18px}.choice-grid span{font-size:10px;color:#abb89a}.choice-grid h3{font-size:12px;margin:10px 0 8px}.choice-grid p{font-size:10px;color:#96a588}.inline-note{font-size:11px;line-height:1.9;border-left:2px solid #bed1a4;padding:11px 14px;background:#f7f9f1;color:#9aaa88;margin:17px 0}.source-excerpt{padding:20px;font:12px/1.8 inherit;white-space:pre-wrap;background:#fbfcf9;border:1px solid #e3eadb;border-radius:9px;max-height:270px;overflow:auto;color:#718764}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.asset-category{padding:24px;border:1px solid #e3eada;border-radius:12px;background:#fcfdf9}.asset-symbol{height:62px;width:62px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#e6eddd;color:#8a9e73;margin-bottom:21px}.symbol-1{background:#e1eae6;color:#86a195}.symbol-2{background:#ece7dd;color:#a4997c}.symbol-3{background:#e7e5ed;color:#a49db0}.asset-symbol svg{height:28px;width:28px}.asset-category h3{font-size:13px;margin-bottom:6px}.asset-category p{font-size:10px;color:#9ea98f}.asset-category>span{font-size:9px;margin-top:17px;display:block;color:#b1bda4}.plan-list{display:flex;flex-direction:column;gap:11px}.plan-item{display:flex;justify-content:flex-start;text-align:left;border:1px solid #e5ebde;border-radius:9px;padding:17px;gap:16px}.plan-number{font:italic 20px Georgia,serif;color:#b1bba6}.plan-item h3{font-size:12px;margin-bottom:6px;font-weight:500}.plan-item p{font-size:10px;color:#9fad91}.plan-item>span:last-child{margin-left:auto;color:#91a980;font-size:10px}.plan-item>span:last-child svg{height:15px;width:15px}.plan-item.chosen{border-color:#91b58b;background:#f4f9ed}.segment-preview{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e5eade;border-radius:7px;overflow:hidden;font-size:10px;color:#9daa8d;margin:20px 0}.segment-preview>div{background:#f7f9f2;padding:11px;text-align:center}.segment-preview p{grid-column:1/-1;padding:30px;text-align:center;font-size:10px}.artifact-row{display:flex;gap:12px;align-items:center;border:1px solid #e4eadb;border-radius:8px;padding:14px;margin-bottom:10px}.artifact-row>svg{color:#90a879}.artifact-row div{flex:1;min-width:0}.artifact-row strong{font-size:11px;display:block}.artifact-row span{font-size:9px;color:#a0ae8f;display:block;margin-top:5px}
.full-page{width:100%;overflow:auto;padding:40px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:35px}.page-heading h1{font-size:24px;margin:12px 0}.page-heading p{font-size:12px;color:#99a68f;max-width:560px}.page-heading .primary{font-size:12px;white-space:nowrap}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:17px}.catalog-card{border:1px solid #e4eadb;background:#fbfcf8;padding:23px;border-radius:12px;position:relative}.catalog-card>.pill{position:absolute;top:24px;right:20px;font-size:9px}.catalog-card h2{font-size:17px;margin:20px 0 6px}.catalog-card p{font-size:11px;color:#95a488}.catalog-card>small{display:block;font-size:9px;margin:12px 0 22px;color:#a4b195}.catalog-card button{font-size:11px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.admin-stats>div{border:1px solid #e3eada;border-radius:10px;padding:23px;background:#f7faf1}.admin-stats span{font-size:11px;color:#99a78c}.admin-stats strong{display:block;font-size:28px;font-weight:500;margin-top:12px}.admin-table{border:1px solid #e2e9d8;border-radius:10px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:1.4fr 1fr .6fr .6fr;gap:15px;align-items:center;padding:17px 20px}.table-head{background:#f5f8ef;font-size:10px;color:#a0ab92}.table-row{border-top:1px solid #ebefe3;font-size:12px}.table-model{display:flex;gap:12px;align-items:center}.table-row small{display:block;font-size:9px;margin-top:6px;color:#a4b095}.table-model strong{font-size:12px;font-weight:500}.table-row .mono{font:11px ui-monospace,monospace;overflow-wrap:anywhere}.status-tag{font-size:9px;width:max-content;padding:4px 7px;background:#f1f1e9;color:#b0af99;border-radius:4px}.status-tag.on{background:#eaf3e1;color:#8ba476}.table-actions{display:flex;gap:10px}.table-actions button{font-size:10px}.admin-note{display:flex;align-items:flex-start;gap:15px;padding:24px;background:#f5f8ee;border-radius:10px;margin-top:23px;color:#95a780}.admin-note strong{font-size:12px}.admin-note p{font-size:11px;margin-top:7px;max-width:630px}.empty-page{margin:auto;text-align:center;padding:45px}.empty-page>svg{width:45px;height:45px;color:#a5b698;margin-bottom:24px}.empty-page h2{font-size:22px}.empty-page p{font-size:12px;color:#a1ae93;margin:15px 0 27px}
/* Login and dialogs */
.login-scene{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:#173c35;color:#f0f4df;padding:44px 9%;display:flex;flex-direction:column;justify-content:space-between;gap:70px;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;height:420px;width:420px;border:1px solid #dae2b914;border-radius:50%;right:-140px;bottom:110px;box-shadow:0 0 0 60px #dae2b907,0 0 0 120px #dae2b905;pointer-events:none}.wordmark{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}.wordmark small{font-size:10px;font-weight:400;color:#96af9c;border-left:1px solid #46675b;padding-left:12px}.login-story .overline{color:#a4b98e}.login-story h1{font-size:clamp(35px,3.9vw,58px);line-height:1.35;font-weight:500;margin:25px 0}.login-story p{color:#98b09d;font-size:14px;line-height:2.1}.crew-art{display:flex;align-items:center;gap:13px;margin-top:38px}.crew-art>span:last-child{font-size:11px;color:#b5c29c;margin-left:8px}.crew-art .model-avatar{border:3px solid #315446}.login-footer{font-size:10px;color:#8da387;display:flex;justify-content:space-between;gap:20px}.login-panel{padding:45px;display:flex;align-items:center;justify-content:center;background:#fafbf7}.login-panel form{width:360px;max-width:100%}.login-panel h2{margin:18px 0 12px;font-size:28px}.login-panel p{font-size:12px;color:#8c9c85;margin-bottom:24px}.segmented{display:flex;padding:4px;background:#edf1e7;border-radius:8px;margin:23px 0}.segmented button{flex:1;padding:9px;font-size:12px;color:#929f84;border-radius:5px}.segmented .selected{background:white;color:#3c7055;box-shadow:0 2px 6px #354a2410}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;min-width:0}.field>span{font-size:11px;color:#8a9b80}.field input,.field select,.field textarea{width:100%;font-size:12px}.auth-demo{display:grid;gap:8px;padding:23px 0;margin-top:8px}.auth-demo>span{font-size:10px;color:#a6b199;margin-bottom:5px}.auth-demo button{justify-content:space-between;background:#eff4e9;color:#7c9470;border-radius:7px;padding:11px;font-size:11px}.auth-demo button svg{width:14px;height:14px}.login-panel .muted{font-size:10px;line-height:1.8}.form-error{font-size:12px;color:#b9745d;margin:10px 0}.modal{width:560px;max-width:calc(100vw - 32px);max-height:90dvh;overflow:auto;border:1px solid #dce5d2;border-radius:15px;padding:27px;background:#fdfefa;box-shadow:0 24px 100px #0c231d40;color:var(--ink)}.modal.wide{width:740px}.modal::backdrop{background:#122e2560;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.modal-heading h2{font-size:21px;margin-top:8px}.modal-intro{font-size:12px;color:#8ea17e;margin:0 0 22px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #e4ebd9;padding-top:18px;margin-top:24px}.modal-footer .muted{margin-right:auto;font-size:11px}.modal-footer button{font-size:12px}.label-row{display:flex;justify-content:space-between;align-items:center;margin:21px 0 12px}.label-row strong{font-size:12px;font-weight:500}.label-row span{font-size:10px;color:#a5b294}.crew-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:22px}.crew-option{display:flex;align-items:center;gap:11px;border:1px solid #e4ecda;padding:11px;border-radius:8px;background:#fff;cursor:pointer}.crew-option:has(input:checked){border-color:#8eb389;background:#f4f8ed}.crew-option input{accent-color:var(--green)}.crew-option strong{display:block;font-size:12px;font-weight:500}.crew-option small{display:block;font-size:9px;margin-top:5px;color:#a0b18b}.helper{font-size:10px;line-height:1.8}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.all-styles{margin-bottom:20px;padding:12px;background:#f4f7ee;border-radius:8px;font-size:11px;color:#98a98a}.all-styles summary{cursor:pointer}.all-styles>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:10px;padding-top:17px}.project-facts{display:grid;gap:14px}.project-facts>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid #e9efdf;padding:8px 0 16px}.project-facts span{color:#9dae8b}.project-facts strong{font-weight:500}.stage-requirements{padding:0;list-style:none;display:grid;gap:17px;font-size:12px}.stage-requirements li{display:flex;align-items:center;gap:10px}.stage-requirements svg{height:16px;width:16px;color:#98b485}.document-preview{font:12px/1.9 ui-monospace,"Microsoft YaHei",monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8ee;padding:20px;border-radius:8px;max-height:56vh;overflow:auto;color:#71865f}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#82956e;margin:15px 0}.checkbox-line input{accent-color:var(--green)}#notifications{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#214c3d;color:#f2f6e9;padding:13px 21px;border-radius:8px;font-size:12px;z-index:30;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.15s;max-width:90vw}#notifications.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.message-stream{padding-left:45px;padding-right:45px}.composer{margin-left:40px;margin-right:40px}.project-info{width:292px;padding-left:24px;padding-right:24px}.desktop-shell{grid-template-columns:76px 280px minmax(0,1fr)}.project-header{padding:30px 43px 22px}.project-tabs{padding:0 43px}.preview-strip{margin-left:43px}.group-title{max-width:170px}.bubble{font-size:13px}}
@media(max-width:1220px){.desktop-shell{grid-template-columns:64px 216px minmax(0,1fr)}.project-info{width:226px;padding:17px 14px}.project-header{padding:22px 20px 17px}.project-tabs{padding:0 20px;gap:18px}.message-stream{padding:20px}.composer{margin:0 17px 17px;padding:10px 12px}.start-card{margin-left:0}.start-card-foot>span{display:none}.group-title{max-width:119px}.groups-panel header{padding-left:16px}.preview-strip{margin-left:20px;margin-right:20px}.composer-toolbar{gap:10px}.recipient-hint{font-size:8px}.composer-mode label{display:none}.full-page{padding:27px}.table-head,.table-row{padding:14px;gap:10px}.member-grid{gap:12px 4px}.project-header p{font-size:9px}}
@media(max-width:1040px){.project-info{display:none}.info-open .project-info{display:block;position:absolute;right:0;top:0;bottom:0;width:263px;z-index:9;box-shadow:-8px 0 30px #25482418}.info-open .project-header>.icon-button{position:fixed;right:266px;top:23px;z-index:10;background:#e8efdf}.choice-grid{gap:8px}.start-card{margin-left:46px}.table-head,.table-row{grid-template-columns:1.3fr 1fr .6fr .7fr}}
@media(max-width:740px){.desktop-shell{grid-template-columns:54px minmax(0,1fr)}.groups-panel{display:none}.rail{padding:16px 3px}.rail .logo{width:34px;height:34px}.rail-item{width:43px}.project-header h1{font-size:18px}.project-header .pill{font-size:8px}.project-header p{font-size:8px}.project-tabs{gap:18px}.project-tabs button{font-size:11px}.project-tabs svg{display:none}.start-card{margin-left:0}.start-card h3{font-size:15px}.start-card-foot{justify-content:flex-end}.message-stream{padding:14px}.bubble{font-size:11px;padding:12px}.bubble-content{max-width:87%}.composer{margin:0 12px 12px}.preview-strip{font-size:8px;margin-left:14px}.composer-bottom>span{font-size:8px}.catalog-grid{grid-template-columns:1fr}.full-page{padding:22px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:21px}.admin-stats>div{padding:12px}.table-head,.table-row{grid-template-columns:1fr .55fr}.table-head>span:nth-child(2),.table-head>span:nth-child(3),.table-row>.mono,.table-row>.status-tag{display:none}.asset-category{padding:15px}.asset-grid{gap:9px}.asset-category h3{font-size:12px}.choice-grid{grid-template-columns:1fr}.choice-grid>div{padding:14px}.choice-grid span{float:right}.source-card{padding:13px}.source-card>svg{display:none}.source-card button{padding:8px}.form-grid,.crew-picker{grid-template-columns:1fr}.login-scene{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100dvh;padding:30px}.modal{padding:21px}.modal-heading h2{font-size:18px}.all-styles>div{grid-template-columns:1fr}.title-line{gap:8px}.content-scroll{padding:20px}.content-heading{flex-direction:column;align-items:flex-start}.task-facts{gap:10px}.plan-item{gap:12px;padding:14px}}
/* Readable body text and metadata at normal desktop scale. */
:root{--muted:#718076}
.group-preview,.group-phase{color:#73836b}.group-preview{font-size:11px}.group-phase{font-size:10px}.groups-panel header span,.groups-bottom{color:#7f8e77}.project-header p{font-size:11px;color:#75856b}.project-tabs button{font-size:13px;color:#7d8e71}.preview-strip{font-size:11px;color:#818e75}.preview-strip>span{color:#7b845e}.bubble{font-size:13px;color:#42533c}.bubble-meta{font-size:12px}.bubble-meta time{font-size:10px;color:#8d9a83}.role-tag{font-size:10px;color:#7c8f6b}.role-tag.director{color:#6d8858}.system-event,.date-divider{font-size:11px;color:#8b9a7d}.start-card p{font-size:12px;color:#778766}.start-card-foot>span{font-size:10px;color:#81916e}.composer textarea{font-size:13px}.composer textarea::placeholder{color:#98a789}.tool-button{font-size:11px;color:#7e8e6d}.composer-mode select{font-size:11px}.recipient-hint{font-size:10px;color:#8b9d79}.composer-bottom>span{font-size:10px;color:#91a07f}.composer .primary{font-size:12px}.info-heading h2{font-size:14px}.section-label h3,.pipeline-step strong{font-size:12px}.director-member strong{font-size:12px}.director-member span:not(.model-avatar){font-size:10px;color:#7f936b}.member-tile>span:not(.model-avatar){font-size:10px}.member-tile small{font-size:9px;color:#8d9e7a}.pipeline-step{color:#8a9b79}.pipeline-step small{font-size:10px}.pipeline-step i{font-size:9px}.pipeline-step.current{color:#47704a}.need-list{font-size:11px;color:#859873}.skill-note{font-size:10px;color:#91a37c}.content-heading p,.inline-note{font-size:12px;color:#7d9168}.task-card p{font-size:12px;color:#7b8e69}.task-facts{font-size:10px}.empty-card p{font-size:11px;color:#879975}.plan-item h3{font-size:13px}.plan-item p{font-size:11px;color:#80946c}.asset-category p{font-size:11px;color:#859674}.field>span{font-size:12px;color:#768966}.helper{font-size:11px;color:#82956f}.form-grid .field select{min-width:0}.full-page small,.catalog-card p,.page-heading p{color:#82966b}.source-card p,.choice-grid p{font-size:11px;color:#82916e}
@media(min-width:741px) and (max-height:800px){.composer{padding:8px 12px 10px;margin-bottom:14px}.composer textarea{height:50px;min-height:50px;padding:6px 1px}.recipient-hint{margin:6px 0 1px;min-height:19px}.composer-toolbar{min-height:19px}.composer-bottom .primary{min-height:30px}.task-card{padding:12px;margin:10px 0}.task-card h4{margin:8px 0 5px}.task-facts{margin-top:10px}.task-actions{margin-top:10px;padding-top:10px}.bubble{padding:12px 15px}.message-stream{padding-bottom:12px}.info-section{padding-top:17px;padding-bottom:17px}.pipeline-step{padding-top:7px;padding-bottom:7px}}
.recharge-login{margin-top:18px}.wallet-balance{padding:22px;background:#edf5ee;border-radius:12px;display:flex;flex-direction:column;gap:9px;margin-bottom:22px}.wallet-balance strong{font-size:32px}.wallet-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--border)}.wallet-row small{display:block;margin-top:5px}.payment-instructions{white-space:pre-wrap;overflow-wrap:anywhere}.payment-qr{display:block;width:220px;max-height:280px;object-fit:contain;margin:20px auto}
