.app-icon.dm{background:linear-gradient(130deg,#75c4a7,#40a48c);color:white}
/* STARLIFE 0.2 — additional surfaces, tuned for desktop mock phone and mobile full screen */
.app-icon.topics{background:linear-gradient(140deg,#ffa369,#f06177);color:#fff}
.app-icon.cp{background:linear-gradient(135deg,#ecb0c8,#a583eb);color:#fff}
.app-icon.public{background:#222639;color:#fff}
.app-icon.accounts{background:linear-gradient(135deg,#8c99e6,#5e66a2);color:#fff}
.app-icon.public .glyph{font-weight:900;font-size:26px}
.app-icon.cp .glyph{font-size:17px;font-weight:900}
.app-icon.topics .glyph{font-size:23px;font-weight:900}
.app-icon.accounts .glyph{font-size:25px;font-weight:700}
.topic-banner,.cp-banner,.public-banner,.accounts-hero{border-radius:20px;padding:24px 20px;margin-bottom:16px;position:relative;overflow:hidden}
.topic-banner{background:linear-gradient(125deg,#ffe1d8,#fff1eb 65%,#fff8f4);color:#723f42}
.topic-banner small,.cp-banner small,.public-banner small,.accounts-hero small{font-size:9px;font-weight:800;letter-spacing:1.8px;opacity:.67}
.topic-banner h2,.cp-banner h2,.public-banner h2,.accounts-hero h2{font-size:20px;font-weight:850;line-height:1.5;letter-spacing:-.65px;margin:12px 0 3px}
.subtopic-screen,.cp-screen,.public-screen,.accounts-screen{padding:16px;background:#fafbfe}
.subtopic-screen .section-heading,.cp-screen .section-heading,.public-screen .section-heading,.accounts-screen .section-heading{padding:8px 1px 14px;margin:0}
.topic-list-row{display:flex;width:100%;padding:13px 10px;gap:10px;align-items:center;text-align:left;background:#fff;border:1px solid #f0f0f5;border-radius:14px;margin-bottom:8px;color:#282b37;min-height:68px}
.topic-tile{display:grid;place-items:center;color:#fff;width:43px;height:43px;border-radius:14px;flex-shrink:0;font-size:21px;font-weight:800;background:linear-gradient(135deg,#ff937a,#f5c0a8)}
.topic-tile.t1{background:linear-gradient(135deg,#efacd1,#9f8fdf)}.topic-tile.t2{background:linear-gradient(135deg,#91b6df,#b1dad2)}.topic-tile.t3{background:linear-gradient(135deg,#e9bd93,#d49bd0)}.topic-tile.t4{background:linear-gradient(135deg,#9a9ad5,#8fc1d4)}
.topic-desc{display:flex;flex-direction:column;flex:1;min-width:0;gap:5px}.topic-desc b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-desc small{font-size:10px;color:#a8a9b5}.topic-status{font-size:8px;color:#9c8fc0;border:1px solid #ebe5fc;border-radius:11px;padding:4px 6px;white-space:nowrap;background:#faf8ff}.topic-explainer{color:#9195a3;font-size:10px;line-height:1.9;background:#f4f2fb;padding:13px 15px;border-radius:13px;margin:15px 0 28px}
.ghost-pill{font-size:10px;display:inline-flex;align-items:center;gap:3px;color:#847abc;padding:6px 8px;border-radius:30px;background:#f2efff;white-space:nowrap}
.topic-thread{background:#f9fafc}.topic-header-banner{background:linear-gradient(120deg,#fff1ee,#fcebed);padding:23px 17px 21px}.topic-header-banner small{color:#b38482;font-size:10px}.topic-header-banner h2{font-size:24px;letter-spacing:-.4px;margin:12px 0}.ghost-label,.official-label{font-size:10px;border-radius:30px;padding:7px 10px;display:inline-block;background:#fff7fe;color:#8c83c2}.official-label{background:#fff5e3;color:#c58e42}
.topic-toolbar{display:flex;align-items:center;justify-content:space-between;margin:14px 15px;color:#2e3039}.topic-toolbar b{font-size:12px}.topic-toolbar span{font-size:10px;color:#9ea0aa}.topic-post{margin:8px 13px;padding:16px;background:#fff;border:1px solid #eef0f3;border-radius:14px}.topic-post-author{display:flex;align-items:center;gap:8px}.topic-post-author>span:last-child{display:flex;flex-direction:column;gap:3px}.topic-post-author b{font-size:11px}.topic-post-author small{font-size:9px;color:#a8aab1}.topic-post p{font-size:12px;color:#30323f;line-height:1.85;white-space:pre-wrap;margin:13px 0}.topic-post-foot{color:#b0b1b9;font-size:10px}
.topic-thread>.rounded-primary,.topic-thread>.topic-explainer{margin:16px 13px;width:calc(100% - 26px)}
.micro-avatar{height:27px;width:27px;flex-shrink:0;background:linear-gradient(135deg,#fff0da,#e5d9ff);border-radius:9px;color:#8b73ae;display:grid;place-items:center;font-size:11px;font-weight:800}
.cp-banner{background:linear-gradient(120deg,#f9d7e4,#f3eafb 70%,#f8f8ff);color:#5e415f;padding:27px 19px}.cp-banner h2{font-size:18px}.cp-spark{position:absolute;right:13px;top:0;font-size:100px;line-height:1;color:#fff8;pointer-events:none}
.cp-form{border:1px solid #f0eaf5;border-radius:17px;background:#fff;padding:16px;margin-bottom:12px}.cp-form label{display:block;font-size:11px;font-weight:800;margin:7px 0}.cp-form input{display:block;width:100%;padding:12px;border:1px solid #e7e5ee;border-radius:10px;margin-bottom:13px;font-size:11px;background:#fcfcff;outline:none}.cp-form input:focus{border-color:#a88add}.cp-form-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.cp-form-buttons button{background:#fff8fd;border:1px solid #f2d9e8;color:#bb78a0;padding:11px 4px;border-radius:10px;font-size:11px;font-weight:800}.cp-form-buttons button.primary{background:#423854;border-color:#423854;color:#fff}
.cp-card{margin:8px 0 13px;border:1px solid #f1eaf2;border-radius:17px;overflow:hidden;background:white}.cp-card-cover{height:88px;background:linear-gradient(110deg,#e1b7e2,#c7cff7,#f5d0dc);display:flex;align-items:center;justify-content:center;position:relative;color:#fff;font-size:55px}.cp-card-cover small{position:absolute;bottom:11px;left:17px;color:#fff;font-size:8px;letter-spacing:1.7px}.cp-card-body{padding:16px}.cp-card-body h3{font-size:20px;margin:5px 0}.cp-card-body p{font-size:11px;color:#84879a;margin:3px 0 15px}.cp-card-body>small{font-size:9px;color:#a4a5ae}.cp-heat{height:6px;background:#f7f3fa;border-radius:8px;overflow:hidden;margin-bottom:5px}.cp-heat span{display:block;height:100%;background:linear-gradient(90deg,#f3b5cf,#aa90da);border-radius:8px}.cp-actions{display:flex;gap:9px;margin-top:14px}.cp-actions button{flex:1;border-radius:9px;padding:10px 5px;font-size:11px;font-weight:750;color:#765c92;border:1px solid #e5d8f1;background:#faf8ff}.cp-actions button:last-child{background:#494057;border-color:#494057;color:white}.cp-hint{font-size:10px;color:#a5a4b0;line-height:1.9;padding:12px 0 24px}
.fan-switch{display:flex;gap:8px;padding:13px 12px;overflow-x:auto;border-bottom:1px solid #eef0f5;flex-shrink:0;background:#fff;scrollbar-width:none}.fan-switch::-webkit-scrollbar{display:none}.fan-switch-btn{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:7px 9px;background:#f7f8fc;border:1px solid #eff1f5;border-radius:22px;color:#888c9d;font-size:10px}.fan-switch-btn.active{border-color:#aaa0de;background:#f5f0ff;color:#7468aa}.dm-head{text-align:center;background:#f7f8fc;padding:14px;border-bottom:1px solid #f1f2f6;display:flex;flex-direction:column;gap:5px}.dm-head b{font-size:13px}.dm-head span{font-size:10px;color:#8f8da4}.dm-head small{font-size:9px;color:#b5b0bd}.dm-history{background:#f2f4f8;padding:15px 12px;flex:1}.dm-history .chat-line{margin:12px 0}.dm-history .chat-bubble{max-width:240px}
.public-banner{background:linear-gradient(110deg,#252839,#484258);color:#fff;padding:27px 20px 24px}.public-banner h2{font-size:20px}.public-banner p{font-size:10px;line-height:1.9;color:#c1bccb;margin:10px 0 0}.public-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.public-metrics div{text-align:center;border-radius:13px;background:#fff;border:1px solid #eeeef4;padding:15px 5px}.public-metrics b{display:block;font-size:23px;letter-spacing:-1px}.public-metrics small{display:block;font-size:9px;color:#a4a6b1;margin-top:4px}.crisis-card{background:#fff;border:1px solid #f0e4e7;padding:16px;border-radius:15px;margin-bottom:13px}.crisis-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#cb7384;font-weight:750}.crisis-title strong{font-size:9px;padding:5px 7px;border-radius:6px;background:#fff2ed;color:#dc8a66}.crisis-card h3{font-size:16px;margin:15px 0 10px}.crisis-card p{font-size:11px;color:#81838f;line-height:1.8}.crisis-meter{height:7px;background:#f9eef0;border-radius:10px;overflow:hidden;margin:13px 0 8px}.crisis-meter span{height:100%;display:block;background:linear-gradient(90deg,#ecb6a9,#f38399);border-radius:10px}.crisis-stat{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#b3a4a8}.crisis-comment{font-size:11px;line-height:1.8;padding:11px 13px;margin:15px 0;background:#faf6f7;border-radius:9px;color:#715c65}.crisis-response{padding:10px;border:1px dashed #e4dff2;border-radius:8px;color:#7f7b92;font-size:11px;line-height:1.8;margin-bottom:10px}.crisis-actions{display:flex;gap:8px}.crisis-actions button{font-size:10px;padding:10px;flex:1}.no-crisis{border-radius:16px;border:1px dashed #e1e4ec;background:white;text-align:center;padding:26px 19px;color:#9b9cab}.no-crisis>div{font-size:32px;color:#aea6dd}.no-crisis b{font-size:12px;color:#454759}.no-crisis p{font-size:10px;line-height:2}.opinion-timeline{display:flex;gap:10px;border-left:1px solid #e6e8ef;margin-left:6px;padding:0 0 17px 13px;color:#8f88b6}.opinion-timeline span{margin-left:-18px;background:#fafbfe;font-size:11px}.opinion-timeline p{font-size:10px;color:#8f91a0;line-height:1.8;margin:0}.sandbox-link{border:0;background:transparent;font-size:10px;color:#aaa3b2;padding:12px 0;text-decoration:underline;text-align:left;line-height:1.7}.public-disclaimer{font-size:9px;color:#b2b2c0;line-height:1.8;padding:4px 0 21px}.x-rumor{background:#fff9fa;border-bottom:6px solid #f3f3f5}.rumor-foot{font-size:10px;color:#b58b9b;margin-bottom:12px}.x-rumor>.rounded-primary{font-size:10px;padding:10px 14px}
.accounts-hero{background:linear-gradient(135deg,#e2e4fa,#eff0ff);color:#3f4869;padding:28px 20px}.accounts-hero p{font-size:10px;color:#8084a3;line-height:1.9}.account-card{display:flex;gap:10px;padding:13px 10px;background:#fff;border:1px solid #ededf5;border-radius:13px;align-items:center;margin-bottom:8px}.account-card.active{border-color:#aea7e6;background:#fcfbff}.account-avatar{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(120deg,#7c83bd,#d4a9e2);font-weight:800;font-size:17px;flex-shrink:0}.account-card>div{flex:1;min-width:0}.account-card b{font-size:12px}.account-card b small{font-size:8px;background:#f5eeff;color:#8a75b4;padding:2px 5px;border-radius:5px}.account-card p{font-size:10px;color:#a5a5b4;margin:5px 0}.account-card>button{font-size:10px;padding:8px 11px;border:1px solid #e6e2f3;color:#8574b5;background:#fff;border-radius:9px}.new-account{display:block;width:100%;border:1px dashed #c7bee2;border-radius:13px;background:#faf8ff;padding:18px;color:#8175ab;font-size:12px;font-weight:800;margin:12px 0}.mini-account{display:flex;gap:7px;align-items:center;width:100%;padding:9px;background:#fff;border:1px solid #eeeef4;border-radius:9px;text-align:left;margin:6px 0;font-size:11px;color:#474759}.mini-account.active{background:#faf7ff;border-color:#c9bfe9}.mini-account span:nth-child(2){flex:1;font-weight:750}.mini-account small{color:#a19eb0;font-size:9px}.career-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.career-links button{padding:12px 7px;border-radius:9px;border:1px solid #e9e4f4;background:#f9f7ff;font-size:10px;color:#8177aa;font-weight:750}
@media(max-width:760px){.topic-list-row{min-height:76px}.fan-switch{padding-bottom:10px}.app-icon.topics .glyph{font-size:22px}.topic-status{font-size:9px}.public-banner h2{font-size:22px}}
@media(max-width:359px){.topic-status{display:none}.cp-form-buttons{grid-template-columns:1fr}}

.spread-card{display:flex;flex-direction:column;gap:7px;background:linear-gradient(135deg,#fff6f5,#fffafb);border:1px solid #f9e1e3;color:#373040;border-radius:13px;margin:10px 13px 15px;padding:14px;text-align:left;width:calc(100% - 26px)}
.spread-card .spread-tag{color:#e27c7e;font-size:9px;font-weight:850}.spread-card strong{font-size:12px;line-height:1.5}.spread-card small{color:#b19da5;font-size:10px;line-height:1.5}.spread-card .spread-cta{font-size:10px;color:#d37e90;display:flex;align-items:center;gap:5px;font-weight:800;margin-top:3px}
.video-rumor{position:absolute;top:48px;left:10px;right:10px;z-index:12;border:1px solid #ffffff45;background:#19151ca8;color:#ffcad0;font-size:10px;border-radius:11px;padding:10px;text-align:center;backdrop-filter:blur(6px)}
.cp-suggestion{border-radius:14px;border:1px solid #eadceb;background:#fff8ff;display:flex;flex-wrap:wrap;gap:8px;padding:14px;margin:0 0 13px;align-items:center}.cp-suggestion small{flex-basis:100%;font-size:9px;color:#c48ba8}.cp-suggestion b{flex-basis:100%;font-size:13px}.cp-suggestion span{flex-basis:100%;font-size:10px;color:#a8a1ad}.cp-suggestion button{background:#f5eaf7;border:1px solid #e9d3ee;border-radius:8px;color:#95679f;font-weight:800;font-size:10px;padding:9px}.cp-suggestion button:first-of-type{background:#6d4e83;color:white;border-color:#6d4e83}

.roster-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.roster-tools button,.roster-tools label{display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;cursor:pointer;font-size:10px;padding:12px 4px;border:1px solid #e5e3f0;background:white;color:#8079a6;border-radius:10px;line-height:1.5}