:root{color-scheme:light;--bg-ink: #102542;--bg-night: #0b1d33;--surface: rgba(248, 245, 239, .92);--surface-strong: #fbf8f1;--line-soft: rgba(16, 37, 66, .12);--text-strong: #102542;--text-soft: rgba(16, 37, 66, .72);--accent-teal: #197278;--accent-coral: #c44536;--accent-gold: #f4b942;--shadow-soft: 0 22px 60px rgba(11, 29, 51, .18)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Space Grotesk,sans-serif;color:var(--text-strong);background:radial-gradient(circle at top left,rgba(244,185,66,.25),transparent 24%),radial-gradient(circle at top right,rgba(25,114,120,.22),transparent 22%),linear-gradient(135deg,#f3eee2,#dce8ec)}button,input{font:inherit}.app-shell{min-height:100vh;padding:1.5rem}.display-shell{display:flex;flex-direction:column;gap:1rem}.hero-card,.utility-card,.remote-panel,.chart-card,.remote-card{background:var(--surface);border:1px solid rgba(248,245,239,.8);border-radius:28px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.display-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.75rem 2rem}.hero-card h1,.remote-card h1{margin:.3rem 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.7rem;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3.8rem);line-height:1}.hero-card h1 span,.remote-card h1 span{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,1.5vw,1.3rem);color:var(--text-soft)}.hero-copy{max-width:60rem;margin:.8rem 0 0;font-size:1rem;color:var(--text-soft)}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.8rem}.eyebrow{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#10254214;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.quote-badge{display:flex;flex-direction:column;justify-content:center;min-width:14rem;padding:.85rem 1rem;border-radius:18px;color:#fff;background:linear-gradient(135deg,#102542,#1c3f67)}.quote-badge strong{font-size:.95rem;opacity:.85}.quote-badge.positive{background:linear-gradient(135deg,#12696a,#1e8a85)}.quote-badge.negative{background:linear-gradient(135deg,#8f2d2d,#c44536)}.primary-button,.ghost-button{border-radius:16px;border:1px solid transparent;padding:.9rem 1.15rem;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.primary-button{background:linear-gradient(135deg,#102542,#1d436f);color:#fff}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.ghost-button{background:#1025420f;color:var(--text-strong);border-color:#10254214}.ghost-button.active{background:#1972781f;border-color:#1972783d}.display-settings-row{display:flex;justify-content:flex-end}.display-settings-row>*{width:min(100%,26rem)}.display-status-row{display:grid;grid-template-columns:minmax(16rem,19rem) minmax(16rem,22rem);gap:1rem}.utility-card,.remote-panel{padding:1.25rem}.utility-card h2,.remote-panel h2{margin:.4rem 0 .35rem;font-family:Fraunces,serif;font-size:1.45rem}.muted-text,.panel-heading p{margin:0;color:var(--text-soft)}.pairing-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}.qr-code{width:min(100%,220px);border-radius:20px;background:var(--surface-strong);padding:.7rem}.pairing-meta{display:flex;gap:.6rem;align-items:center}.pairing-meta strong{font-size:1.5rem;letter-spacing:.12em}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.status-tile{padding:.9rem;border-radius:18px;background:#1025420d}.status-tile span{display:block;font-size:.8rem;color:var(--text-soft)}.status-tile strong{display:block;margin-top:.25rem}.settings-form{display:grid;gap:.8rem;margin-top:1rem}.settings-form label{display:grid;gap:.35rem}.text-input{width:100%;border-radius:16px;border:1px solid rgba(16,37,66,.12);padding:.95rem 1rem;background:#ffffffc7}.text-input.giant{font-size:1.4rem;letter-spacing:.16em;text-align:center}.chart-row{display:flex;gap:1rem;align-items:stretch;min-height:48vh}.chart-card{display:flex;flex-direction:column;min-width:0;padding:1rem}.chart-card-head,.chart-card-foot{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.chart-card-head h2{margin:.25rem 0 0;font-family:Fraunces,serif;font-size:1.65rem}.chart-surface{height:clamp(17rem,40vh,28rem);margin:.75rem 0}.chart-card-foot{color:var(--text-soft);font-size:.9rem}.mini-change{min-width:7rem;text-align:right;font-weight:700}.mini-change.positive{color:var(--accent-teal)}.mini-change.negative{color:var(--accent-coral)}.accent-long{background:linear-gradient(180deg,rgba(244,185,66,.12),transparent 38%),var(--surface)}.accent-year{background:linear-gradient(180deg,rgba(16,37,66,.06),transparent 38%),var(--surface)}.accent-quarter{background:linear-gradient(180deg,rgba(25,114,120,.1),transparent 38%),var(--surface)}.accent-short{background:linear-gradient(180deg,rgba(196,69,54,.1),transparent 38%),var(--surface)}.info-strip{display:flex;flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem;border-radius:24px;background:#0b1d33d1;color:#fff}.strip-pill{display:flex;flex-direction:column;gap:.1rem;min-width:8rem;padding:.55rem .75rem;border-radius:16px;background:#ffffff14}.strip-pill span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.strip-pill.stretch{flex:1;min-width:14rem}.toast-warning{padding:.95rem 1.1rem;border-radius:18px;background:#c4453624;color:#7b231b}.remote-shell{display:grid;gap:1rem;max-width:52rem;margin:0 auto}.remote-card{padding:1.4rem}.remote-title-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.voice-meter{height:.75rem;overflow:hidden;margin-top:1rem;border-radius:999px;background:#10254214}.voice-meter-fill{height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#f4b942,#197278);transition:transform 90ms linear}.remote-actions{display:grid;gap:1rem}.panel-heading{display:grid;gap:.2rem}.inline-form,.button-row,.join-form{display:flex;gap:.75rem;align-items:center}.join-form{margin-top:1rem}.plain-list{margin:.8rem 0 0;padding-left:1.2rem;color:var(--text-soft)}.error-text{margin:.75rem 0 0;color:#8f2d2d}@media(max-width:1200px){.display-header,.remote-title-row{flex-direction:column}.display-settings-row,.display-status-row{grid-template-columns:1fr}.display-settings-row{display:grid}.display-settings-row>*{width:100%}.chart-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:1rem}.chart-row{grid-template-columns:1fr}.inline-form,.button-row,.join-form{flex-direction:column;align-items:stretch}}