:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8f4ec;background:#17192a}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 70% 4%,#353451 0,transparent 34%),#17192a}
main{max-width:640px;padding:0 22px 35px;margin:auto}
header{height:77px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff20;font-size:13px;letter-spacing:.16em}
.mark{font-size:29px;color:#d9ae72}.badge{margin-left:auto;border:1px solid #bc986c77;border-radius:20px;padding:7px 10px;color:#d9b489;font-size:9px}
.hero{padding:48px 0 31px}.eyebrow{color:#d4ad7b;font-size:11px;font-weight:800;letter-spacing:.22em}
h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(42px,11vw,64px);line-height:1.04;letter-spacing:-.04em;margin:18px 0}h1 em{color:#e2bb87}
.hero>p:last-child{color:#bbb9c7;font-size:16px;line-height:1.55;max-width:480px}
.panel{background:#24263c;border:1px solid #ffffff1d;border-radius:23px;padding:17px;box-shadow:0 20px 55px #0b0c1833}
.drop{display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;border:1.5px dashed #d6b47b82;border-radius:16px;background:#2d2c43;padding:26px 10px;cursor:pointer}
.camera{width:55px;height:55px;border-radius:50%;background:#d6b47b28;color:#e2bc85;font-size:39px;line-height:48px}
.drop strong{font-family:Georgia,serif;font-size:20px;font-weight:normal}.drop small{color:#aaa9b7}
.choose,.primary{background:#deb982;color:#242132;border:0;border-radius:10px;font-weight:800}.choose{padding:11px 18px;margin-top:7px;font-size:13px}
input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.selected{display:flex;align-items:center;gap:12px;padding:15px 4px;color:#dad3ca;overflow:hidden;font-size:13px}
.selected img{width:48px;height:48px;object-fit:cover;border-radius:8px}.selected span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.primary{width:100%;min-height:52px;margin-top:15px;font-size:16px;cursor:pointer}.primary:disabled{opacity:.5;cursor:default}
#status{min-height:20px;margin:12px 4px 0;font-size:13px;color:#e6bd83}button{touch-action:manipulation}
.result{background:#f8f1e5;color:#292536;border-radius:20px;margin:26px 0;padding:28px 27px;box-shadow:0 14px 55px #08091760}
.result-top{display:flex;justify-content:space-between;gap:12px;color:#8b6271;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
h2{font-family:Georgia,serif;font-size:36px;line-height:1.1;font-weight:normal;margin:26px 0 12px}
#objects{color:#846f70;font-size:12px;text-transform:uppercase;letter-spacing:.07em;line-height:1.5}#reading{font-family:Georgia,serif;font-size:18px;line-height:1.55}
.omen{border-top:1px solid #d6c7bb;margin-top:27px;padding-top:19px}.omen span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#9d6271}.omen p{font-family:Georgia,serif;font-size:18px;margin:9px 0}
.actions,.correct{display:flex;gap:9px;flex-wrap:wrap}.actions{margin-top:25px}.actions button,.correct button{border:1px solid #bdb1a9;background:transparent;border-radius:9px;padding:11px 13px;color:#403347;font-weight:700;cursor:pointer}
.correct{border-top:1px solid #d6c7bb;margin-top:22px;padding-top:20px;align-items:center}.correct span{width:100%;font-size:12px;color:#756771}.correct button{font-size:12px;padding:9px 11px}
footer{text-align:center;color:#9b99aa;font-size:12px;line-height:1.6;margin:32px 0}
@media(max-width:390px){main{padding:0 16px 28px}.hero{padding-top:33px}.result{padding:23px 19px}h2{font-size:31px}}