.language-picker{display:flex;gap:4px;padding:4px;border:1px solid #ffffff20;border-radius:99px}.language-picker button{border:0;background:none;color:#a8afa5;min-height:36px;padding:7px 13px;border-radius:99px;font:inherit;font-size:12px;cursor:pointer}.language-picker [aria-pressed=true]{background:#d8e9a3;color:#182015}.home-header{max-width:1160px;margin:auto;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px}.home-header a{text-decoration:none;color:inherit}.home-shell{max-width:1160px;margin:auto;padding:35px 30px 60px}.home-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;min-height:430px}.hero-copy h1{font-size:clamp(32px,4vw,54px);line-height:1.35;letter-spacing:-1.5px;max-width:660px}.home-intro{font-size:17px;line-height:1.95;color:#bcc3b8;max-width:600px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:1.5px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.home-action{position:relative;padding:28px;display:block;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.home-action:hover{border-color:#d8e9a355;transform:translateY(-3px)}.home-action h2{margin:16px 0 8px;font-size:24px}.home-action p{margin:0}.action-arrow{position:absolute;right:28px;top:35px;font-size:35px;color:var(--accent)}.locked{opacity:.55;cursor:not-allowed}.locked:hover{transform:none}.coffee-scene{position:relative;min-height:340px;display:grid;place-items:center;isolation:isolate}.coffee-cup{width:160px;height:125px;background:linear-gradient(120deg,#ffffff22,#ffffff07);border:1px solid #ffffff50;border-radius:15px 15px 65px 65px;position:relative;box-shadow:inset 8px 0 20px #ffffff08,0 30px 60px #0006;backdrop-filter:blur(12px);transform:rotate(-8deg)}.coffee-cup:after{content:'';position:absolute;right:-42px;top:12px;width:42px;height:58px;border:9px solid #8c968054;border-left:0;border-radius:0 45px 45px 0;z-index:-1}.coffee-surface{position:absolute;top:6px;left:8px;right:8px;height:28px;border-radius:50%;background:radial-gradient(ellipse,#b58b5f,#3b291e 75%);box-shadow:inset 0 0 0 3px #d8bb8c25}.coffee-saucer{position:absolute;width:240px;height:28px;top:240px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff06;z-index:-1}.steam{position:absolute;top:35px;width:30px;height:85px;border-left:2px solid #d8e9a360;border-radius:50%;filter:blur(2px);animation:steam-rise 4.6s ease-in-out infinite}.steam-one{left:42%}.steam-two{left:51%;animation-delay:-1.5s}.steam-three{left:59%;animation-delay:-3s}.coffee-orbit{position:absolute;width:330px;height:330px;border:1px solid #d8e9a314;border-radius:50%;transform:rotateX(55deg) rotateZ(-25deg)}.orbit-two{width:390px;height:390px;transform:rotateX(45deg) rotateZ(25deg)}.coffee-caption{position:absolute;bottom:0;color:#89967c;font-size:9px}.home-link{color:var(--muted);font-size:12px;text-decoration:none}.mobile-live{display:none}.results-page #results{position:static;display:block;min-height:100dvh;background:transparent}.results-page #main,.results-page #topbar,.results-page .mobile-tabs,.results-page #results-toggle{display:none!important}.results-page #results[hidden]{display:none!important}#result-locked{max-width:600px;margin:15vh auto;padding:32px;text-align:center}#result-locked a{display:inline-block;margin-top:20px}.reference-score{font-size:16px;line-height:1.8}.live-summary{font-size:12px;color:var(--muted);line-height:1.7}.live-summary strong{display:block;font-size:14px;color:var(--ink);margin-bottom:6px}
@keyframes steam-rise{0%{opacity:0;transform:translateY(20px) scale(.8)}35%{opacity:.7}100%{opacity:0;transform:translateY(-25px) scale(1.2)}}
@media(max-width:760px){.home-header{padding:18px 20px}.home-shell{padding:20px 24px 40px}.home-hero{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy h1{font-size:33px;letter-spacing:-1px}.home-intro{font-size:15px}.coffee-scene{min-height:240px;transform:scale(.8);margin:-25px 0}.coffee-saucer{top:190px}.steam{top:-10px}.home-actions{grid-template-columns:1fr;margin-top:15px;gap:12px}.home-action{padding:22px}.home-action h2{font-size:21px}.coffee-caption{bottom:-15px}.mobile-tabs{display:none!important}#topbar{padding:12px 14px 10px;gap:10px}#cup-order-hint{display:none}.header-actions{gap:6px}.header-actions #evaltxt{font-size:9px}.header-actions .language-picker button{padding:5px 8px;min-height:30px}#topbar .brand span{display:none}#user-settings{width:34px;height:34px}#cups{gap:6px}#cups button{min-height:36px}#main{padding:0 10px 24px}body[data-view=profile] #panel,#panel{display:flex;height:calc(100dvh - 136px);min-height:430px;top:0;position:relative}.session-heading{display:none}#panel>.cardhead{padding:12px 16px 0}#chat{min-height:100px;padding:4px 16px 14px}.mobile-live{display:flex;flex-shrink:0;align-items:center;gap:12px;padding:2px 16px 8px;border-bottom:1px solid var(--line);height:145px}#mobile-stage{width:150px;max-width:45%;flex-shrink:0}#mobile-stage svg{width:100%;height:137px;display:block}.mobile-live a{font-size:11px;color:var(--accent);text-decoration:none}.mobile-live .live-summary{flex:1}#right,body[data-view=profile] #right{display:grid;margin-top:18px}#right #radarcard{display:none}#results-toggle{position:static;display:block;margin:0 auto 30px;transform:none;width:calc(100% - 28px);font-size:12px}#inputwrap{padding:10px 12px}.results-page .results-shell{padding:20px 18px 40px}.results-page .result-grid{display:block}.results-page .result-detail{margin-top:18px}#result-locked{margin:12vh 18px}#brand{position:static!important;margin-bottom:20px}body:has(#form){display:block!important;padding-top:24px!important}#form{margin:40px auto 0}#tag{top:20px!important;right:16px!important}.notehead>div{display:flex;flex-wrap:wrap;gap:8px}}

@media(prefers-reduced-motion:reduce){.steam{animation:none;opacity:.3}.home-action{transition:none}}
@media(max-width:760px){.language-picker button{white-space:nowrap}.header-actions #evaltxt{display:none}#mobile-stage svg .axis-label{font-size:17px}.live-summary{font-size:11px}.live-summary strong{font-size:12px}#panel>.cardhead .mono{font-size:8px}}
/* Keep decorative coffee orbits inside narrow phone screens. */
.home-shell{overflow-x:clip}.coffee-scene{max-width:100%}
@media(max-width:760px){
 /* Keep normal sizing; give the live chart space back to chat while typing. */
 body.typing-taste{position:fixed;inset:0 auto auto 0;width:100%;height:var(--typing-height,100dvh);min-height:0;overflow:hidden;display:flex;flex-direction:column}
 body.typing-taste #topbar{flex-shrink:0;width:100%}
 body.typing-taste #main{flex:1;min-height:0;display:flex;width:100%;padding-bottom:0}
 body.typing-taste #panel{height:100%;min-height:0;width:100%;flex:1}
 body.typing-taste #panel>.cardhead{flex-shrink:0}
 body.typing-taste .mobile-live{display:none}
 body.typing-taste #chat{min-height:0;overscroll-behavior:contain}
 body.typing-taste #right,body.typing-taste #results-toggle{display:none!important}
}

.confirm-record-hint{flex-basis:100%;width:100%;margin:8px 0 0;font-size:12px;line-height:1.6}

/* Keep completed records with unknown intensity visible beside the result map. */
.unplotted-cups{display:grid;gap:8px;margin:12px 0;}
.unplotted-cup{width:100%;padding:12px 14px;text-align:left;white-space:normal;line-height:1.6;border:1px solid #727972;border-radius:14px;background:#202522;color:#eff1eb;font-size:13px;}
.unplotted-cup[aria-pressed="true"]{border-color:#d8e9a3;}