:root{--ink:#203b70;--purple:#7158d8;--pink:#f56f9b;--teal:#4cc0b8;--paper:#fff;--lavender:#f1edff}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:var(--lavender);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.screen{min-height:100svh;padding:clamp(16px,3vw,32px);display:grid;place-items:center;overflow:hidden}.screen[hidden]{display:none!important}.panel{width:min(100%,680px);max-height:calc(100svh - 32px);overflow:auto;background:var(--paper);border-radius:28px;padding:clamp(22px,4vw,38px);box-shadow:0 13px 0 #ddd4fa;text-align:center}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,9vw,5.2rem);line-height:.92;margin-bottom:18px}h2{font-size:clamp(1.65rem,5vw,2.35rem);line-height:1.05;margin-bottom:12px}.eyebrow{color:var(--purple);font-size:.87rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.helper,.status-text{color:#52688f;line-height:1.45}.status-text{min-height:1.45em;font-size:.92rem}.button{width:100%;border:0;border-radius:18px;padding:17px 20px;color:white;font-size:1.1rem;font-weight:800;box-shadow:inset 0 -5px rgba(25,48,92,.28);transition:transform .15s ease,filter .15s ease}.button:hover,.button:focus-visible{filter:brightness(1.04);transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.7;transform:none}.button-pink{background:var(--pink)}.button-purple{background:var(--purple)}.button-large{font-size:clamp(1.12rem,4vw,1.35rem);padding-block:20px}.text-button{border:0;background:none;color:var(--purple);font-weight:800;margin-top:15px;text-decoration:underline}.full-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.intro-screen,#loading-screen{position:relative;color:white}.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,19,66,.1),rgba(23,11,70,.76))}.intro-content,.loading-content{position:relative;z-index:1;width:min(90%,640px);text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.35)}.intro-content p{font-size:clamp(1.05rem,3vw,1.35rem);margin-bottom:28px}.intro-content .eyebrow{color:#fff3a4}.video-panel{display:grid;gap:16px}.guide-video{width:100%;max-height:min(55svh,510px);object-fit:contain;background:#17122e;border-radius:18px}.mascot{font-size:4rem}.name-panel{max-width:730px}.name-input-wrap{display:block;text-align:left;font-weight:800}.name-input-wrap span{display:block;margin:0 0 7px 3px}.name-input-wrap input{width:100%;border:2px solid #d7cdf9;border-radius:15px;padding:15px;color:var(--ink);font-size:1.15rem;background:#fbfaff}.voice-button{margin:14px 0 4px;border:2px solid #b7ede8;border-radius:15px;width:100%;padding:12px;background:#effdfa;color:#17706b;font-weight:800}.voice-button.listening{background:#ffe8ef;border-color:#ffafc5;color:#b42e58;animation:pulse 1.2s infinite}.keyboard{display:grid;gap:7px;margin:18px auto;max-width:620px}.key-row{display:flex;justify-content:center;gap:6px}.key{min-width:28px;border:0;border-radius:8px;padding:11px 8px;background:#e9e3ff;color:var(--ink);font-weight:800;box-shadow:inset 0 -2px #c9bff3}.key.special{padding-inline:14px;background:#d7ceed}.camera-panel{max-width:760px}.camera-heading{display:flex;align-items:start;justify-content:space-between;gap:8px;text-align:left}.camera-heading .eyebrow{margin-bottom:4px}.camera-heading h2{text-align:left}.camera-dot{width:18px;height:18px;flex:none;border:4px solid #ffd2de;border-radius:50%;background:#ff5c7e;box-shadow:0 0 0 4px #fff0f4}.camera-wrap{position:relative;overflow:hidden;border:4px solid #ccbdf8;border-radius:24px;background:#182033;aspect-ratio:4/3}#camera-preview{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-guide{position:absolute;inset:21% 13%;display:grid;place-items:start center;padding-top:12px;border:3px dashed white;border-radius:20px;color:#fff;font-weight:800;text-shadow:0 2px 4px #000;pointer-events:none}.camera-guide span{background:rgba(33,40,69,.45);padding:4px 10px;border-radius:15px}.loading-content{display:grid;justify-items:center}.sparkle-orbit{width:94px;height:94px;display:grid;place-items:center;border:4px dashed #fff5ae;border-radius:50%;font-size:2.4rem;animation:spin 3s linear infinite}.loading-content h2{margin:26px 0 8px}.loading-dots{display:flex;gap:10px;margin-top:20px}.loading-dots i{width:14px;height:14px;background:#fff;border-radius:50%;animation:bounce 1s infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.result-icon{font-size:4.2rem}.pressure-result{display:flex;justify-content:center;align-items:center;gap:clamp(12px,4vw,30px);margin:22px 0 2px}.pressure-result div{display:grid;gap:2px}.pressure-result strong{color:var(--purple);font-size:clamp(4rem,16vw,7.5rem);line-height:.8;letter-spacing:-.08em}.pressure-result span{color:#66799d;font-weight:800}.pressure-result b{color:var(--pink);font-size:3rem}.unit{margin-bottom:18px;color:#65769a;font-weight:800}.assessment-card{border-radius:18px;padding:17px;margin:0 0 13px;color:white;background:var(--teal)}.assessment-card h3{margin-bottom:7px;font-size:1.3rem}.assessment-card p{margin-bottom:0;line-height:1.35}.assessment-card.watch{background:#ecad42}.assessment-card.attention,.assessment-card.urgent{background:#ef6476}.disclaimer{color:#627298;font-size:.83rem;line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{50%{transform:translateY(-10px);opacity:.5}}@keyframes pulse{50%{transform:scale(1.02)}}@media(max-width:430px){.screen{padding:10px}.panel{max-height:calc(100svh - 20px);border-radius:22px;padding:19px}.key{min-width:0;flex:1;padding:10px 3px;font-size:.82rem}.key.special{flex:1.45;padding-inline:4px}}