*{box-sizing:border-box}:root{color:#f7fbff;font-synthesis:none;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#07111f;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8be9dd}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phone-shell{background:radial-gradient(circle at 50% 0,#122b43 0,#091827 28%,#07111f 55%);width:min(100%,480px);min-height:100vh;margin:0 auto;padding:0 18px 28px}.topbar{border-bottom:1px solid #1c3042;justify-content:space-between;align-items:center;padding:22px 0 18px;display:flex}.brand{align-items:center;gap:11px;display:flex}.logo{color:#07111f;background:#65ddcb;border-radius:14px;place-items:center;width:43px;height:43px;font-size:27px;font-weight:900;display:grid;box-shadow:0 8px 30px #65ddcb29}.logo-wave{transform:rotate(-18deg)}h1{letter-spacing:-.03em;margin:0;font-size:1.25rem}.brand p{color:#8fa5b7;margin:2px 0 0;font-size:.76rem}.prototype-pill{color:#7edbce;letter-spacing:.12em;background:#102235;border:1px solid #29445a;border-radius:7px;padding:6px 8px;font-size:.6rem;font-weight:900}.capture-screen{padding-top:20px}.camera-frame{background:linear-gradient(160deg,#0c1c2b,#08131f);border:1px solid #294157;border-radius:26px;min-height:385px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}.camera-frame.has-photo{aspect-ratio:4/5;background:#02070c;min-height:0}.camera-preview{object-fit:cover;width:100%;height:100%;display:block}.camera-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:385px;padding:40px 30px;display:flex}.camera-empty h2{letter-spacing:-.025em;margin:18px 0 8px;font-size:1.3rem}.camera-empty p{color:#91a5b7;max-width:310px;margin:0;font-size:.88rem;line-height:1.55}.camera-symbol{color:#71e1d1;background:#10283b;border:1px solid #2e5265;border-radius:50%;place-items:center;width:66px;height:66px;font-size:2.2rem;display:grid}.viewfinder{pointer-events:none;position:absolute;inset:20px}.viewfinder span{border-color:#43637b;width:30px;height:30px;position:absolute}.viewfinder span:first-child{border-top:2px solid;border-left:2px solid;border-radius:8px 0 0;top:0;left:0}.viewfinder span:nth-child(2){border-top:2px solid;border-right:2px solid;border-radius:0 8px 0 0;top:0;right:0}.viewfinder span:nth-child(3){border-bottom:2px solid;border-left:2px solid;border-radius:0 0 0 8px;bottom:0;left:0}.viewfinder span:nth-child(4){border-bottom:2px solid;border-right:2px solid;border-radius:0 0 8px;bottom:0;right:0}.change-photo{color:#fff;background:#050e17e0;border:1px solid #688095;border-radius:999px;padding:9px 14px;font-weight:750;position:absolute;bottom:14px;right:14px}.camera-button,.analyze-button{color:#06131e;background:#65ddcb;border:0;border-radius:20px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:72px;margin-top:16px;display:flex;box-shadow:0 10px 35px #65ddcb24}.camera-button-icon{border:2px solid #0b3a3a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.camera-button span:last-child,.analyze-button span:last-child{flex-direction:column;align-items:flex-start;display:flex}.camera-button strong,.analyze-button strong{font-size:1.02rem}.camera-button small,.analyze-button small{opacity:.68;margin-top:2px;font-size:.7rem}.analyze-button{background:linear-gradient(110deg,#65ddcb,#8cc8ff)}.analyze-button:disabled{opacity:.72;cursor:wait}.error{color:#ffb6ad;margin:12px 3px 0;font-weight:700}.tip{color:#8196a9;align-items:flex-start;gap:11px;margin:17px 5px 0;display:flex}.tip>span{color:#65ddcb}.tip p{margin:0;font-size:.75rem;line-height:1.5}.tip strong{color:#aebdca}.results-screen{padding-top:24px}.result-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.overline{color:#65ddcb;letter-spacing:.14em;margin:0 0 4px;font-size:.65rem;font-weight:900}.result-topline h2{letter-spacing:-.035em;margin:0;font-size:1.55rem}.new-scan{color:#c8d5df;background:#102235;border:1px solid #29445a;border-radius:11px;padding:9px 11px;font-size:.75rem;font-weight:700}.voice-card{text-align:left;color:#f5fbff;background:linear-gradient(135deg,#1f5e5b6e,#102b4085);border:1px solid #2a6b68;border-radius:22px;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.voice-circle{color:#07141e;background:#65ddcb;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;padding-left:3px;font-size:17px;display:grid}.voice-copy{flex-direction:column;gap:5px;display:flex}.voice-copy small{color:#79dacc;letter-spacing:.12em;font-size:.61rem;font-weight:900}.voice-copy strong{font-size:.88rem;line-height:1.45}.voice-copy em{color:#8299ab;font-size:.68rem;font-style:normal}.hazard-card,.objects-card,.text-card{background:#0b1927;border:1px solid #263d51;border-radius:20px;margin-top:14px;padding:17px}.hazard-card{background:#3e291a52;border-color:#654d37}.card-title{color:#aebfcd;align-items:center;gap:9px;margin-bottom:8px;font-size:.78rem;display:flex}.card-title>span{color:#73dfcf;background:#142a3c;border-radius:7px;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.hazard-card .card-title>span{color:#ffbd7d;background:#3a291c}.hazard-card .card-title{color:#ffd0a2}.object-row{border-top:1px solid #1d3345;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.object-row:first-of-type{border-top:0}.object-row>span{flex-direction:column;gap:2px;display:flex}.object-row strong{font-size:.92rem}.object-row small{color:#758b9e;font-size:.68rem}.object-row b{color:#75ddce;white-space:nowrap;font-size:.78rem}.hazard-card .object-row b{color:#ffc188}.detected-text{letter-spacing:.08em;padding:12px 0 2px;font-size:1.25rem;font-weight:900}footer{color:#718698;border-top:1px solid #1b2d3d;align-items:flex-start;gap:9px;margin:24px 4px 0;padding-top:18px;display:flex}footer span{color:#7c93a6}footer p{margin:0;font-size:.68rem;line-height:1.5}footer strong{color:#96a9b9}@media (width>=700px){body{padding:28px 0}.phone-shell{border:1px solid #20374a;border-radius:32px;min-height:calc(100vh - 56px);box-shadow:0 30px 90px #00000059}}@media (height<=760px){.camera-frame,.camera-empty{min-height:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}