/* ChatClash 2.46 — a quiet frame around expressive chat content.
   Shared across app, information, support and legal pages. */
:root{--bg:#0e1017;--panel:#171a25;--panel2:#1d2130;--text:#f5f6fa;--muted:#b4b9cb;--line:#303546;--purple:#9674ef;--pink:#d48cb9;--cyan:#93cedd;--calm-accent:#b89aff;--calm-radius:16px}
html{background:var(--bg);font-size:16px;scroll-padding-top:90px}
body{background:var(--bg)!important;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}
p,li{font-size:1rem;line-height:1.7}small{font-size:.875rem;line-height:1.5}
h1,h2,h3,h4{line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}
h1{font-size:clamp(2.3rem,5vw,4rem)!important;font-weight:700!important}
h2{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:700}
h3{font-size:1.4rem;font-weight:650}
:focus-visible{outline:3px solid #c9b3ff!important;outline-offset:4px}
[hidden]{display:none!important}
.cc-app .aurora,.cc-app .grain,.cc-app .sparkle,.cc-app .dash-party-glow,.cc-app .personality-orbit{display:none}
.cc-app .topbar{height:calc(68px + var(--safe-top));padding-right:max(20px,calc((100vw - 1120px)/2));padding-left:max(20px,calc((100vw - 1120px)/2));background:#0e1017f2;box-shadow:none;backdrop-filter:blur(14px)}
.cc-app .brand{font-size:1rem;letter-spacing:.02em}.cc-app .brand-logo{width:34px;height:34px;filter:none}
.cc-app .top-actions{gap:10px}
.cc-app :is(.primary-btn,.secondary-btn,.ghost-btn,.icon-btn,.dash-primary-cta,.dash-side-btn,.branch-buy-btn){min-height:48px;border-radius:12px;box-shadow:none;font-size:1rem;font-weight:650;line-height:1.35;padding:12px 20px;white-space:normal}
.cc-app .primary-btn,.cc-app .dash-primary-cta{background:#9674ef;color:#fff;border:1px solid transparent}
.cc-app .secondary-btn,.cc-app .ghost-btn,.cc-app .icon-btn,.cc-app .dash-side-btn{background:#1b1f2b;border:1px solid var(--line);color:var(--text)}
.cc-app .text-btn,.cc-app .back-link{font-size:.95rem;min-height:44px;line-height:1.4}
.cc-app .pill,.cc-app .section-kicker,.cc-app .eyebrow{font-size:.8rem;line-height:1.5;letter-spacing:.065em;font-weight:650;color:var(--muted);background:none;border:0;padding:0;box-shadow:none}
.cc-app .section-shell{padding:36px 24px 64px;max-width:1100px;margin:auto}
.cc-app .narrow-shell{max-width:740px}.cc-app .help-shell{max-width:900px}
.cc-app .muted{color:var(--muted)}
/* Landing: two clear columns, no floating tilted stacks. */
.cc-app .home-intro{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:64px 24px 52px}
.cc-app .hero{padding:0;text-align:left;max-width:none;margin:0}
.cc-app .hero h1{margin:16px 0 24px;line-height:1.08;letter-spacing:-.045em}
.cc-app .hero h1 em{color:var(--calm-accent);background:none;-webkit-text-fill-color:currentColor}
.cc-app .hero-copy{font-size:1.125rem;max-width:38ch;margin:0 0 28px;line-height:1.65}
.cc-app .hero-actions,.cc-app .privacy-row{justify-content:flex-start}
.cc-app .privacy-row{gap:10px 18px;margin-top:20px;font-size:.875rem}
.cc-app .privacy-row span:last-child,.cc-app .hero-account-link{display:none}
.cc-app .preview-stage{margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px;perspective:none}
.cc-app .preview-card{min-height:0;border-radius:18px;padding:24px;background:#191d2a;transform:none!important;box-shadow:none;border:1px solid var(--line)}
.cc-app .preview-card.game-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}
.cc-app .preview-card.game-preview>.eyebrow{grid-column:1/-1}
.cc-app .preview-card blockquote{font-size:1.25rem;line-height:1.4;margin:0;font-weight:600;letter-spacing:0}
.cc-app .preview-card .mega-emoji{font-size:2.3rem;margin:12px 0 0;float:right}
.cc-app .preview-card .demo-name{font-size:2.4rem;margin:8px 0;letter-spacing:-.03em;font-weight:700}
.cc-app .preview-card h3{font-size:.95rem}.cc-app .preview-card p{font-size:1rem;margin:0}
.cc-app .fake-options{gap:6px}.cc-app .fake-options span{padding:7px 12px;font-size:.875rem;border-radius:8px}
.cc-app :is(.how-section,.trust-section,.about-chatclash-section,.public-faq-section){max-width:1072px;margin:0 auto;padding:36px 24px;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.cc-app .how-grid{gap:24px;margin:24px 0 12px}.cc-app .how-grid>div{background:none;border:0;border-radius:0;padding:0;text-align:left;display:flex;align-items:flex-start;gap:16px}
.cc-app .how-grid b{font-size:1rem;background:#262b3c;color:var(--calm-accent);min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.cc-app .how-grid span{font-size:1rem;line-height:1.5}
.cc-app .trust-head{align-items:start;gap:24px}.cc-app .trust-head p{max-width:62ch}.cc-app .trust-proof-grid{margin-top:18px}
.cc-app .trust-proof-grid article{background:#171a25;border:0;box-shadow:none;border-radius:12px}
.cc-app .trust-live-card{margin:16px 0 0;border:0;box-shadow:none}
.cc-app .about-chatclash-inner,.cc-app .about-chatclash-card{background:none;border:0;box-shadow:none;padding:0}
.cc-app .faq-list details{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:16px 0}
.cc-app .faq-list summary{font-size:1rem;line-height:1.55;font-weight:600}
/* Disclosure is the common home for secondary actions, never for a core result. */
.cc-app .calm-disclosure{border:1px solid var(--line);border-radius:14px;background:#131620;margin:18px 0;padding:0 18px}
.cc-app .calm-disclosure>summary{cursor:pointer;min-height:54px;padding:15px 2px;font-size:1rem;font-weight:600;line-height:1.5;color:#e3e5ef}
.cc-app .calm-disclosure[open]>summary{border-bottom:1px solid var(--line);margin-bottom:18px}
.cc-app .calm-disclosure>section,.cc-app .calm-disclosure>article{border:0;box-shadow:none;background:none;padding:0;margin:16px 0}
/* Dashboard: saved chats first, tools second. */
.cc-app .dash-hero{margin:0 0 28px;gap:20px}.cc-app .dash-hero-copy h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:10px 0;line-height:1.2}
.cc-app .dash-hero-stats{gap:20px}.cc-app .dash-stat{padding:0 0 0 18px;background:none;border:0;border-left:1px solid var(--line);border-radius:0;min-width:90px}
.cc-app .dash-stat b{font-size:1.6rem;background:none;color:var(--text);-webkit-text-fill-color:currentColor}.cc-app .dash-stat span{font-size:.875rem}
.cc-app .dash-primary{grid-template-columns:1fr auto;gap:20px;margin:0 0 32px;align-items:stretch}
.cc-app .dash-primary-cta{padding:22px;gap:18px;transform:none!important;filter:none!important}.cc-app .dash-primary-copy strong{font-size:1.1rem}.cc-app .dash-primary-copy small{font-size:.95rem;opacity:1}
.cc-app .dash-primary-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:350px}.cc-app .dash-side-btn{padding:10px 14px;background:none;font-size:.875rem}
.cc-app .dash-block{padding:24px;border-radius:16px;background:var(--panel);margin:0 0 22px;border:1px solid var(--line)}
.cc-app .dashboard-chat-row{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0;gap:14px;box-shadow:none}
.cc-app .dashboard-chat-row:last-child{border-bottom:0}.cc-app .dashboard-chat-meta strong{font-size:1.05rem}.cc-app .dashboard-chat-meta small{font-size:.875rem;line-height:1.6}
.cc-app .dashboard-chat-open{min-height:44px;padding:10px 16px;background:#252b3d;border:1px solid var(--line);border-radius:10px;font-size:.95rem;color:#fff}
.cc-app .dashboard-product-grid{gap:12px}.cc-app .dashboard-product-grid>button{border:1px solid var(--line);background:#1b1f2b;border-radius:12px;padding:18px;box-shadow:none}
.cc-app .dashboard-product-grid strong{font-size:1rem}.cc-app .dashboard-product-grid small{font-size:.875rem}
.cc-app .dash-party-card{background:#171a25;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:none}
.cc-app .dash-party-badge{display:none}.cc-app .dash-party-card h3{font-size:1.4rem;max-width:none}.cc-app .dash-party-card p{font-size:1rem}.cc-app .dash-party-card .primary-btn{width:auto;background:#242b40;border:1px solid #414d6b}
/* Upload: sequential guidance with readable, spacious controls. */
.cc-app .phone-tabs{background:#171a25;border:1px solid var(--line);padding:5px;border-radius:12px;display:flex;gap:6px;margin:24px 0}
.cc-app .phone-tab{flex:1;padding:12px 14px;min-height:48px;border-radius:9px;font-size:1rem;border:0;color:var(--muted);background:none;box-shadow:none}
.cc-app .phone-tab.active{background:#303049;color:#fff}
.cc-app .phone-guide,.cc-app .help-phone-guide{background:#171a25;border:1px solid var(--line);border-radius:16px;padding:24px}
.cc-app .export-illustration{margin:0 0 20px}.cc-app .export-illustration img{height:150px;width:100%;object-fit:contain;background:#101119;border-radius:12px}
.cc-app .guide-step{align-items:flex-start;gap:18px;padding:18px 0;margin:0;border:0}
.cc-app .guide-step>b{background:#303049;color:#d6c6ff;min-width:38px;height:38px;border-radius:50%;font-size:1rem;display:grid;place-items:center}
.cc-app .guide-step strong{font-size:1.3rem;line-height:1.3;margin:3px 0 12px;display:block}
.cc-app .guide-step span{font-size:1.05rem;line-height:1.75;color:#c3c8d8;display:block}
.cc-app .export-wizard.is-ready .guide-step{min-height:190px}
.cc-app .guide-progress{font-size:.9rem;color:var(--calm-accent);font-weight:650;margin:0;padding-top:4px}
.cc-app .guide-controls{display:flex;gap:12px;justify-content:space-between;margin:24px 0 8px}
.cc-app .guide-controls button{flex:1}.cc-app .guide-controls button:disabled{opacity:.4;cursor:default}
.cc-app .export-wizard>[data-guide-all]{display:block;margin:auto;font-size:.9rem;color:var(--muted)}
.cc-app .notice-card{background:none;border:0;border-left:3px solid #6c6585;border-radius:0;padding:8px 16px;margin:24px 0}.cc-app .notice-card p{font-size:.9rem}
.cc-app .dropzone{background:#1c2031;border:2px dashed #80719d;border-radius:16px;padding:32px 20px;box-shadow:none;margin-top:24px}
.cc-app .mini-field input{background:#10131c;border:1px solid #454c62;border-radius:10px;min-height:50px;font-size:1rem}
/* Results: quieter navigation and only the selected content. */
.cc-app #resultsView{max-width:1100px;margin:auto;padding:28px 24px 56px}
.cc-app .results-hero{padding:0;margin:0 0 24px;border:0;border-radius:0;background:none;box-shadow:none}
.cc-app .results-top{padding:0;gap:24px;align-items:flex-start}.cc-app .results-top h2{font-size:clamp(1.75rem,4vw,2.6rem);margin:8px 0;line-height:1.2}
.cc-app .results-title-block{min-width:0}.cc-app .results-meta-line{gap:12px;align-items:center}.cc-app .results-meta-line p{font-size:.9rem}
.cc-app .results-access-chip{background:#242a37;border:0;border-radius:7px;font-size:.8rem;box-shadow:none}.cc-app .results-access-chip i{display:none}
.cc-app .results-hero-actions{gap:10px;flex-wrap:wrap}.cc-app .universe-share-btn,.cc-app .results-import-btn{background:#191e2a;border:1px solid var(--line);border-radius:11px;box-shadow:none;padding:12px 14px;min-height:48px;transform:none}
.cc-app .universe-share-copy b,.cc-app .results-import-copy b{font-size:.95rem}.cc-app .universe-share-copy small,.cc-app .results-import-copy small,.cc-app .universe-share-arrow,.cc-app .results-import-arrow{display:none}
.cc-app .product-switcher{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:5px;margin:0 0 20px;background:#171a25;border:1px solid var(--line);border-radius:14px;box-shadow:none}
.cc-app .product-switch{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 8px;min-height:52px;background:none;border:0;border-radius:9px;box-shadow:none;color:var(--muted);transform:none}
.cc-app .product-switch b{font-size:1rem}.cc-app .product-switch small{display:none}.cc-app .product-switch.active{background:#303049;color:#fff;box-shadow:none}
.cc-app .tabs{position:static;display:flex;flex-wrap:wrap;overflow:visible;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:0 0 10px;gap:5px;margin:0 0 28px}
.cc-app .tab{flex:0 1 auto;min-height:44px;font-size:.95rem;font-weight:600;line-height:1.4;white-space:normal;padding:10px 14px;background:none;border:0;border-radius:8px;color:var(--muted);box-shadow:none}
.cc-app .tab.active{background:#272d40;color:#fff;box-shadow:none}
.cc-app .tab-panel{padding:0;margin:0}.cc-app .story-shell{max-width:660px;margin:0 auto 24px}.cc-app .story-card{box-shadow:none;border-radius:22px}
.cc-app :is(.personality-card,.leaderboard-card,.timeline-card,.wrapped-insights,.expose-card,.league-board-card,.account-profile-card,.account-unlocks-card,.account-support-card,.help-card,.invite-card,.party-hero-card){background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:none}
.cc-app .stat-grid{gap:12px}.cc-app .stat-card{background:#171a25;box-shadow:none;border:1px solid var(--line);border-radius:12px;padding:20px}
.cc-app .stat-card span,.cc-app .stat-card small{font-size:.875rem;letter-spacing:0}.cc-app .stat-card strong{font-size:2.1rem}
.cc-app .personality-card{margin-top:24px}.cc-app .personality-card h3{font-size:1.65rem}.cc-app .personality-card p{font-size:1rem}
.cc-app .section-heading{margin:0 0 22px}.cc-app .section-heading h3{font-size:1.55rem}.cc-app .card-head h3{font-size:1.3rem}
.cc-app .share-tip-card{display:none}.cc-app .share-awards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:320px;overflow-y:auto;padding:2px}
.cc-app .share-award-chip{background:#191e2a;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:none;min-width:0}
.cc-app .share-award-chip b{font-size:.95rem}.cc-app .share-award-chip small{font-size:.875rem}.cc-app .share-preview-wrap{max-width:600px;margin:24px auto}
.cc-app .share-ready-head{font-size:.95rem}.cc-app .share-ready-head small{display:none}.cc-app .share-preview{max-height:600px;width:auto;max-width:100%;margin:auto;display:block;box-shadow:none;border-radius:14px}
.cc-app .share-actions{margin-top:20px}.cc-app .social-share-box{background:none;border:0;padding:0}
.cc-app .results-pack-strip{margin:16px 0;border:0;box-shadow:none;background:none;padding:0}.cc-app .results-pack-card{background:#1c2130;border:1px solid var(--line);box-shadow:none;border-radius:12px}
.cc-app .results-pack-badge,.cc-app .results-pack-icons{display:none}.cc-app .results-pack-card strong{font-size:1.05rem}
.cc-app .unlock-banner{background:#1b2030;border:1px solid #363b50;border-radius:14px;box-shadow:none;padding:22px;margin-top:24px}.cc-app .unlock-banner h3{font-size:1.2rem}.cc-app .unlock-banner p{font-size:.95rem}
/* Creative players retain their individual imagery, surrounded by simple controls. */
.cc-app .branch-hero{background:none;border:0;padding:0;gap:24px;margin:20px 0}.cc-app .branch-hero h3{font-size:1.7rem}.cc-app .branch-hero p{font-size:1rem;max-width:58ch}
.cc-app .branch-all-btn{background:none;box-shadow:none;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:.95rem}.cc-app .branch-all-btn small{font-size:.8rem}
.cc-app .episode-generator-box,.cc-app .episode-style-picker,.cc-app .court-generator-row{background:#171a25;border:1px solid var(--line);border-radius:14px;box-shadow:none}
.cc-app .episode-style-picker button,.cc-app .court-case-picker button{font-size:.95rem;min-height:48px;box-shadow:none;border-radius:10px}
.cc-app .episode-stage-wrap{max-width:780px;margin:24px auto}.cc-app .episode-surprise-note{font-size:.9rem}
.cc-app .court-file{box-shadow:none;border-radius:16px}.cc-app .court-evidence-item{font-size:1rem;line-height:1.65}
.cc-app .account-tabs{gap:8px;background:none;padding:0 0 16px;border:0;border-bottom:1px solid var(--line);border-radius:0}
.cc-app .account-tab{font-size:.95rem;min-height:48px;border-radius:10px;box-shadow:none}.cc-app .account-tab.active{background:#303049}
.cc-app .signed-in-card{background:none;padding:10px 0 24px;border:0;box-shadow:none}.cc-app .signed-in-party{display:none}
.cc-app .modal-sheet{background:#171b27;border:1px solid #3b4258;border-radius:20px;padding:28px;box-shadow:0 24px 80px #0008}
.cc-app .modal-sheet h3{font-size:1.6rem}.cc-app .pricing-option{background:#202535;border:1px solid #3c4359;border-radius:12px;box-shadow:none}.cc-app .pricing-option.active{border-color:var(--calm-accent)}
.cc-app .pricing-best,.cc-app .paywall-burst,.cc-app .promo-code-hint>span{display:none}.cc-app .auth-trust-row{gap:12px}.cc-app .auth-trust-row b{font-size:.875rem}
.cc-app footer{max-width:1100px;margin:auto;border-top:1px solid var(--line);padding:28px 24px;font-size:.875rem;gap:20px}.cc-app .footer-legal{gap:10px 18px}.cc-app .footer-legal a{font-size:.875rem;color:var(--muted)}
/* Standalone informational pages use the same calm type and surfaces. */
body:not(.cc-app) :is(.card,.mini,.feature-card,.contact,.quick,.faq details,.notice,.hero-panel,.seo-card){background:#171a25!important;box-shadow:none!important;border:1px solid var(--line)!important;border-radius:16px!important}
body:not(.cc-app) :is(.hero,.section){padding-top:32px;padding-bottom:32px}
body:not(.cc-app) :is(.btn,.pill-btn,.back){background:#252b3c;box-shadow:none;border:1px solid #41485d;border-radius:10px;min-height:46px;font-size:.95rem;font-weight:600}
body:not(.cc-app) .btn.primary{background:#8967de;color:#fff}
body:not(.cc-app) :is(.kicker,.pill){font-size:.8rem;letter-spacing:.06em;background:none;border:0;color:var(--muted)}
body:not(.cc-app) :is(.mini-grid,.grid,.feature-grid){gap:18px}
body:not(.cc-app) :is(p,li){font-size:1rem;color:#bdc3d4}
body:not(.cc-app) summary{font-size:1rem;min-height:48px;line-height:1.55;padding:12px 0;cursor:pointer}
body:not(.cc-app) :is(.wrap,main){max-width:1100px}
@media(hover:hover) and (pointer:fine){.cc-app :is(.secondary-btn,.tab,.product-switch,.dashboard-chat-open):hover{background:#30364a;color:#fff}.cc-app .primary-btn:hover{background:#a383f4;transform:none}}
@media(min-width:900px){.cc-app #statsPanel.active{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cc-app #statsPanel .section-heading{grid-column:1/-1}.cc-app #statsPanel article{margin:0}}
@media(max-width:760px){
 .cc-app .home-intro{grid-template-columns:1fr;padding:36px 22px;gap:30px}.cc-app .hero-copy{max-width:none}.cc-app .preview-stage{grid-template-columns:1fr}.cc-app .preview-card.game-preview{display:none}
 .cc-app .how-grid{grid-template-columns:1fr;gap:22px}.cc-app .trust-head{display:block}.cc-app .trust-head .secondary-btn{margin-top:12px}
 .cc-app .section-shell,.cc-app #resultsView{padding:24px 18px 44px}.cc-app .dash-primary{grid-template-columns:1fr;gap:12px}.cc-app .dash-primary-side{max-width:none}.cc-app .dash-side-btn{flex:1}
 .cc-app .results-top{display:block}.cc-app .results-hero-actions{margin-top:16px;display:flex}.cc-app .results-import-wrap{width:auto}.cc-app .universe-share-btn,.cc-app .results-import-btn{width:auto}
 .cc-app .product-switch{gap:6px;padding:12px 4px}.cc-app .product-switch b{font-size:.875rem}.cc-app .product-switch>span{display:none}.cc-app .tabs{gap:3px;margin-bottom:22px}.cc-app .tab{padding:10px 12px;font-size:.875rem}
 .cc-app .share-awards{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-app .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cc-app .branch-hero{flex-direction:column}.cc-app .branch-purchase-actions{width:100%}.cc-app .branch-purchase-actions>*{flex:1;min-width:0}.cc-app .modal-sheet{padding:22px 18px}
 .cc-app .phone-guide,.cc-app .help-phone-guide{padding:20px 16px}.cc-app .guide-step{gap:12px}.cc-app .guide-controls button{padding:12px 10px;font-size:.95rem}
 .cc-app .dashboard-chat-row{flex-wrap:wrap}.cc-app .dashboard-chat-meta{flex:1;min-width:140px}.cc-app .dashboard-chat-actions{margin-left:auto}
 .cc-app .demo-full-banner{padding:16px;gap:12px;background:#1d2232;box-shadow:none}.cc-app .demo-full-icon,.cc-app .demo-full-copy small{display:none}.cc-app .demo-full-copy strong{font-size:.95rem}
 .cc-app .calm-disclosure{padding:0 14px}.cc-app .export-wizard.is-ready .guide-step{min-height:220px}
}
@media(max-width:400px){.cc-app .topbar{padding-left:14px;padding-right:14px}.cc-app .brand{font-size:.9rem}.cc-app .icon-btn,.cc-app .ghost-btn{padding:10px}.cc-app .hero-actions{display:grid;grid-template-columns:1fr;width:100%}.cc-app .dash-side-btn{flex:1 1 100%}.cc-app .product-switch b{font-size:.8rem}}
/* Public Group Universe, including server-rendered shared links. */
.public-universe-page .aurora,.public-universe-page .grain,.public-universe-badge{display:none}
.public-universe-hero{background:none!important;border:0!important;box-shadow:none!important;padding:32px 0!important}
.public-universe-card,.public-universe-stats article,.public-award-card,.public-universe-cta{background:#171b27!important;box-shadow:none!important;border:1px solid var(--line)!important;border-radius:16px!important}
.public-universe-shell{max-width:1100px;padding:28px 22px 56px;margin:auto}.public-card-label{font-size:.85rem;letter-spacing:.04em;color:var(--muted)}
.public-universe-main-grid{gap:20px}.public-universe-privacy p{font-size:.9rem}
.cc-app .packs-disclosure:has(.product-branch-hide){display:none}
.cc-app .sticky-buy-bar{box-shadow:none;background:#171b27;border-top:1px solid var(--line)}
/* V2.47: one compact product row, one native section picker. */
.cc-app #resultsView{padding-top:22px}
.cc-app #resultsView .results-hero{margin:0 0 18px}
.cc-app #resultsView .results-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;background:none;padding:0;min-height:0}
.cc-app #resultsView .results-title-block>.pill{display:none}
.cc-app #resultsView .results-top h2{font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.18;margin:0 0 8px}
.cc-app #resultsView .results-meta-line{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;margin:0}
.cc-app #resultsView #periodText{margin:0;font-size:.85rem;line-height:1.5}
.cc-app #resultsView .results-access-chip{font-size:.75rem;line-height:1.5;padding:4px 8px;background:#1c302c;color:#b4e9ca;letter-spacing:0}
.cc-app .results-actions-menu{position:relative;margin:0;z-index:20}
.cc-app .results-actions-menu>summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:44px;height:44px;border-radius:12px;background:#232133;border:1px solid #4a3e65;color:#e4d7ff;font-size:1rem;letter-spacing:2px}
.cc-app .results-actions-menu>summary::-webkit-details-marker{display:none}
.cc-app .results-actions-popover{position:absolute;right:0;top:54px;min-width:230px;max-width:calc(100vw - 48px);display:grid;gap:8px;padding:10px;background:#1c1929;border:1px solid #574571;border-radius:14px;box-shadow:0 12px 40px #0008}
.cc-app #resultsView .results-actions-popover button{display:flex;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:12px;background:#282238;box-shadow:none;border:0;border-radius:8px}
.cc-app #resultsView .results-actions-popover .results-import-icon,.cc-app #resultsView .results-actions-popover .universe-share-icon{width:24px;height:24px;min-width:24px;font-size:1.1rem;display:grid;place-items:center;background:none;box-shadow:none;border-radius:0}
.cc-app #resultsView .product-switcher{margin:0 0 12px;padding:5px;gap:5px;border:1px solid #4c3b67;background:linear-gradient(115deg,#201b31,#201925);border-radius:14px;min-height:0}
.cc-app #resultsView .product-switch{min-height:46px;padding:10px 6px;border-radius:9px;color:#c1b4d1;gap:6px}
.cc-app #resultsView .product-switch b{font-size:.9rem;line-height:1.35}
.cc-app #resultsView .product-switch.active{color:#fff;background:linear-gradient(120deg,#8250db,#b94394);box-shadow:0 3px 12px #a448bb25}
.cc-app #resultsView .product-switch>span{display:none}
.cc-app #resultsView #tabs.legacy-section-tabs{display:none!important}
.cc-app .analysis-section-control{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:0;min-width:0}
.cc-app .analysis-section-control[hidden]{display:none!important}
.cc-app .analysis-section-control>label{font-size:.875rem;color:#c3b6d4;font-weight:500}
.cc-app #analysisSectionSelect{display:block;flex:1;min-width:0;max-width:320px;min-height:46px;font-size:1rem;font-weight:650;line-height:1.4;padding:10px 14px;color:#f3e9ff;background:#252034;border:1px solid #514266;border-radius:10px;color-scheme:dark;cursor:pointer}
.cc-app .primary-btn,.cc-app .dash-primary-cta{background:linear-gradient(115deg,#8655e4,#b7479c);box-shadow:0 4px 18px #9250ca20}
.cc-app .hero h1 em{color:#c1a0ff}
.cc-app .story-card{border-color:#665079}
.cc-app #resultsView .story-shell{margin-top:0}
@media(max-width:760px){
 .cc-app #resultsView{padding-top:20px}
 .cc-app #resultsView .results-hero{margin-bottom:16px}
 .cc-app #resultsView .results-top{gap:10px}
 .cc-app #resultsView .product-switcher{margin-top:0;margin-bottom:12px}
 .cc-app #resultsView .product-switch{min-height:44px;padding:10px 3px}
 .cc-app #resultsView .product-switch b{font-size:.85rem}
 .cc-app #analysisSectionSelect{max-width:none}
 .cc-app .analysis-section-control{margin-bottom:18px}
}
/* V2.48: visible chat actions and richer, scannable results. */
.cc-app #resultsView .results-top{grid-template-columns:1fr;gap:12px}
.cc-app .results-direct-actions{display:flex;gap:10px;flex-wrap:wrap}
.cc-app .results-direct-actions .secondary-btn{min-height:44px;padding:10px 14px;font-size:.9rem;background:#242032;border-color:#514164;gap:8px}
.cc-app :is(.extended-stats,.weekday-stats,.monthly-stats){background:#171a25;border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0}
.cc-app .extended-stats,.cc-app .monthly-stats{grid-column:1/-1}
.cc-app .extra-stats-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.cc-app .extra-stats-metrics span{display:block;font-size:.875rem;color:var(--muted);line-height:1.5}
.cc-app .extra-stats-metrics strong{display:block;font-size:1.8rem;color:#d3bbff;margin-top:8px;font-weight:700}
.cc-app .stats-peak{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:.95rem;display:grid;gap:6px}
.cc-app .stats-peak span{color:var(--muted)}
.cc-app .weekday-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:22px}
.cc-app .weekday-column{text-align:center;font-size:.8rem;min-width:0}.cc-app .weekday-column b{font-size:.75rem;overflow-wrap:anywhere;font-weight:500;color:var(--muted)}
.cc-app .weekday-column>div{height:116px;display:flex;align-items:flex-end;margin:8px 0;background:#202333;border-radius:6px;overflow:hidden}
.cc-app .weekday-column i{display:block;width:100%;background:linear-gradient(0deg,#8254d8,#c177bf);border-radius:6px;min-height:0}
.cc-app .monthly-chart{max-height:330px;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;margin-top:20px}
.cc-app .month-row{display:grid;grid-template-columns:90px minmax(0,1fr) 70px;gap:12px;align-items:center;margin:14px 0;font-size:.875rem}.cc-app .month-row>b{text-align:right;font-weight:500}
.cc-app .month-row>div{height:12px;background:#24283a;border-radius:6px;overflow:hidden}.cc-app .month-row i{display:block;height:100%;background:#a783e6;border-radius:6px}
.cc-app .wrapped-controls{max-width:660px;margin:-6px auto 24px;display:flex;gap:12px;flex-wrap:wrap}.cc-app .wrapped-controls button{flex:1;min-width:110px}
.cc-app .wrapped-controls button:disabled{opacity:.4;cursor:default}
.cc-app .story-progress{gap:5px}.cc-app .story-progress i{min-width:0}
@media(max-width:760px){.cc-app .extra-stats-metrics{grid-template-columns:1fr 1fr}.cc-app :is(.extended-stats,.weekday-stats,.monthly-stats){padding:20px;margin-bottom:20px}.cc-app .month-row{grid-template-columns:78px minmax(0,1fr) 58px;gap:8px}}

/* Keep account feedback above the form, including on small screens. */
#accountModal .auth-feedback{margin:12px 0 18px;padding:16px;border:1px solid #79718d;border-radius:16px;background:#201a2d;scroll-margin-top:90px}
#accountModal .auth-feedback[data-type="success"]{background:#14281f;border-color:#407f5b}
#accountModal .auth-feedback[data-type="error"]{background:#301b25;border-color:#a94c65}
#accountModal .auth-feedback .auth-status{margin:0;min-height:0;font-size:16px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
#accountModal .auth-resend{width:100%;margin-top:12px;min-height:44px;white-space:normal}

/* V2.49: hidden icons must not leave copy inside their narrow grid columns. */
.cc-app #paywallModal .pricing-head,.cc-app #paywallModal .promo-code-hint{display:block;min-width:0;text-align:left}
.cc-app #paywallModal .pricing-head{padding:0 44px 0 0}
.cc-app #paywallModal .pricing-head>div{width:auto;min-width:0;max-width:none}
.cc-app #paywallModal #commerceTitle{font-size:clamp(24px,5vw,32px)!important;line-height:1.18;letter-spacing:-.025em;word-break:normal;overflow-wrap:normal;margin:8px 0!important}
.cc-app #paywallModal #commerceLead{font-size:15px;line-height:1.5}
.cc-app #paywallModal .analyze-tier-note{max-width:none;margin:14px 0;padding:12px 14px;border:1px solid #685284;border-radius:12px;background:#272034;color:#eadfff;text-align:left;font-size:14px;line-height:1.5}
.cc-app #paywallModal .analyze-tier-note[hidden]{display:none}
.cc-app #paywallModal .pricing-option{grid-template-columns:20px minmax(0,1fr) auto;gap:10px;padding:16px 12px}
.cc-app #paywallModal .pricing-option-copy strong{font-size:17px}
.cc-app #paywallModal .pricing-option-copy em{font-size:13px;line-height:1.45}
.cc-app #paywallModal .pricing-option-price b{font-size:24px;white-space:nowrap}
.cc-app #paywallModal .promo-code-hint small{display:block;max-width:none;font-size:14px;line-height:1.5;margin-top:6px}
.cc-app #paywallModal .pricing-checkout-btn{position:sticky;bottom:0;z-index:3;box-shadow:0 -6px 20px #171b2799;white-space:normal;font-size:16px}
@media(max-width:380px){.cc-app #paywallModal .pricing-option{grid-template-columns:18px minmax(0,1fr)}.cc-app #paywallModal .pricing-option-price{grid-column:2;justify-items:start;text-align:left}.cc-app #paywallModal .pricing-head{padding-right:36px}}

/* V2.50: explicit preview; paid stats are not rendered until unlocked. */
.cc-app:not(.is-premium) #statsPanel .premium-block{display:none}
.cc-app .stats-preview250{padding:24px;background:#231d32;border:1px solid #655080;border-radius:16px;margin:0 0 24px}
.cc-app .stats-preview250[hidden]{display:none}.cc-app .stats-preview250 strong{font-size:1.2rem}.cc-app .stats-preview250 p{line-height:1.6;color:var(--muted)}
.cc-app .wrapped-intro250,.cc-app .wrapped-player250,.cc-app .wrapped-chapters250{max-width:660px;margin:0 auto 20px}
.cc-app .wrapped-intro250 p{color:var(--muted);line-height:1.6}
.cc-app .wrapped-player250{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cc-app .wrapped-player250 button{min-height:44px;padding:10px 14px;font-size:.9rem}
.cc-app .wrapped-player250 label{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:.85rem;color:var(--muted)}
.cc-app #wrappedSpeed250{width:auto;min-height:44px;padding:8px;color:#fff;background:#252034;border:1px solid #514266;border-radius:10px}
.cc-app #wrappedChapters250{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:16px}
.cc-app #wrappedChapters250 button{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:8px;align-items:center;text-align:left;padding:12px;min-height:52px;background:#242032;border:1px solid #41364f;border-radius:10px;font-size:.8rem;color:#ddd1ec}
.cc-app #wrappedChapters250 button[aria-current="step"]{border-color:#c299ef;background:#392947}.cc-app #wrappedChapters250 small{color:#af9ebe}
@media(max-width:540px){.cc-app #wrappedChapters250{grid-template-columns:1fr}.cc-app .wrapped-player250 label{margin-left:0}}