:root{color-scheme:dark;--brand:#50e6cd;--gain:#38d98a;--loss:#ff667a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#12302e60,transparent 40%),#070e18;color:#eaf4f7;font-family:system-ui,sans-serif}.v39-shell{padding-bottom:110px}.v39-shell .brand{font-size:20px;text-decoration:none;color:var(--brand);letter-spacing:.03em}.local-tag{color:#a7c9c0;border:1px solid #31544e;border-radius:20px;padding:3px 10px;font-size:11px}.eyebrow{color:var(--brand);margin-top:28px}.v39-card{box-shadow:0 12px 38px #0002;background:#0b1722}.market-choices{display:flex;gap:14px;flex-wrap:wrap}.market-choices>span{border:1px solid #31534c;border-radius:12px;padding:10px;color:var(--brand)}.market-choices>[aria-disabled]{color:#a0b1be;border-color:#2b3944}.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:20px 0;overflow-wrap:anywhere}.quote-grid strong{display:block;font-size:24px}.v39-shell label{display:grid;gap:8px;max-width:100%;margin:16px 0}.v39-shell select{width:100%;max-width:420px}.v39-shell button{transition:transform .16s,box-shadow .16s;min-height:44px}.v39-shell button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 26px #50e6cd20}.v39-shell .primary{background:linear-gradient(110deg,#43e7c9,#78e7db);color:#06211f;border:0}#answer{overflow-wrap:anywhere}#answer h3{color:var(--brand);margin-top:24px}#answer p{white-space:pre-wrap}#notice{min-height:28px;color:#e8ce93}.floating-links{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;gap:12px;width:min(640px,calc(100vw - 24px));padding:12px;border:1px solid #31544e;border-radius:18px;background:#091722ed;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 40px #0008}.floating-links a{min-width:0;flex:1;display:grid;place-items:center;min-height:44px;overflow-wrap:anywhere;text-decoration:none;text-align:center;font-size:13px}.gain{color:var(--gain)}.loss{color:var(--loss)}.v39-shell details{max-width:100%}@media(max-width:420px){.v39-shell{padding:16px 12px 120px}.v39-card{padding:18px 14px}.quote-grid{grid-template-columns:1fr}.market-choices{gap:8px;font-size:12px}.floating-links{gap:6px}.floating-links a{font-size:11px}.v39-shell h1{font-size:26px}}@media(prefers-reduced-motion:reduce){.v39-shell button{transition:none}.v39-shell button:not(:disabled):hover{transform:none}}

/* Acceptance refinements: wrap natural-language labels instead of clipping them. */
.v39-shell header>*{min-width:0}.v39-shell header{overflow-wrap:anywhere}.v39-shell button{overflow-wrap:anywhere;white-space:normal;height:auto}.quote-grid>div{min-width:0}.quote-grid strong{font-size:clamp(16px,3vw,24px);line-height:1.5;overflow-wrap:anywhere}.v39-shell label select{min-width:0;max-width:100%;text-overflow:ellipsis}.experience-toggle{display:flex;flex-wrap:wrap;gap:8px}.experience-toggle [aria-pressed=true]{border-color:#50e6cd;color:#84efdb;background:#102c2b}.test-warning{border:1px solid #b18c45;border-radius:12px;padding:12px;color:#f1d89d;background:#30261040}#test-explain{border-color:#b18c45;color:#f1d89d}#market-status{overflow-wrap:anywhere;min-height:28px}#auto-refresh-note{font-size:12px}#professional-data{margin-top:16px}#professional-data summary{min-height:44px;cursor:pointer;overflow-wrap:anywhere}.floating-links a{line-height:1.4}@media(max-width:420px){.v39-shell header{gap:10px}.v39-shell header .brand{font-size:17px}.market-choices>span{max-width:100%;overflow-wrap:anywhere}.v39-shell button{width:100%}.experience-toggle button{flex:1;width:auto}}

.answer-freshness{border-left:3px solid #6b8791;padding:8px 12px;color:#b5cbd6;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.answer-freshness[data-freshness="ai_answer_stale"],.answer-freshness[data-freshness="ai_answer_time_unknown"]{border-color:#d9b477;color:#efd19b}

@media(max-width:760px){
 .v39-shell{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}
 .floating-links{max-width:calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}
 .floating-links a{white-space:normal;overflow-wrap:anywhere;min-height:44px}
}
