:root{color:#f4f7fb;background:#0c0d10;color-scheme:dark;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#05060a}button,input,select{font:inherit;color:inherit}#root{min-height:100vh}.app{max-width:480px;min-height:100vh;margin:0 auto;background:radial-gradient(120% 40% at 50% 0%,#1a2332,#0c0d10 42%);padding:22px 18px 40px;display:flex;flex-direction:column;gap:16px}.kicker{color:#8ebeff;font-weight:700;font-size:12px;letter-spacing:1.2px;text-transform:uppercase}h1{font-family:Oswald,sans-serif;font-weight:600;font-size:42px;line-height:1.05;margin:0;text-transform:uppercase}p{margin:0;line-height:1.45}.dim{color:#9aa3b5}.card{background:#15181f;border:1px solid #2c3342;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px}.card.hot{border-color:#4c9fff}button.primary,button.secondary,button.ghost,label.primary,label.secondary{border:0;border-radius:16px;min-height:56px;padding:0 16px;font-weight:700;cursor:pointer}button.primary{background:linear-gradient(90deg,#6aadff,#2b74e0);color:#071018}button.secondary,label.secondary{background:#1c212b;border:1px solid #2c3342;display:flex;align-items:center}button.ghost{background:transparent;color:#8ebeff}button:disabled{opacity:.45;cursor:default}label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]){-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#101218;color:#f4f7fb;-webkit-text-fill-color:#f4f7fb;caret-color:#8ebeff;border:1px solid #2c3342;border-radius:14px;min-height:52px;padding:0 14px;font-size:16px;font-weight:600;width:100%}input::placeholder{color:#8a93a6;-webkit-text-fill-color:#8a93a6;opacity:1}input:focus{outline:2px solid #4c9fff;outline-offset:1px}input::selection{background:#2b74e0;color:#fff;-webkit-text-fill-color:#ffffff}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#f4f7fb;caret-color:#8ebeff;-webkit-box-shadow:0 0 0 1000px #101218 inset;box-shadow:0 0 0 1000px #101218 inset;border:1px solid #2c3342;transition:background-color 9999s ease-in-out 0s}input:-webkit-autofill::selection{-webkit-text-fill-color:#ffffff;background:#2b74e0}input:autofill,input:autofill:focus{-webkit-text-fill-color:#f4f7fb;box-shadow:0 0 0 1000px #101218 inset}input[type=checkbox]{accent-color:#4c9fff}.row{display:flex;gap:8px}.row>*{flex:1}.choice{text-align:left;background:#15181f;border:1px solid #2c3342;border-radius:16px;min-height:56px;padding:12px 14px;font-weight:700}.choice.on{border-color:#4c9fff;background:#4c9fff1f}.check{flex-direction:row;align-items:center;gap:10px;font-weight:600}.check input{width:20px;height:20px}.preview{width:100%;height:360px;object-fit:cover;border-radius:20px;background:#101218}.frame{position:relative}.heat{position:absolute;border-radius:999px;border:1px solid rgba(186,220,255,.7);background:#78baff47;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.ring{width:148px;height:148px;margin:0 auto;position:relative}.ring strong{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif;font-size:52px}.bar{height:8px;border-radius:4px;background:#242833;overflow:hidden}.bar span{display:block;height:8px;background:#4c9fff}.split{display:flex;height:42px;border-radius:12px;overflow:hidden;font-weight:700;font-size:13px}.split div{display:flex;align-items:center;justify-content:center}.tape{background:#2b74e0;flex:3}.photo{background:#16345c;flex:2}.hint{position:sticky;bottom:12px;background:#15181f;border:1px solid #2c3342;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center}.legal{display:flex;flex-direction:column;gap:12px}.legal h2{font-size:18px;margin:8px 0 0;font-family:Oswald,sans-serif;text-transform:uppercase}a{color:#8ebeff}.reference{margin:0;display:flex;flex-direction:column;gap:8px}.reference img{width:100%;max-width:300px;height:auto;aspect-ratio:3 / 4;object-fit:cover;margin:0 auto;border-radius:20px;background:#101218;border:1px solid #2c3342}.reference figcaption{text-align:center;font-size:13px;color:#9aa3b5}.steps{margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:10px;line-height:1.45}.steps li::marker{color:#8ebeff;font-weight:700}.camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;color:#f4f7fb;display:flex;flex-direction:column;height:100vh;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.camera-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.camera-title{font-weight:700}.camera-close{background:#1c212b;border:1px solid #2c3342;border-radius:12px;min-height:40px;padding:0 14px;font-weight:700;cursor:pointer}.camera-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 12px}.camera-frame{position:relative;height:100%;max-width:100%;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:#101218}.camera-frame video,.camera-frame img{width:100%;height:100%;object-fit:cover;display:block}.camera-frame video.mirror{transform:scaleX(-1)}.camera-wait{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9aa3b5}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif;font-size:160px;font-weight:600;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.7);pointer-events:none}.camera-controls{display:flex;gap:12px;padding:14px 16px 18px}.camera-controls>*{flex:1}.camera-controls.col{flex-direction:column;align-items:stretch;gap:10px}.camera-controls button.primary,.camera-controls button.secondary{min-height:52px}.timer{display:flex;justify-content:center;gap:8px}.chip{background:#1c212b;border:1px solid #2c3342;border-radius:999px;min-height:40px;padding:0 14px;font-weight:700;cursor:pointer}.chip.on{background:#4c9fff33;border-color:#4c9fff}.chip:disabled{opacity:.45;cursor:default}.shutter-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.side-slot{flex:1;display:flex;justify-content:flex-end;min-height:40px}.side-slot:first-child{justify-content:flex-start}.shutter{flex:none;width:72px;height:72px;border-radius:50%;background:#fff;border:5px solid #6aadff;box-shadow:0 0 0 3px #000 inset;cursor:pointer}.shutter:disabled{opacity:.45;cursor:default}.cancel-count{flex:none;min-height:72px;min-width:72px;border-radius:36px;border:1px solid #2c3342;background:#1c212b;font-weight:700;padding:0 20px;cursor:pointer}.camera-hint{text-align:center;font-size:13px;color:#9aa3b5}.camera-error{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px 18px;max-width:480px;width:100%;margin:0 auto}.camera-upload{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(90deg,#6aadff,#2b74e0);color:#071018;border-radius:16px;min-height:56px;font-weight:700;cursor:pointer}
