:root{color-scheme:dark;--bg:#061821;--panel:#0d2938;--line:#264353;--text:#eff8fc;--muted:#b4c7d1;--mint:#9bf4cd;--gold:#ffd58a;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}main{max-width:760px;margin:0 auto;padding:22px 18px calc(125px + env(safe-area-inset-bottom))}header{margin-bottom:18px}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.14em;color:var(--mint)}.eyebrow span{font-size:.7rem;color:var(--muted);margin-left:12px;letter-spacing:.08em}.title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}h1{font-size:clamp(1.3rem,5.5vw,2rem);letter-spacing:-.04em;margin:6px 0;font-weight:650;line-height:1.25}.step{font-size:1.2rem;font-weight:300;color:var(--mint);border-left:1px solid var(--line);padding-left:15px}.target{font-size:.8rem;margin:8px 0 0;color:var(--muted)}.target small{display:block;font-size:.75rem;color:#94aebc}.camera-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.camera-top{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;font-size:.85rem;color:var(--muted)}#phase{color:var(--mint)}#rate{font-variant-numeric:tabular-nums}.viewport{height:min(42vh,370px);min-height:230px;background:#020b11;position:relative}video,canvas{width:100%;height:100%;position:absolute;inset:0;display:block}video{object-fit:contain;transform:scaleX(-1)}canvas{pointer-events:none}.camera-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:32px 22px 70px;text-align:center;color:var(--muted);font-size:.9rem}.camera-empty[hidden]{display:none}.camera-empty strong{font-size:1rem;font-weight:500;color:var(--text)}.camera-symbol{color:var(--mint);font-size:2.6rem;line-height:1.2}.guide{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:max-content;max-width:94%;border:1px solid #466473;border-radius:24px;background:#061821dc;padding:7px 14px;font-size:.85rem;text-align:center;color:var(--text);overflow-wrap:anywhere}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.status-grid>div{background:var(--panel);padding:12px 6px;text-align:center;min-width:0}.status-grid span{display:block;font-size:.75rem;color:var(--muted);letter-spacing:.04em}.status-grid strong{display:block;font-size:.85rem;font-weight:500;margin-top:3px;color:#a8bac4}.status-grid strong.ok{color:var(--mint)}.message{margin:16px 0 22px;min-height:3em;font-size:.95rem;padding-left:12px;border-left:2px solid var(--mint);overflow-wrap:anywhere}.message.error{border-color:var(--gold);color:var(--gold)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-heading h2{font-size:1rem;margin:0;font-weight:550}.section-heading>span{font-size:.8rem;color:var(--muted)}.eye-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eye-grid article{min-width:0;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.eye-grid h3{font-size:.95rem;font-weight:500;margin:0 0 6px}.eye-grid small{color:var(--muted);font-size:.75rem;margin-left:4px}.reading{font-size:clamp(1.6rem,8vw,2.6rem);font-variant-numeric:tabular-nums;font-weight:450;line-height:1.3;color:var(--mint)}.unit{font-size:.8rem;color:var(--muted)}.meter{margin-top:14px;height:4px;border-radius:2px;background:#284452;overflow:hidden}.meter i{height:100%;width:0;display:block;background:var(--mint)}.eye-grid p{font-size:.8rem;color:var(--muted);margin:14px 0 0}.eye-grid b{display:block;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;font-size:1rem}.note{font-size:.85rem;color:var(--muted);line-height:1.7}.data-panel{border-top:1px solid var(--line);padding:16px 0;margin-top:10px;font-size:.9rem}.data-panel summary{font-weight:500;cursor:pointer;min-height:30px}.data-panel dl{margin:16px 0}.data-panel dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:8px 0;border-bottom:1px solid #143543}.data-panel dt{color:var(--muted);font-size:.85rem}.data-panel dd{margin:0;text-align:right;font-size:.9rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.data-panel ol{padding-left:23px}.data-panel li{padding:5px 0}a{color:var(--mint)}footer{font-size:.75rem;color:#8eabb9;margin-top:16px}.controls{position:fixed;bottom:0;left:0;right:0;background:#092333f7;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:14px 18px calc(14px + env(safe-area-inset-bottom));z-index:5}.controls>div{max-width:724px;margin:auto;display:grid;grid-template-columns:1.65fr 1fr;gap:12px}button{font:inherit;min-height:52px;font-size:1rem;font-weight:650;border-radius:12px;cursor:pointer;touch-action:manipulation;border:1px solid var(--mint);background:var(--mint);color:#092333}#stop{color:var(--text);border-color:#5a7482;background:transparent}button:disabled{opacity:.38;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(min-width:650px){main{padding-top:30px}.viewport{height:380px}.eye-grid article{padding:22px}.eye-grid b{display:inline;margin-left:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* The scan stays readable on a narrow phone, including Safari's dynamic bars. */
[hidden]{display:none!important}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{padding:10px 14px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h2{font-size:1.35rem;line-height:1.4;margin:0 0 10px}fieldset{min-width:0;border:0;padding:0;margin:20px 0}legend{font-size:.95rem;font-weight:650;margin-bottom:8px;padding:0}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0b2634;border:1px solid var(--line);padding:5px;border-radius:14px;margin:20px 0}.mode-tabs button{border:0;background:transparent;color:var(--muted);min-height:46px;font-size:.9rem}.mode-tabs button[aria-pressed="true"]{background:var(--mint);color:var(--bg)}.experiment-notice{font-size:.82rem;color:var(--gold);border-left:2px solid var(--gold);padding:2px 0 2px 12px;margin-bottom:22px}.setup-card{padding:24px 18px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.setup-card>p{font-size:.85rem;color:var(--muted)}.kind-choice{display:flex;gap:12px}.kind-choice label{flex:1;border:1px solid #476574;border-radius:8px;padding:12px 7px;display:flex;align-items:center;gap:8px;font-size:.88rem}.field-label{display:block;font-size:.9rem;margin:18px 0}.field-label span{color:var(--muted);font-size:.8rem;margin-left:8px}input[type="text"],select,textarea{font:inherit;color:var(--text);background:#071d29;border:1px solid #476574;border-radius:8px;padding:12px;width:100%;display:block;margin-top:8px;min-height:48px}textarea{line-height:1.65;font-size:.85rem;resize:vertical}input[type="radio"],input[type="checkbox"]{accent-color:var(--mint);width:20px;height:20px;flex:0 0 20px;margin:0}input:disabled{opacity:.4}.subjective p{font-size:.78rem;color:var(--muted);margin:0 0 12px}#subjective-options{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}#subjective-options button{padding:6px 0;min-height:44px;border-color:#496877;background:#0a2230;color:var(--text)}#subjective-options button[aria-pressed="true"]{background:var(--mint);border-color:var(--mint);color:var(--bg)}#subjective-selected{display:block;margin-top:10px;font-size:.85rem;color:var(--mint);font-weight:500}.check-label{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;margin-top:20px}.check-label input{margin-top:3px}.primary{display:block;width:100%;margin-top:22px;min-height:58px}.error{color:var(--gold)!important}#flow-message{min-height:2.5em}.history-panel{margin:24px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.9rem}.history-panel summary{cursor:pointer;min-height:40px}.history-item{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:.8rem;font-weight:500;margin:8px 0;padding:14px}.quiet{min-height:44px;font-size:.8rem;background:transparent;color:var(--muted);border-color:#476574;margin-top:10px}.result-card{margin-top:24px;border:1px solid var(--line);border-radius:18px;padding:22px 18px;background:#0a2230;scroll-margin-top:14px}.score-name{font-size:.85rem;letter-spacing:.12em;margin:26px 0 0}.score-name span{font-size:.75rem;letter-spacing:0;color:var(--muted);margin-left:10px}.score-value{font-size:clamp(2.7rem,14vw,4.8rem);color:var(--mint);line-height:1.35;font-weight:600;font-variant-numeric:tabular-nums}.comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:20px 0;gap:4px}.comparison>div span{display:block;color:var(--muted);font-size:.75rem}.comparison strong{display:block;font-size:1.7rem;font-weight:550;font-variant-numeric:tabular-nums}.comparison p{grid-column:1/-1;margin:12px 0 0;color:var(--mint);font-size:1rem}.result-data>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.82rem}.result-data dt{color:var(--muted)}.result-data dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.result-card details{margin:22px 0;font-size:.8rem;color:var(--muted)}.result-card summary{cursor:pointer;color:var(--text);min-height:38px}.result-actions{display:grid;gap:9px}.result-actions button{font-size:.9rem}.result-actions button:not(:first-child),.report-actions button{border-color:#4d6e7e;background:transparent;color:var(--text)}.report-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.report-actions button{font-size:.85rem}.mode-scan .controls,.mode-scan #lab-section{display:none}.mode-scan main{padding-bottom:32px}.mode-lab #lab-section{display:block}.scanning{overflow:hidden}.scanning #lab-section{display:block}.scanning #lab-section>*{display:none}.scanning #lab-section>.camera-panel{display:block;position:fixed;right:18px;bottom:calc(16px + env(safe-area-inset-bottom));width:100px;border-radius:12px;z-index:110;box-shadow:0 0 0 1px #466473}.scanning .camera-panel .camera-top,.scanning .camera-panel .status-grid,.scanning .camera-panel .guide{display:none}.scanning .camera-panel .viewport{width:100%;height:122px;min-height:0}.scanning .camera-empty{padding:5px;font-size:.6rem;gap:3px}.scanning .camera-empty strong{font-size:.65rem}.scanning .camera-symbol{font-size:1.5rem}.scanning .camera-empty>span:last-child{display:none}#scan-stage{position:fixed;inset:0;z-index:100;background:var(--bg);padding:calc(14px + env(safe-area-inset-top)) 18px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;height:100%;height:100dvh}.stage-top{display:flex;align-items:center;gap:14px;font-size:.9rem;color:var(--muted)}#countdown{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--mint)}#cancel-scan{min-height:44px;padding:6px 15px;font-size:.85rem;font-weight:500;border-color:#567281;color:var(--text);background:transparent}#scan-progress{width:100%;height:3px;border:0;margin:16px 0 24px;flex:0 0 3px;background:#264353;accent-color:var(--mint)}#scan-progress::-webkit-progress-bar{background:#264353}#scan-progress::-webkit-progress-value{background:var(--mint)}#scan-stage h2{font-size:clamp(1.2rem,5vw,1.6rem);margin:0 0 6px}#stage-instruction{color:var(--muted);font-size:.85rem;line-height:1.7;margin:0;min-height:3.4em}#stimulus-area{position:relative;flex:1;min-height:160px;margin:16px 0 12px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#081e2a}#tracking-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--mint);border:5px solid #caffea;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #9bf4cd16}#reaction-pad{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:15px;background:#20333f;color:var(--gold);padding:20px;font-size:1.15rem;user-select:none;-webkit-user-select:none}#reaction-pad.go{background:var(--mint);color:#061821;font-size:2rem}#reaction-pad:disabled{opacity:1;background:#123142;color:var(--muted)}#recognition-symbol{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:110px;line-height:1;font-family:Arial,sans-serif;color:var(--mint)}#stage-feedback{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.8rem;color:var(--muted);margin:8px;padding:5px;pointer-events:none}#reaction-pad.go~#stage-feedback{color:#123142}#recognition-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}#recognition-choices button{font-size:1.8rem;min-height:62px;font-family:Arial,sans-serif}.stage-note{font-size:.75rem;line-height:1.8;min-height:122px;margin:0;padding-right:118px;color:var(--muted);display:flex;align-items:center;flex:0 0 122px}@media(min-width:650px){.setup-card,.result-card{padding:30px}#subjective-options{grid-template-columns:repeat(11,1fr)}#scan-stage{left:50%;transform:translateX(-50%);width:min(100%,760px)}.scanning #lab-section>.camera-panel{right:max(18px,calc((100vw - 724px)/2))}.result-actions{grid-template-columns:1fr 1fr}.result-actions button:first-child{grid-column:1/-1}}:where(#scan-stage[data-short="true"]) #scan-progress{margin:10px 0 14px}:where(#scan-stage[data-short="true"]) #stage-instruction{font-size:.78rem}:where(#scan-stage[data-short="true"]) #stimulus-area{min-height:120px;margin:10px 0}:where(#scan-stage[data-short="true"]) .stage-note{min-height:100px;flex-basis:100px}:where(#scan-stage[data-short="true"]) #recognition-choices button{min-height:50px}@media(max-height:700px){.scanning .camera-panel .viewport{height:100px}}@media(max-width:350px){main{padding-left:12px;padding-right:12px}.setup-card,.result-card{padding:18px 14px}#subjective-options{gap:5px}.stage-top{gap:7px}#scan-stage{padding-left:12px;padding-right:12px}}

/* Additional test workspace: same visual language, raw results before scoring. */
.research-entry a{display:block;padding:16px;border:1px solid var(--mint);border-radius:12px;font-size:.9rem;text-decoration:none}.mode-research #lab-section{display:none}.mode-research.scanning #lab-section{display:block}.mode-research.no-camera #lab-section{display:none!important}.mode-research #symptom-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.mode-research #symptom-fields label:last-child{grid-column:1/-1}.mode-research .field-label{font-size:.9rem}.mode-research .note{font-size:.875rem}.candidate-section{margin:32px 0}.candidate-list{display:grid;gap:12px}.candidate-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--panel)}.candidate-card h3{margin:0;font-size:1.1rem}.candidate-card .badge{font-size:.78rem;color:var(--mint)}.candidate-card p{font-size:.9rem;color:var(--muted)}.candidate-card button{width:100%;font-size:.95rem}.comparison-text{margin:20px 0;font-size:.9rem;border-left:2px solid var(--mint);padding:0 0 0 12px}.mode-research .report-actions{margin:18px 0}.mode-research #experiment-report{font-size:.875rem}.mode-research main{padding-bottom:30px}#experiment-stage{position:fixed;inset:0;z-index:100;background:var(--bg);padding:calc(14px + env(safe-area-inset-top)) 18px calc(14px + env(safe-area-inset-bottom));height:100%;height:100dvh;display:flex;flex-direction:column}#experiment-stage h2{font-size:1.25rem;margin:10px 0 6px}#experiment-instruction{font-size:.9rem;color:var(--muted);line-height:1.7;margin:0;min-height:3.4em}#experiment-time{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--mint)}#experiment-stop{min-height:44px;background:transparent;color:var(--text);border-color:#587585;font-size:.9rem}#experiment-progress{width:100%;height:3px;margin:12px 0;border:0;accent-color:var(--mint)}.experiment-board{position:relative;flex:1;min-height:150px;background:#102e3d;border:1px solid var(--line);border-radius:14px;margin:10px 0;overflow:hidden;display:flex;align-items:center;justify-content:center}.experiment-board button{touch-action:manipulation}.experiment-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.experiment-answers button{font-size:1.7rem;min-height:58px}.experiment-board .test-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--mint);transform:translate(-50%,-50%)}.experiment-board .reaction-button{width:100%;height:100%;position:absolute;inset:0;border:0;background:#203744;color:var(--gold);font-size:1.2rem}.experiment-board .reaction-button.ready{background:var(--mint);color:#082331;font-size:1.8rem}.experiment-board .reading-text{font-size:16px;line-height:2;padding:20px;overflow-y:auto;max-height:100%;align-self:flex-start}.experiment-board.light-board{background:#fff;color:#000}.symbol-row{display:flex;gap:16px;justify-content:center;align-items:center}.test-symbol{font-family:Arial,sans-serif;font-size:46px;line-height:1;font-weight:600}.flanker{font-family:Arial,sans-serif;font-size:46px;line-height:1;visibility:hidden}.flanker.present{visibility:visible}.search-grid{display:grid;gap:6px;padding:12px;width:100%;max-width:340px}.search-grid button{padding:0;min-height:44px;font-size:1.4rem;background:#163a4d;color:var(--text);border-color:#446777;border-radius:7px}.search-grid button:disabled{opacity:1}.experiment-answers button:disabled{opacity:.3}#experiment-feedback{font-size:.875rem;min-height:1.6em;margin:8px 0;color:var(--mint)}#experiment-camera-note{font-size:.8rem;min-height:112px;flex-basis:112px}.no-camera #experiment-camera-note{min-height:38px;flex-basis:38px;padding-right:0}.mode-research .history-item{font-size:.875rem}.evidence-table{width:100%;border-collapse:collapse;font-size:.875rem}.evidence-table th,.evidence-table td{border-bottom:1px solid var(--line);padding:14px 8px;text-align:left;vertical-align:top}.evidence-table td:first-child{min-width:110px}.evidence-wrap{overflow-x:auto}@media(min-width:650px){.candidate-list{grid-template-columns:1fr 1fr}#experiment-stage{left:50%;transform:translateX(-50%);width:min(100%,760px)}}@media(max-height:720px){#experiment-instruction{font-size:.8rem;min-height:2.8em}.experiment-board{min-height:110px}#experiment-camera-note{min-height:94px;flex-basis:94px}.experiment-answers button{min-height:48px}.experiment-board .reading-text{line-height:1.6}}

.experiment-answers .unknown-answer{grid-column:1/-1;font-size:.9rem;min-height:42px;background:transparent;color:var(--muted);border-color:#4c6a79}.mode-research .setup-card summary{min-height:40px;cursor:pointer}

#experiment-stage{overflow-y:auto}

.account-panel{margin:1rem 0;padding:1rem 1.2rem;border:1px solid #243a46;border-radius:16px;background:linear-gradient(135deg,#0b1820dd,#060b0edd)}.account-panel h2{font-size:1rem;line-height:1.6;letter-spacing:.05em;margin:.3rem 0}.account-panel .screen-kicker{font-size:.65rem;color:#83cbe9;letter-spacing:.2em}.account-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}.account-actions button{min-height:44px;padding:.65rem 1rem}.account-panel button:disabled{opacity:.5;cursor:default}

/* Today's visitors are available only inside the staff entry step. */
.reservation-picker{padding:1rem;margin:0 0 1.25rem;border:1px solid rgba(149,213,245,.25);border-radius:16px;background:rgba(142,211,250,.045)}
.reservation-picker h3{margin:0 0 1rem;font-size:1rem;font-weight:500}.reservation-actions{display:flex;gap:.7rem;flex-wrap:wrap}.reservation-actions button{flex:1;min-width:130px}.reservation-picker .notice:empty{display:none}#store-customer-id[readonly]{opacity:.75}