/* TEST UI refresh — presentation only; calculations and content are untouched. */
body.biot-test {
  --ui-bg:#0b1c14;
  --ui-surface:#12281c;
  --ui-surface-2:#173222;
  --ui-surface-3:#1c3a29;
  --ui-jade:#76e6aa;
  --ui-jade-soft:#b9f3d3;
  --ui-gold:#e9c46a;
  --ui-orange:#f2a340;
  --ui-text:#dcebe2;
  --ui-muted:#91aa9b;
  --ui-line:rgba(145,203,169,.18);
  --ui-line-strong:rgba(118,230,170,.34);
  --ui-shadow:0 18px 50px rgba(0,0,0,.18);
  --ui-radius:18px;
  background:
    radial-gradient(900px 500px at 8% -10%,rgba(77,166,117,.16),transparent 68%),
    linear-gradient(rgba(109,175,139,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,175,139,.025) 1px,transparent 1px),
    var(--ui-bg);
  background-size:auto,48px 48px,48px 48px,auto;
  color:var(--ui-text);
}
body.biot-test::before {
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(700px 420px at 88% 26%,rgba(211,174,87,.045),transparent 70%);
}
.biot-test header {
  min-height:76px;padding:12px clamp(18px,3vw,38px);
  border-bottom:1px solid var(--ui-line);
  background:rgba(10,28,19,.9);backdrop-filter:blur(18px) saturate(120%);
  box-shadow:0 8px 30px rgba(0,0,0,.12);
}
.biot-test .logo-circle { border-color:rgba(118,230,170,.72);box-shadow:0 0 0 5px rgba(118,230,170,.045); }
.biot-test .logo-text h1 { color:#edf8f1;letter-spacing:.08em; }
.biot-test .logo-text p { color:var(--ui-muted);letter-spacing:.03em; }
.biot-test .member-chip,.biot-test .lang-chip {
  border-color:var(--ui-line);background:rgba(16,40,27,.72);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.biot-test .app-download { position:relative;flex:0 0 auto;color:var(--ui-text); }
.biot-test .app-download>summary {
  list-style:none;min-height:40px;padding:0 13px;display:flex;align-items:center;gap:7px;cursor:pointer;
  border:1px solid rgba(118,230,170,.28);border-radius:999px;background:rgba(16,40,27,.72);
  color:var(--ui-jade-soft);font:700 11px/1 Orbitron,monospace;letter-spacing:.08em;
  box-shadow:inset 0 1px rgba(255,255,255,.035);transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.biot-test .app-download>summary::-webkit-details-marker { display:none; }
.biot-test .app-download>summary:hover { border-color:rgba(118,230,170,.62);background:rgba(29,69,47,.82);transform:translateY(-1px); }
.biot-test .app-download[open]>summary { border-color:rgba(118,230,170,.7);background:rgba(34,82,55,.9); }
.biot-test .app-download-icon { width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(118,230,170,.12);color:var(--ui-jade);font-size:16px;line-height:1; }
.biot-test .app-download-panel {
  position:absolute;z-index:120;right:0;top:calc(100% + 12px);width:min(330px,calc(100vw - 24px));padding:21px;
  border:1px solid rgba(118,230,170,.3);border-radius:18px;background:linear-gradient(155deg,rgba(17,45,30,.99),rgba(6,22,14,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.04);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
}
.biot-test .app-download-panel::before { content:'';position:absolute;right:28px;top:-7px;width:12px;height:12px;border-left:1px solid rgba(118,230,170,.3);border-top:1px solid rgba(118,230,170,.3);background:#102b1d;transform:rotate(45deg); }
.biot-test .app-download-kicker { color:var(--ui-jade);font:600 9px/1.2 Orbitron,monospace;letter-spacing:.16em; }
.biot-test .app-download-panel h2 { margin:7px 0 7px;color:#effaf3;font-size:20px;letter-spacing:.02em; }
.biot-test .app-download-panel p { margin:0 0 14px;color:var(--ui-muted);font-size:12px;line-height:1.7; }
.biot-test .app-download-primary { min-height:45px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(118,230,170,.56);border-radius:12px;background:linear-gradient(135deg,#39b977,#258354);color:#f2fff7!important;text-decoration:none;font-weight:750;font-size:13px;box-shadow:0 10px 25px rgba(25,113,69,.24); }
.biot-test .app-download-primary span { font-size:20px; }
.biot-test .app-download-panel ol { margin:15px 0 13px;padding-left:20px;color:#c7ddd0;font-size:11px;line-height:1.9; }
.biot-test .app-download-panel>small { display:block;padding-top:11px;border-top:1px solid var(--ui-line);color:#789485;font-size:9px;line-height:1.65; }
.biot-test .wrap { max-width:1240px;padding-top:18px; }
.biot-test .biot-primary:not(.biot-dock) {
  position:sticky;top:81px;z-index:55;padding:6px;
  border:1px solid var(--ui-line);border-radius:16px;
  background:rgba(13,34,23,.9);backdrop-filter:blur(16px);
  box-shadow:0 12px 30px rgba(0,0,0,.1);
}
.biot-test .biot-primary button { min-height:48px;border-radius:11px;color:var(--ui-muted); }
.biot-test .biot-primary button[aria-current="page"] {
  color:#e8fff2;background:linear-gradient(145deg,rgba(55,111,78,.75),rgba(32,74,51,.72));
  border-color:rgba(118,230,170,.38);box-shadow:inset 0 1px rgba(232,255,242,.08),0 8px 18px rgba(0,0,0,.12);
}
.biot-test .biot-primary button[aria-current="page"] .biot-icon { color:var(--ui-jade);filter:drop-shadow(0 0 6px rgba(118,230,170,.24)); }
.biot-test .biot-heading { min-height:52px;margin-top:15px;padding:0 2px; }
.biot-test .biot-heading::before { width:3px;height:28px;background:linear-gradient(var(--ui-jade),rgba(118,230,170,.22));box-shadow:0 0 12px rgba(118,230,170,.18); }
.biot-test .biot-heading h2 { color:#edf8f1;font-size:clamp(25px,3vw,31px);font-weight:750;letter-spacing:-.025em; }
.biot-test .biot-heading h2::after { content:' / PERSONAL INSIGHT';margin-left:12px;color:rgba(145,170,155,.66);font:500 9px/1.2 Orbitron,monospace;letter-spacing:.15em;vertical-align:middle; }
.biot-test .biot-subnav { gap:8px;margin:10px 0 8px;padding-bottom:2px; }
.biot-test .biot-subnav button { min-height:40px;padding:8px 16px;border-radius:999px;border-color:var(--ui-line);background:rgba(13,32,22,.7); }
.biot-test .biot-subnav button[aria-selected="true"] { color:#dff9e9;background:rgba(44,91,63,.78);border-color:rgba(118,230,170,.42);box-shadow:0 0 0 3px rgba(118,230,170,.04); }
.biot-test .biot-subnav button::after { bottom:4px;background:var(--ui-jade); }
.biot-test .dash-grid { gap:22px; }
.biot-test .panel {
  border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;
  background:linear-gradient(155deg,rgba(22,52,35,.96),rgba(14,37,25,.95))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),var(--ui-shadow)!important;
}
.biot-test .panel::before { content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.018),transparent 34%); }
.biot-test .panel-title { color:#edf7f1;font-size:19px;font-weight:700;border-bottom-color:rgba(143,188,161,.13); }
.biot-test .panel-title::after { content:'';display:block;width:28px;height:2px;margin-top:13px;border-radius:2px;background:linear-gradient(90deg,var(--ui-jade),transparent); }
.biot-test .biot-disclosure>summary .panel-title::after { display:none; }
.biot-test .mini-label { color:var(--ui-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase; }
.biot-test .mini-val { color:var(--ui-text);font-size:15px;line-height:1.7; }
.biot-test :is(button,a,input,select,textarea):focus-visible { outline:2px solid var(--ui-jade)!important;outline-offset:3px; }
.biot-test .btn-primary,.biot-test .share-now-btn {
  border-color:rgba(118,230,170,.56)!important;
  background:linear-gradient(135deg,#2e8055,#205f40)!important;color:#effff5!important;
  box-shadow:0 10px 26px rgba(33,105,69,.22),inset 0 1px rgba(255,255,255,.12)!important;
}

/* Today: turn the first screen into a clear hierarchy. */
.biot-test[data-dash-view="today"][data-dash-sub="now"] [data-nav-panel="step"] {
  min-height:94px;padding:19px 24px!important;border-color:rgba(233,196,106,.3)!important;
  background:linear-gradient(110deg,rgba(67,75,34,.45),rgba(14,39,25,.96) 42%,rgba(10,29,19,.96))!important;
  box-shadow:inset 3px 0 0 rgba(233,196,106,.64),var(--ui-shadow)!important;
}
.biot-test[data-dash-view="today"][data-dash-sub="now"] [data-nav-panel="profile"] {
  border-color:var(--ui-line-strong)!important;
  background:radial-gradient(720px 260px at 0 0,rgba(67,133,91,.24),transparent 67%),linear-gradient(150deg,#163626,#0e281b)!important;
  box-shadow:inset 0 1px rgba(226,255,239,.045),0 24px 58px rgba(0,0,0,.22)!important;
}
.biot-test .profile-hero .biot-star-intro { border-bottom-color:rgba(118,230,170,.16);background:linear-gradient(90deg,rgba(118,230,170,.035),transparent 70%); }
.biot-test .profile-hero .biot-star-caption small { color:var(--ui-muted);letter-spacing:.18em; }
.biot-test .profile-hero .biot-star-caption strong { color:#e8fff2;font-size:21px; }
.biot-test .profile-hero .hero-name { color:#f1f7f3!important;font-size:32px!important;letter-spacing:.04em!important; }
.biot-test .profile-hero .hero-badge { border-color:var(--ui-line)!important;background:rgba(10,26,17,.64)!important; }
.biot-test .profile-hero img { box-shadow:0 10px 26px rgba(0,0,0,.3),0 0 0 1px rgba(235,197,105,.12)!important; }
.biot-test[data-dash-view="today"][data-dash-sub="now"] [data-nav-panel="actions"] { padding-top:22px; }
.biot-test [data-nav-panel="actions"] .act-row { min-height:68px;color:#cfe1d6; }
.biot-test [data-nav-panel="askPanel"] { border-color:rgba(118,202,184,.24)!important; }
.biot-test [data-nav-panel="askPanel"] .cheer-main { color:#aee8db!important;font-size:18px!important; }
.biot-test [data-nav-panel="vsSnap"] { background:radial-gradient(circle at 50% 25%,rgba(118,230,170,.075),transparent 62%),linear-gradient(155deg,rgba(22,52,35,.96),rgba(14,37,25,.95))!important; }
.biot-test :is([data-nav-panel="color"],[data-nav-panel="scent"],[data-nav-panel="health"]) { min-height:150px;padding:22px!important; }
.biot-test [data-nav-panel="color"] { box-shadow:inset 0 3px 0 rgba(233,196,106,.3),var(--ui-shadow)!important; }
.biot-test [data-nav-panel="scent"] { box-shadow:inset 0 3px 0 rgba(121,201,167,.25),var(--ui-shadow)!important; }
.biot-test [data-nav-panel="health"] { box-shadow:inset 0 3px 0 rgba(118,184,230,.23),var(--ui-shadow)!important; }
.biot-test [data-nav-panel="wisdomPanel"] { border-color:rgba(233,196,106,.24)!important;background:radial-gradient(600px 200px at 100% 0,rgba(233,196,106,.075),transparent 70%),linear-gradient(155deg,rgba(22,52,35,.96),rgba(14,37,25,.95))!important; }

/* Shared analysis pages. */
.biot-test :is(.biot-body-sky,.biot-curve-scroll,.biot-flip-front,.biot-flip-back) { border-color:var(--ui-line)!important;background-color:rgba(10,31,21,.58)!important; }
.biot-test .biot-star-reading,.biot-test .biot-curve-detail { border-color:var(--ui-line);background:rgba(8,28,17,.72); }
.biot-test .biot-element-row[aria-pressed="true"] { border-color:rgba(118,230,170,.42)!important;background:rgba(55,109,76,.22)!important; }
.biot-test .biot-type-portrait { border-radius:16px!important;box-shadow:0 15px 34px rgba(0,0,0,.28)!important; }
.biot-test .biot-experience-card { border-color:var(--ui-line);background:linear-gradient(145deg,rgba(22,55,37,.92),rgba(13,35,24,.94));box-shadow:0 12px 32px rgba(0,0,0,.14); }
.biot-test .biot-experience-card:hover { border-color:rgba(118,230,170,.42);box-shadow:0 18px 42px rgba(0,0,0,.2),0 0 0 1px rgba(118,230,170,.05); }
.biot-test .biot-card-emblem { color:var(--ui-jade);background:rgba(118,230,170,.08);border:1px solid rgba(118,230,170,.15); }
.biot-test .biot-card-number { color:rgba(233,196,106,.62); }
.biot-test .biot-disclosure>summary { min-height:48px; }
.biot-test .biot-disclosure>summary::after { color:var(--ui-jade); }

@media(max-width:820px) {
  body.biot-test { background-size:auto,36px 36px,36px 36px,auto; }
  .biot-test header { min-height:62px;padding:8px 14px; }
  .biot-test .wrap { padding:10px 14px calc(150px + env(safe-area-inset-bottom)); }
  .biot-test .biot-primary:not(.biot-dock) { top:62px;margin-inline:0;padding:4px;border-radius:14px; }
  .biot-test .biot-primary button { min-height:45px;padding:7px 4px;gap:5px;font-size:12px; }
  .biot-test .biot-heading { min-height:45px;margin-top:10px; }
  .biot-test .biot-heading h2 { font-size:24px; }
  .biot-test .biot-heading h2::after { display:none; }
  .biot-test .biot-subnav { margin-top:6px; }
  .biot-test .dash-grid { gap:16px; }
  .biot-test .panel { padding:18px!important;border-radius:15px!important;box-shadow:inset 0 1px rgba(255,255,255,.02),0 12px 32px rgba(0,0,0,.14)!important; }
  .biot-test .panel-title { font-size:18px;margin-bottom:15px;padding-bottom:11px; }
  .biot-test[data-dash-view="today"][data-dash-sub="now"] [data-nav-panel="step"] { min-height:82px;padding:16px 18px!important; }
  .biot-test .profile-hero .hero-name { font-size:28px!important; }
  .biot-test :is([data-nav-panel="color"],[data-nav-panel="scent"],[data-nav-panel="health"]) { min-height:0; }
}

@media(max-width:480px) {
  .biot-test .wrap { padding-inline:12px; }
  .biot-test .logo-circle { width:48px;height:48px; }
  .biot-test .logo-text h1 { font-size:18px; }
  .biot-test .member-copy { display:none; }
  .biot-test .app-download>summary { width:40px;height:40px;padding:0;justify-content:center; }
  .biot-test .app-download-label { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0); }
  .biot-test .app-download-icon { background:transparent;font-size:18px; }
  .biot-test .app-download-panel { position:fixed;top:68px;right:10px;left:10px;width:auto; }
  .biot-test .app-download-panel::before { right:70px; }
  .biot-test .biot-primary b { font-size:11px; }
  .biot-test .biot-subnav button { min-height:40px;padding:8px 13px; }
}

@media(prefers-reduced-motion:reduce) {
  .biot-test:not(.biot-motion-enabled) .biot-experience-card { transition:none; }
}