@import "https://fonts.googleapis.com/css2?family=Antonio:wght@400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color:#f8e5d2;--bg:#050b13;--bg-soft:#0e1722;--panel:#09121deb;--panel-strong:#0d1723fa;--line:#f8e5d21a;--text:#f8e5d2;--text-soft:#dbc7b8;--lcars-gold:#f5a25d;--lcars-amber:#d8913d;--lcars-coral:#d96c7c;--lcars-blue:#88a9df;--shadow:0 28px 80px #00000073;background:radial-gradient(circle at 0 0,#f5a25d1f,#0000 24%),radial-gradient(circle at 100% 100%,#7ba6e01a,#0000 28%),linear-gradient(#07111c 0%,#050a12 100%);font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{background:linear-gradient(#030810c2,#030810e6),url(/tenforward/backgrounds/ten-forward-background.webp) 50%/cover no-repeat;justify-content:center;min-height:100svh;padding:.75rem;display:flex}.phone-frame{--frame-accent:var(--character-accent,var(--lcars-gold));--frame-secondary:var(--character-secondary,var(--lcars-coral));width:min(100%,27rem);min-height:calc(100svh - 1.5rem);max-height:calc(100svh - 1.5rem);box-shadow:var(--shadow);background:linear-gradient(#ffffff08,#0000 20%),linear-gradient(#0a121cfa,#050a12fa);border:1px solid #f8e5d21f;border-radius:2.25rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-frame:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#ffffff14,#0000 26%),repeating-linear-gradient(#0000 0 2.75rem,#ffffff04 2.75rem 2.9rem);position:absolute;inset:0}.frame-orbit{filter:blur(1px);opacity:.4;pointer-events:none;border-radius:999px;width:13rem;height:13rem;position:absolute}.frame-orbit-top{background:radial-gradient(circle,#f5a25d24,#0000 68%);top:-6rem;right:-4.5rem}.frame-orbit-bottom{background:radial-gradient(circle,#7ea6e624,#0000 68%);bottom:-7rem;left:-6rem}.screen{z-index:1;height:100%;min-height:0;position:relative}.lounge-screen{align-content:start;gap:.9rem;padding:.9rem;display:grid;overflow-y:auto}.chat-screen{flex-direction:column;gap:.75rem;min-height:0;padding:.8rem;display:flex;overflow-y:auto}.lcars-panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff08, transparent 22%), linear-gradient(180deg, var(--panel-strong), var(--panel));border-radius:1.75rem;position:relative;overflow:hidden}.lcars-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff05,#0000 34%),linear-gradient(90deg,#f5a25d1c,#0000 22%);position:absolute;inset:0}.masthead,.chat-header{align-items:start;gap:.8rem}.masthead{min-height:3.4rem;padding:.95rem 1.15rem .9rem;display:grid}.chat-header{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:.9rem;display:grid}.masthead-bar{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.masthead-ident{align-items:center;gap:.7rem;min-width:0;padding-left:.05rem;display:flex}.masthead-led{background:linear-gradient(#f0a0a6,#d6727f);border-radius:999px;flex-shrink:0;width:.95rem;height:.95rem;box-shadow:0 0 0 .12rem #d6727f2e}.masthead-ident strong{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-family:Antonio,sans-serif;font-size:.98rem;display:block}.welcome-panel{align-content:start;gap:.55rem;min-height:7.75rem;padding:1.1rem 1.15rem 1.05rem;display:grid}.welcome-panel .eyebrow{padding-left:.05rem}.welcome-title{color:var(--text);letter-spacing:.05em;text-transform:uppercase;margin:0;font-family:Antonio,sans-serif;font-size:clamp(1.9rem,7vw,2.7rem);font-weight:700;line-height:.92;display:block}.welcome-copy{color:var(--text-soft);max-width:32ch;margin:0;font-size:.92rem;line-height:1.55}.masthead-copy h1,.chat-header-copy h1,.portrait-copy h2,.section-topline h3,.character-card-copy h2{text-transform:uppercase;letter-spacing:.05em;margin:0;font-family:Antonio,sans-serif;font-weight:700;line-height:.92}.masthead-copy h1{font-size:clamp(2rem,8vw,3.4rem)}.chat-header-copy h1,.portrait-copy h2{font-size:1.85rem}.section-topline h3,.character-card-copy h2{font-size:1.18rem}.eyebrow{color:var(--frame-accent);letter-spacing:.17em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;display:block}.masthead-text,.portrait-summary,.loading-panel strong,.notice-panel p,.empty-chat p,.lounge-footer p{color:var(--text-soft);margin:0;line-height:1.6}.masthead-text{max-width:32ch;font-size:.92rem}.masthead-status{text-align:right;flex-shrink:0;justify-items:end;gap:.25rem;display:grid}.status-tag,.card-stat{color:var(--frame-secondary);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.masthead-status strong,.lounge-footer strong,.loading-panel strong,.notice-panel strong,.empty-chat strong,.bubble-topline strong{letter-spacing:.04em;font-family:Antonio,sans-serif}.masthead-status strong{color:var(--text);text-transform:uppercase;font-size:.94rem;display:block}.lounge-toolbar,.save-panel,.starter-panel,.composer-panel,.portrait-panel,.transcript-panel,.lounge-footer,.notice-panel,.loading-panel{padding:.9rem}.lcars-input,.composer-row textarea{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #f8e5d21a;border-radius:1.25rem}.lcars-input{padding:.85rem 1rem}.save-panel{gap:.7rem;display:grid}.save-panel-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}.save-panel-copy,.save-panel-error{margin:0;line-height:1.55}.save-panel-copy{color:var(--text-soft)}.save-panel-error{color:#ffb8c3}.save-panel-link{color:var(--text);overflow-wrap:anywhere;font-size:.9rem;line-height:1.55;text-decoration-color:#f5a25d73}.composer-row textarea{resize:none;min-height:5rem;padding:.95rem 1rem}.lcars-input::placeholder,.composer-row textarea::placeholder{color:#f8e5d273}.scope-row,.trait-row,.citation-row,.starter-row,.composer-meta{flex-wrap:wrap;gap:.55rem;display:flex}.scope-row{margin-top:.8rem}.scope-pill,.trait-pill,.citation-pill,.launch-pill{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;align-items:center;padding:.42rem .72rem;font-size:.72rem;display:inline-flex}.scope-pill{color:var(--text-soft);background:#ffffff0f}.trait-pill{color:#cddbf2;background:#88a9df29}.citation-pill{color:#ffdcb8;background:#f5a25d24}.launch-pill{background:linear-gradient(180deg, var(--frame-secondary), var(--frame-accent));color:#081018;font-family:Antonio,sans-serif}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.character-card{text-align:left;color:inherit;border:none;gap:0;padding:0;display:grid}.character-card:disabled{opacity:.7;cursor:wait}.character-card-art{background:radial-gradient(circle at top,#ffffff1f,#0000 32%),linear-gradient(#0f1722f2,#070c14f2);border-radius:1.55rem 1.55rem .9rem .9rem;position:relative;overflow:hidden}.character-card-art:after{display:none}.character-card-art img{object-fit:contain;object-position:center top;width:100%;height:auto}.character-card-copy{gap:.55rem;padding:.8rem .85rem .9rem;display:grid}.character-card-copy p{color:var(--text-soft);margin:0;font-size:.92rem;line-height:1.55}.card-topline,.portrait-headline,.bubble-topline,.section-topline{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.character-card-copy .card-topline{align-items:center}.lcars-button,.lcars-button-secondary,.starter-pill{text-transform:uppercase;letter-spacing:.08em;border:none;border-radius:999px;font-family:Antonio,sans-serif}.lcars-button,.lcars-button-secondary{white-space:nowrap;padding:.8rem 1rem}.lcars-button{background:linear-gradient(180deg, var(--frame-accent), var(--lcars-amber));color:#081018}.lcars-button-secondary{color:#081018;background:linear-gradient(#88a9dfeb,#607eb6f5)}.lcars-button:disabled,.lcars-button-secondary:disabled,.starter-pill:disabled{opacity:.55;cursor:not-allowed}.portrait-panel{flex-shrink:0;grid-template-columns:7.6rem minmax(0,1fr);align-items:stretch;gap:.85rem;display:grid}.portrait-panel-compact{grid-template-columns:5.4rem minmax(0,1fr);padding:.75rem}.portrait-panel-compact .portrait-wrap{border-radius:1.2rem;min-height:7.4rem}.portrait-wrap{background:radial-gradient(circle at top,#ffffff1f,#0000 28%),linear-gradient(#131c29fa,#090e18fa);border-radius:1.45rem;min-height:10rem;overflow:hidden}.portrait-wrap img{object-fit:cover;width:100%;height:100%}.portrait-copy{align-content:start;gap:.7rem;min-width:0;display:grid}.portrait-role{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-family:Antonio,sans-serif;font-size:1rem;display:block}.mood-stack{justify-items:end;gap:.45rem;display:grid}.mood-stack-inline{flex-wrap:wrap;justify-content:flex-end;display:flex}.portrait-drawer{border-top:1px solid #f8e5d214;gap:0;padding-top:.75rem;display:grid}.portrait-drawer-summary{cursor:pointer;justify-content:flex-start;align-items:start;gap:.8rem;list-style:none;display:flex}.portrait-drawer-summary::-webkit-details-marker{display:none}.portrait-drawer-summary strong{letter-spacing:.05em;text-transform:uppercase;font-family:Antonio,sans-serif}.portrait-drawer[open] .portrait-drawer-summary{margin-bottom:.75rem}.portrait-drawer-body{gap:.75rem;display:grid}.notice-panel,.loading-panel,.empty-chat{gap:.35rem;display:grid}.error-panel{border-color:#d96c7c47}.starter-row{margin-top:.85rem}.composer-starters{gap:.35rem;margin-bottom:.85rem;display:grid}.composer-starters .starter-row{margin-top:0}.starter-pill{text-align:left;color:var(--text);background:linear-gradient(#f5a25d29,#ffffff0a);padding:.72rem .9rem}.transcript-panel{flex:1 0 15rem;min-height:15rem;overflow-y:auto}.transcript-panel-empty{flex-basis:9rem;min-height:9rem}.transcript-body{flex-direction:column;justify-content:flex-end;gap:.75rem;min-height:100%;display:flex}.transcript-panel::-webkit-scrollbar{width:.45rem}.lounge-screen::-webkit-scrollbar{width:.45rem}.chat-screen::-webkit-scrollbar{width:.45rem}.transcript-panel::-webkit-scrollbar-thumb{background:#f8e5d21f;border-radius:999px}.lounge-screen::-webkit-scrollbar-thumb{background:#f8e5d21f;border-radius:999px}.chat-screen::-webkit-scrollbar-thumb{background:#f8e5d21f;border-radius:999px}.chat-bubble{border-radius:1.35rem;gap:.55rem;padding:.9rem;display:grid}.chat-bubble.user{background:linear-gradient(#88a9df29,#ffffff0a),#ffffff08;margin-left:2.2rem}.chat-bubble.assistant{background:linear-gradient(#f5a25d2e,#ffffff0a),#ffffff08;margin-right:1.4rem}.bubble-topline span{color:var(--frame-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.chat-bubble p{color:var(--text);white-space:pre-wrap;margin:0;line-height:1.7}.composer-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.7rem;display:grid}.composer-meta{color:var(--text-soft);justify-content:flex-start;margin-top:.7rem;font-size:.78rem}.lounge-footer{gap:.35rem;display:grid}@media (width>=900px){.app-shell{padding:1.2rem}.phone-frame{min-height:calc(100svh - 2.4rem);max-height:calc(100svh - 2.4rem)}}@media (width<=440px){.app-shell{padding:0}.phone-frame{border-inline:none;border-radius:0;width:100%;min-height:100svh;max-height:100svh}}@media (width<=380px){.card-grid,.masthead,.chat-header,.portrait-panel,.composer-row,.save-panel-row{grid-template-columns:1fr}.masthead-bar{flex-direction:column}.masthead-status,.mood-stack{text-align:left;justify-items:start}.chat-bubble.user,.chat-bubble.assistant{margin-inline:0}}