@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Hebrew:wght@400;500;600;700&display=swap";
:root{color:#fff;font-synthesis:none;--orange:#fd4900;background:#000;font-family:IBM Plex Sans Hebrew,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #ff8e60}button{transition:background .15s,transform .15s,border-color .15s}button:not(:disabled):active{transform:scale(.96)}.app{isolation:isolate;background:#000;height:100dvh;min-height:100svh;position:relative;overflow:hidden}.light{color:#252525;background:#fff;overflow:auto}.camera-preview{object-fit:cover;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.mirror{transform:scaleX(-1)}.hidden{display:none}.camera-shade{z-index:-2;background:linear-gradient(#0000002e,#0000 50%,#000000bf);position:absolute;inset:0}.wtf{min-height:30px;padding:0;font-size:20px;font-weight:600;text-decoration:underline;position:absolute;top:24px;left:24px}.consent{text-align:center;width:min(450px,100% - 64px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.consent p{margin:0 0 24px;font-size:18px;line-height:1.6}.inline-upload{font:inherit;padding:0}.inline-upload:hover{text-decoration:underline}.primary{background:var(--orange);color:#fff;border-radius:12px;min-height:48px;padding:12px 24px;font-weight:600}.primary:hover{background:#df4100}.primary:disabled{opacity:.6}.camera-controls{width:min(672px,100%);position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.instruction{text-align:center;margin:0 0 12px;font-size:12px;line-height:18px}.style-scroll{scrollbar-width:none;padding:0 16px 6px;overflow:auto}.style-scroll::-webkit-scrollbar{display:none}.styles{justify-content:center;gap:10px;width:max-content;min-width:100%;display:flex}.style{flex-direction:column;flex:0 0 55px;align-items:center;gap:6px;padding:0;font-size:12px;line-height:18px;display:flex}.style-circle{background:#ffffff30;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .15s;display:flex}.style-circle img{object-fit:contain;width:39px;height:39px}.style:hover .style-circle{background:#ffffff50}.style.selected .style-circle{border-color:var(--orange);background:#fd490040;box-shadow:0 0 0 3px #fd490020}.style.selected{color:#ff8655}.dice{font-size:30px;line-height:1}.shutter-row{justify-content:center;align-items:center;height:84px;margin-top:18px;display:flex;position:relative}.upload{background:#ffffff30;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;left:0}.upload:hover{background:#ffffff50}.upload svg{width:24px;height:24px}.shutter{background:0 0;border:4px solid #fff;border-radius:50%;width:80px;height:80px;padding:4px}.shutter span{background:#fff;border-radius:50%;width:100%;height:100%;display:block}.shutter:disabled{opacity:.5}.shutter:not(:disabled):hover{border-color:var(--orange)}.shutter:not(:disabled):hover span{background:var(--orange)}.privacy{text-align:center;color:#a8a8a8;margin:10px 16px 0;font-size:10px;line-height:16px}.preview-hint{background:#0007;border-radius:30px;align-items:center;gap:12px;padding:4px 12px;font-size:12px;display:flex;position:absolute;top:24px;right:24px}.preview-hint button{place-items:center;width:32px;height:32px;display:grid}.toast{z-index:20;color:#fff;background:#252525;border:1px solid #ffffff30;border-radius:12px;align-items:center;gap:12px;width:calc(100% - 40px);max-width:480px;padding:14px 16px;font-size:14px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0003}.toast button{flex-shrink:0;place-items:center;width:32px;height:32px;margin-inline-start:auto;display:grid}.loading-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;text-align:center;background:#000b;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.loading-face{font-size:88px;animation:2s ease-in-out infinite bob}.eyebrow{letter-spacing:.02em;color:var(--orange);margin:24px 0 8px;font-size:12px;font-weight:600}.loading-overlay h2{margin:0;font-size:24px;font-weight:500;line-height:1.5}.fact{max-width:350px;min-height:80px;margin:28px 0 8px;font-size:17px;line-height:1.7;animation:.3s appear}.progress-dots{direction:ltr;gap:7px;display:flex}.progress-dots i{background:#555;border-radius:10px;width:5px;height:5px}.progress-dots i.active{background:var(--orange);width:20px}.source-link{color:#aaa;margin-top:25px;font-size:11px}.text-button{min-height:44px;margin-top:28px;font-size:13px;text-decoration:underline}.awareness{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(480px,100%);min-height:100%;margin:auto;padding:40px 28px;display:flex}.awareness>img{object-fit:contain;width:110px;height:110px}.awareness h1{margin:4px 0 20px;font-size:42px;font-weight:700;line-height:1.2}.awareness>p:not(.eyebrow){margin:0 0 16px;font-size:17px;line-height:1.75}.awareness>strong{margin:10px 0 30px;font-size:22px}.acknowledgement{cursor:pointer;border:1px solid #ddd;border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:14px 20px;font-weight:600;display:flex;position:relative}.acknowledgement input{opacity:0;width:24px;height:24px;position:absolute;right:20px}.acknowledgement:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:3px}.check-box{border:1.5px solid #999;border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.checked{border-color:var(--orange);background:#fff3ed}.checked .check-box{background:var(--orange);border-color:var(--orange);color:#fff}.health-link{color:#777;margin:22px 0 0;font-size:12px}.result-screen{min-height:100%;padding-bottom:32px}.result-header{border-bottom:1px solid #eee;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:22px 28px;display:grid}.result-header h1{text-align:center;margin:0;font-size:18px}.result-header button{color:var(--orange);justify-self:start;align-items:center;gap:6px;min-height:32px;font-size:15px;display:flex}.result-content{text-align:center;max-width:440px;margin:auto;padding:0 24px}.result-content .eyebrow{margin:26px 0 15px}.result-card{background:#f3f3f3;border-radius:20px;justify-content:center;display:flex;overflow:hidden}.result-card img{object-fit:contain;width:100%;max-height:55dvh;display:block}.result-caption{color:#707070;margin:16px 0 24px;font-size:14px}.result-actions{justify-content:center;gap:12px;display:flex}.result-actions button{border:1px solid #e5e5e5;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:54px;font-weight:500;display:flex}.result-actions button.primary{border:0}.result-actions svg{width:19px}.try-again{color:#777;align-items:center;gap:8px;min-height:44px;margin-top:20px;font-size:13px;display:inline-flex}.info-dialog{color:#252525;overscroll-behavior:contain;background:#fff;border:0;border-radius:24px 24px 0 0;width:min(680px,100%);max-width:100%;max-height:80dvh;margin:0 auto;padding:0;position:fixed;inset:auto 0 0}.info-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.info-inner{padding:28px 40px 40px}.sheet-handle{background:#ddd;border-radius:4px;width:40px;height:4px;position:absolute;top:12px;left:calc(50% - 20px)}.close-sheet{background:#f3f3f3;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:20px;left:20px}.info-inner h2{margin:0 0 24px;font-size:36px}.info-inner h3{margin-top:28px;font-size:20px}.info-inner p:not(.eyebrow){font-size:17px;line-height:1.8}.info-inner .studio{border-top:1px solid #eee;margin-top:24px;padding-top:24px;font-weight:600}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes bob{50%{transform:translateY(-10px)rotate(-6deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:700px){.camera-controls{bottom:max(20px,env(safe-area-inset-bottom));padding-bottom:8px}.upload{left:16px}.consent{width:calc(100% - 64px)}.style-scroll{margin:0 16px;padding:0 16px 6px}.styles{justify-content:flex-start}.shutter-row{margin-top:18px}.privacy{margin-top:10px;font-size:9px}.result-actions .copy-action{display:none}.preview-hint{justify-content:space-between;top:76px;left:16px;right:16px}.info-inner{padding:28px 28px 32px}}@media (min-width:701px){.camera-controls{bottom:20px}}@media (max-height:650px){.consent{top:38%}.consent p{margin-bottom:14px;font-size:16px}.camera-controls{bottom:8px}.privacy{margin-top:4px}.shutter-row{height:64px;margin-top:10px}.shutter{width:62px;height:62px}.awareness{padding:24px}.awareness>img{width:70px;height:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.style-scroll{direction:ltr}
