@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--ink:#171717;--paper:#fff;--soft:#f4f4f2;--accent:#fff116;--line:#deded9;--muted:#66665f}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid #423bc9;outline-offset:4px}h1:focus{outline:none}.shell{width:100%;max-width:420px;margin:24px auto;background:var(--paper);padding:0 28px;border:1px solid var(--line)}header{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-family:Space Grotesk,sans-serif;font-size:29px;letter-spacing:-1.8px;font-weight:700}.brand-dot{background:var(--accent);padding:0 2px;line-height:.6;display:inline-block}.step-number{font-size:10px;letter-spacing:1.4px;color:var(--muted)}main{min-width:0}.screen{min-height:620px;min-height:min(690px,calc(100dvh - 90px));padding:34px 0 26px;display:flex;flex-direction:column;gap:24px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;margin:0 0 14px}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(40px,12vw,52px);font-weight:500;line-height:1.04;letter-spacing:-2.8px;margin:0}.upload-target{background:var(--soft);border:1px solid var(--line);width:100%;flex:1 1;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:background .2s}.dragging,.upload-target:hover{background:#fffbd0}.portrait-frame{width:83px;height:103px;border:1px solid #adada5;border-radius:50% 50% 0 0;display:grid;place-items:center;position:relative;margin-bottom:7px}.portrait-frame:after{content:"";position:absolute;inset:7px;border:1px solid #d0d0c8;border-radius:50% 50% 0 0}.upload-label{display:flex;gap:24px;align-items:center;font-size:15px;font-weight:600}.upload-target small{font-size:11px;color:var(--muted)}.upload-notes p{font-size:12px;margin:0 0 7px}.upload-notes span{font-size:9px;letter-spacing:1px;color:var(--muted)}.privacy{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.age-intro{display:flex;justify-content:space-between;align-items:center;gap:18px}.thumbnail{width:76px;height:98px;object-fit:contain;background:var(--soft);border:1px solid var(--line)}.age-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}.age-grid button{background:var(--soft);border:1px solid var(--line);min-height:132px;padding:20px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-family:Space Grotesk,sans-serif;font-size:30px;letter-spacing:-1px}.age-grid button svg{align-self:flex-end}.age-grid button:focus-visible,.age-grid button:hover{background:var(--accent)}.hint{font-size:12px;color:var(--muted);margin:0}.back-button{background:none;border:0;min-height:52px;display:flex;align-items:center;gap:10px;padding:12px 0;font-size:14px;text-align:left;width:max-content}.ages-screen>.back-button{margin-top:auto}.loading-screen{justify-content:center;padding-bottom:90px}.loading-symbol{background:var(--accent);width:112px;height:112px;display:grid;place-items:center;margin-bottom:48px}.loading-copy{font-size:21px;letter-spacing:-.4px;margin:20px 0 0}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.result-screen{justify-content:center}.result-card{padding:28px 26px 34px;min-height:410px;display:flex;flex-direction:column;color:#171717}.card-brand{font-family:Space Grotesk,sans-serif;font-size:21px;letter-spacing:-1.2px;font-weight:700;margin-bottom:44px}.result-card .eyebrow{font-family:DM Sans,Arial,sans-serif;letter-spacing:1.7px;font-size:10px;margin:0;font-weight:600}.score{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:clamp(100px,32vw,136px);letter-spacing:-9px;line-height:1.1;margin:8px 0 25px}.explanation{font-size:17px;line-height:1.5;letter-spacing:-.2px;margin:0;overflow-wrap:anywhere}.result-actions{grid-template-columns:1fr 1.5fr;gap:20px}.primary{background:var(--ink);color:white;min-height:54px;border:0;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.primary:hover:not(:disabled){background:#383830}.error{background:#fff1ec;color:#8f2b16;padding:12px;font-size:12px;line-height:1.5;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){body{background:white}.shell{margin:0 auto;border:0;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.screen{min-height:calc(100dvh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:none}}@media(max-height:740px){header{height:70px}.screen{min-height:calc(100dvh - 72px);padding:24px 0 20px;gap:18px}.upload-target{min-height:170px}.portrait-frame{height:78px;width:65px;margin-bottom:0}.age-grid button{min-height:104px}.result-card{min-height:350px;padding:24px}.card-brand{margin-bottom:24px}.score{font-size:112px;margin-bottom:16px}.loading-screen{gap:0;padding-bottom:50px}.loading-symbol{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.shell{min-height:min(780px,100dvh)}.screen{min-height:min(778px,calc(100dvh - 50px));padding:40px 0;justify-content:center}.welcome{margin-bottom:66px}.welcome .wordmark{display:block;margin-bottom:28px}.welcome h1{font-size:52px}.source-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-button{min-height:190px;background:var(--accent);border:0;padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:28px}.source-button span{font-size:17px;font-weight:500}.source-button>svg:last-child{align-self:flex-end;margin-top:-48px}.source-button:last-child{background:var(--soft);border:1px solid var(--line)}.source-button:hover{filter:brightness(.96)}.age-grid{margin-top:0}.age-grid button{min-height:160px}.ages-screen{position:relative}.ages-screen>.icon-back{position:absolute;bottom:28px;margin:0;width:52px;justify-content:center}.loading-screen{gap:0}.result-card{justify-content:center;min-height:440px;padding:32px 26px}.result-card .score{font-size:132px;margin:0 0 28px}.result-actions{margin-top:0}.explanation{font-size:18px}@media(max-width:480px){.screen{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:30px 0}.shell{min-height:100dvh}.result-card{min-height:440px}}@media(max-height:660px){.welcome{margin-bottom:40px}.source-button{min-height:160px}.result-card{min-height:350px}.result-card .score{font-size:110px}.age-grid button{min-height:130px}.screen{padding-top:24px;padding-bottom:24px}}.step-result{padding-left:20px;padding-right:20px}.result-screen{justify-content:flex-start;gap:16px;padding:24px 0}.result-card{padding:0;min-height:0;display:block;overflow:hidden;background:var(--accent)}.result-photo{display:block;width:100%;height:clamp(240px,calc(100svh - 250px),480px);object-fit:cover;object-position:50% 40%;background:var(--soft)}.result-caption{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;padding:22px 20px}.result-card .score{font-size:62px;line-height:1;letter-spacing:-4px;margin:0;font-weight:500}.result-card .explanation{font-size:14px;line-height:1.45;letter-spacing:0;margin:0}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex-shrink:0}.result-actions .back-button,.result-actions .primary{min-height:50px;width:100%;justify-content:center;gap:12px;padding:12px 16px}.result-actions .back-button{border:1px solid var(--line)}@media(max-height:660px){.result-screen{padding:16px 0;gap:12px}.result-caption{padding:16px;gap:14px;grid-template-columns:66px 1fr}.result-card .score{font-size:56px}.result-card .explanation{font-size:13px}}.result-card{position:relative}.result-logo{position:absolute;z-index:1;top:12px;left:12px;background:var(--paper);padding:8px 10px;font-size:24px;line-height:1.1;letter-spacing:-1.5px}html[lang=he] body{font-family:Arial,DM Sans,sans-serif}html[lang=he] .age-grid button,html[lang=he] h1{font-family:Arial,Space Grotesk,sans-serif}html[lang=he] h1{letter-spacing:-1px}html[lang=he] .welcome h1{font-size:46px}.back-button{text-align:start}.result-logo{left:auto;right:auto;inset-inline-start:12px}.result-card .score,.wordmark{font-family:Space Grotesk,Arial,sans-serif}.contact{padding:0 0 20px}.contact a{color:inherit;font:inherit}.age-grid bdi{font-weight:inherit}.result-card .score{unicode-bidi:isolate}.language-menu{display:flex;justify-content:flex-end;padding-top:16px}.language-menu select{font:inherit;font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:8px;min-height:40px;max-width:140px}.language-menu select:focus-visible{outline:3px solid #423bc9;outline-offset:3px}.screen{min-height:min(722px,calc(100dvh - 106px))}@media(max-width:480px){.screen{min-height:calc(100dvh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.result-screen{min-height:0}