:root{color-scheme:dark;--line:#ffffff1d;--muted:#98a0b3;--violet:#8d79ff;--top:env(safe-area-inset-top,0px);--bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#020309;color:#f5f6ff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif}button,input,select{font:inherit;color:inherit}main{position:relative;height:100dvh;max-width:500px;margin:auto;overflow:hidden;background:#050711}video,#sky,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#sky{background:radial-gradient(circle at 65% 25%,#4c579344,transparent 25%),linear-gradient(#060918 0 58%,#0e111a 73%,#020304);background-image:radial-gradient(#fff 0 1px,transparent 1.5px),radial-gradient(#a8c7ff 0 1px,transparent 1.5px),linear-gradient(#060918 0 58%,#0e111a 73%,#020304);background-size:61px 61px,97px 97px,auto}.shade{pointer-events:none;background:linear-gradient(#03040aaa,transparent 25%,transparent 44%,#03040ad9 71%),radial-gradient(ellipse,transparent 35%,#0009)}header{position:absolute;z-index:2;top:0;left:0;right:0;padding:calc(var(--top) + 18px) 20px 10px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.16em}.brand>b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #9a91df88;border-radius:50%;color:#c9c2ff}.brand strong,.brand small{display:block}.brand strong{font-size:12px}.brand small{font-size:7px;color:var(--muted);margin-top:3px}button{border:1px solid var(--line);background:#11151ed9;border-radius:50%}header button,#close,#closeGuide{width:36px;height:36px;font-size:18px}.stability{position:absolute;z-index:2;top:calc(var(--top) + 81px);left:20px;right:20px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);background:#080b13aa;backdrop-filter:blur(14px);border-radius:14px}.stability i{width:8px;height:8px;border-radius:50%;background:#6b7280}.stability i.good{background:#65ecb5;box-shadow:0 0 10px #65ecb5}.stability i.warn{background:#ffc66b}.stability small,.stability b{display:block}.stability small{font-size:7px;color:var(--muted);letter-spacing:.16em}.stability b{font-size:10px}.stability em,#progress em{height:4px;background:#ffffff18;border-radius:5px;overflow:hidden}.stability u,#progress u{display:block;width:0;height:100%;background:linear-gradient(90deg,#64edb5,#ffc36b,#ff687d);transition:.2s}.stability code{font-size:9px;color:var(--muted)}.panel{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:9px 20px calc(var(--bottom) + 14px);border-top:1px solid var(--line);border-radius:25px 25px 0 0;background:linear-gradient(#080b12e8,#06080d 17%)}.handle{width:32px;height:3px;margin:0 auto 11px;background:#4c5260;border-radius:3px}aside{display:flex;gap:9px;padding:9px 10px;margin-bottom:12px;border:1px solid #8296ff2e;border-radius:11px;background:#5362a51a}aside>b{display:grid;place-items:center;flex:0 0 19px;height:19px;border:1px solid #8296ff;border-radius:50%;font-size:10px}aside span{font-size:9px;line-height:1.4;color:var(--muted)}aside strong{display:block;color:#d8dcef}.grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px}.grid label{display:grid;grid-template-columns:1fr auto;gap:5px;color:var(--muted);font-size:8px;letter-spacing:.13em}.grid output{font-size:10px;color:#fff;letter-spacing:0}.grid input,.grid select{grid-column:1/-1;width:100%;accent-color:var(--violet)}.grid input:disabled{opacity:.3}.grid select{height:28px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#11151f;font-size:10px}.actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;margin-top:14px}.actions>button:not(#capture){width:43px;height:43px;font-size:18px}.actions>button:first-child{justify-self:end;margin-right:23px}.actions>button:last-child{justify-self:start;margin-left:23px}#capture{width:67px;height:67px;padding:5px;border:2px solid #ffffffe0;background:transparent;box-shadow:0 0 0 5px #ffffff12}#capture i{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#f0efff,#a5afff 48%,#7564e5);box-shadow:inset 0 0 17px #fff9,0 0 25px #7664ff66}#capture:disabled{opacity:.45}.panel>p{text-align:center;margin:7px 0 0;color:var(--muted);font-size:8px;letter-spacing:.07em}#progress{position:absolute;z-index:6;top:38%;left:20px;right:20px;padding:18px;border:1px solid #9183ff55;border-radius:17px;background:#070a12ee;backdrop-filter:blur(18px)}#progress>div{display:flex;justify-content:space-between;font-size:11px}#progress>div b{font:21px monospace}#progress em{display:block;margin:14px 0}#progress u{background:linear-gradient(90deg,var(--violet),#71dcff)}#progress button{width:100%;padding:9px;border-radius:9px;background:transparent}#result{position:absolute;z-index:8;inset:0;padding:calc(var(--top) + 21px) 20px calc(var(--bottom) + 20px);background:#070910;overflow:auto}.resultHead{display:flex;justify-content:space-between}.resultHead small,dialog>small{font-size:8px;color:#a397ff;letter-spacing:.18em}.resultHead h1,dialog h1{font:500 25px Georgia,serif;margin:6px 0 17px}.photo{aspect-ratio:3/4;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#020307}.photo canvas{width:100%;height:100%;object-fit:contain}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.primary,.wide{width:100%;padding:14px;border-radius:12px}.primary{border:0;background:linear-gradient(100deg,#6857e8,#a78eff);font-weight:700}.wide{margin-top:9px;color:var(--muted)}dialog{width:min(calc(100% - 40px),430px);padding:26px;border:1px solid var(--line);border-radius:20px;background:#0c0f18;color:#fff}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}#closeGuide{position:absolute;right:17px;top:14px}dialog ol{padding-left:20px}dialog li{margin:16px 0;padding-left:5px}dialog li span{display:block;margin-top:3px;color:var(--muted);font-size:11px}dialog>p{padding-top:14px;border-top:1px solid var(--line);color:#7d8597;font-size:9px;line-height:1.5}@media(max-height:720px){.stability{top:calc(var(--top) + 64px)}aside{margin-bottom:7px}.grid{gap:7px 18px}.actions{margin-top:7px}#capture{width:57px;height:57px}}