:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#070b16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#070b16}body{background:radial-gradient(circle at 50% -15%,#7c3aed47,#0000 38%),radial-gradient(circle at 100% 30%,#3b82f614,#0000 30%),#070b16;min-width:320px;min-height:100vh;margin:0}button,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{width:min(720px,100%);min-height:100vh;padding:18px 16px calc(100px + env(safe-area-inset-bottom));margin:auto}.page{min-height:calc(100vh - 100px)}.header{align-items:center;gap:12px;margin:4px 0 22px;display:flex}.brandIcon{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:15px;place-items:center;width:48px;height:48px;font-size:23px;display:grid;box-shadow:0 10px 30px #7c3aed40}.header h1{letter-spacing:-.4px;margin:0;font-size:20px}.header p{color:#8793aa;margin:3px 0 0;font-size:11px}.welcomeCard{background:linear-gradient(140deg,#7c3aed2b,#ffffff06);border:1px solid #ffffff14;border-radius:24px;padding:25px 20px;position:relative;overflow:hidden}.welcomeCard:after{content:"";filter:blur(15px);background:#8b5cf62e;border-radius:50%;width:170px;height:170px;position:absolute;top:-100px;right:-70px}.welcomeBadge,.pageTitle>div>span,.sectionHeading span,.answerHeader span,.inputTop span,.selectedInfo span{color:#a78bfa;letter-spacing:1.5px;font-size:9px;font-weight:850}.welcomeCard h2{z-index:1;letter-spacing:-1px;margin:8px 0 10px;font-size:28px;line-height:1.12;position:relative}.welcomeCard h2 span{color:#a78bfa}.welcomeCard>p{z-index:1;color:#a5b0c3;max-width:520px;margin:0;font-size:12px;line-height:1.7;position:relative}.quickActions{z-index:2;gap:9px;margin-top:19px;display:grid;position:relative}.quickAction{text-align:left;color:#fff;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff12;border-radius:15px;align-items:center;gap:12px;width:100%;padding:13px;transition:transform .15s,background .15s;display:flex}.quickAction:active{transform:scale(.985)}.quickAction.primary{background:linear-gradient(135deg,#7c3aed4d,#7c3aed1f);border-color:#8b5cf640}.quickAction>span{background:#ffffff12;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.quickAction div{min-width:0}.quickAction strong{margin-bottom:3px;font-size:12px;display:block}.quickAction small{color:#7f8ba1;font-size:10px;display:block}.quickAction b{color:#69758d;margin-left:auto;font-size:22px}.simpleSection,.faqSection{margin-top:28px}.sectionHeading{justify-content:space-between;align-items:baseline;margin:0 3px 10px;display:flex}.sectionHeading small{color:#626e85;font-size:10px}.howGrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.howCard{background:#ffffff06;border:1px solid #ffffff0e;border-radius:15px;padding:13px}.howCard>div{font-size:20px}.howCard>span{color:#8b5cf6;margin-top:8px;font-size:9px;font-weight:800;display:block}.howCard h3{margin:3px 0 4px;font-size:11px}.howCard p{color:#737f96;margin:0;font-size:9px;line-height:1.5}.tipsCard{background:#ffffff06;border:1px solid #ffffff0e;border-radius:15px;gap:11px;margin-top:13px;padding:13px;display:flex}.tipsIcon{background:#7c3aed1a;border-radius:10px;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.tipsCard h3{margin:0 0 3px;font-size:11px}.tipsCard p{color:#77839a;margin:0;font-size:10px;line-height:1.5}.faqSection details{background:#ffffff06;border:1px solid #ffffff0e;border-radius:13px;margin-bottom:8px;padding:13px}.faqSection summary{color:#dbe2ef;cursor:pointer;font-size:11px;font-weight:700}.faqSection details p{color:#77839a;margin:9px 0 0;font-size:10px;line-height:1.6}.footer{color:#59657b;flex-direction:column;align-items:center;gap:3px;margin-top:30px;font-size:9px;display:flex}.footer strong{color:#8792a7}.toolPage{padding-top:4px}.pageTitle{align-items:center;gap:12px;margin-bottom:18px;display:flex}.pageIcon{background:#7c3aed1f;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.pageTitle h2{letter-spacing:-.5px;margin:3px 0 4px;font-size:21px}.pageTitle p{color:#8793a9;margin:0;font-size:11px}.scanCard{text-align:center;background:#7c3aed09;border:1px dashed #8b5cf647;border-radius:20px;padding:20px}.cameraIllustration{background:#7c3aed1f;border-radius:21px;place-items:center;width:68px;height:68px;margin:5px auto 13px;font-size:31px;display:grid}.scanCard h3{margin:0 0 6px;font-size:15px}.scanCard>p{color:#7e8aa1;max-width:350px;margin:0 auto;font-size:11px;line-height:1.6}.scanCard>small{color:#58647a;margin-top:10px;font-size:9px;display:block}.cameraButton,.getAnswerButton,.primaryButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:0;font-weight:800;box-shadow:0 9px 25px #6d28d92e}.cameraButton{border-radius:13px;width:100%;max-width:350px;margin-top:17px;padding:13px;font-size:12px}.selectedImage{background:#050811;border-radius:15px;max-height:330px;overflow:hidden}.selectedImage img{object-fit:contain;width:100%;max-height:330px;display:block}.selectedInfo{text-align:left;margin-top:11px}.selectedInfo p{color:#8995a9;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:10px;overflow:hidden}.scanTips{background:#ffffff06;border-radius:15px;margin-top:12px;padding:14px}.scanTips h3{margin:0 0 9px;font-size:11px}.scanTips p{color:#748096;margin:5px 0;font-size:10px}.questionInputCard{background:#ffffff09;border:1px solid #ffffff13;border-radius:19px;padding:14px}.inputTop{justify-content:space-between;margin-bottom:8px;display:flex}.inputTop small{color:#5e6a81;font-size:9px}.questionInputCard textarea{resize:vertical;color:#edf1f7;background:0 0;border:0;outline:0;width:100%;min-height:210px;font-size:13px;line-height:1.7}.questionInputCard textarea::placeholder{color:#566279}.inputHint{color:#657188;border-top:1px solid #ffffff0d;padding-top:11px;font-size:9px;line-height:1.5}.getAnswerButton{border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:13px;padding:14px;font-size:13px;display:flex}.getAnswerButton:disabled,.primaryButton:disabled{opacity:.55}.answerCard{background:linear-gradient(145deg,#7c3aed12,#ffffff06);border:1px solid #8b5cf629;border-radius:19px;margin-top:13px;padding:17px}.answerHeader{justify-content:space-between;gap:10px;margin-bottom:14px;display:flex}.answerHeader h2{margin:4px 0 0;font-size:15px}.answerCheck{color:#c4b5fd;background:#7c3aed21;border-radius:10px;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.answerContent{color:#d9e0ec;white-space:pre-wrap;background:#00000026;border-radius:13px;padding:14px;font-size:12px;line-height:1.75}.answerActions{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.copyButton,.againButton{cursor:pointer;border-radius:11px;padding:11px;font-size:10px;font-weight:700}.copyButton{color:#d8ceff;background:#7c3aed1a;border:1px solid #8b5cf62e}.againButton{color:#9aa5b8;background:#ffffff0a;border:1px solid #ffffff12}.answerNotice{color:#5f6b81;margin-top:11px;font-size:9px;line-height:1.5}.errorBox{color:#fca5a5;background:#ef444412;border:1px solid #ef444426;border-radius:12px;margin-top:11px;padding:11px 13px;font-size:10px}.bottomNav{z-index:5000;left:50%;bottom:calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);background:#0c111eeb;border:1px solid #ffffff1a;border-radius:19px;grid-template-columns:repeat(3,1fr);width:min(450px,100% - 24px);padding:7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 15px 45px #0006}.bottomNav button{color:#68758d;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;display:flex;position:relative}.bottomNav button>span{font-size:17px;line-height:1}.bottomNav button small{font-size:8px;font-weight:700}.bottomNav button.active{color:#c4b5fd;background:#7c3aed21}.scanNavIcon{font-size:18px!important}.modalOverlay{z-index:9000;-webkit-backdrop-filter:blur(12px);background:#02050ccc;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.confirmModal{text-align:center;background:radial-gradient(circle at 50% 0,#7c3aed29,#0000 45%),#101625;border:1px solid #ffffff1a;border-radius:23px;width:min(420px,100%);max-height:90vh;padding:23px 18px 18px;animation:.18s ease-out modalIn;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0000008c}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modalClose{color:#7d899f;cursor:pointer;background:#ffffff0d;border:0;border-radius:50%;width:29px;height:29px;font-size:18px;position:absolute;top:10px;right:10px}.confirmIcon{background:#7c3aed1f;border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto 10px;font-size:25px;display:grid}.confirmModal h2{margin:6px 0 7px;font-size:19px}.confirmModal>p{color:#8d99ad;max-width:320px;margin:0 auto;font-size:10px;line-height:1.6}.previewBox{background:#050811;border-radius:13px;max-height:240px;margin-top:15px;overflow:hidden}.previewBox img{object-fit:contain;width:100%;max-height:240px;display:block}.modalButtons{grid-template-columns:.7fr 1.3fr;gap:8px;margin-top:12px;display:grid}.secondaryButton,.primaryButton{cursor:pointer;border-radius:12px;padding:12px;font-size:10px;font-weight:800}.secondaryButton{color:#9ba6b8;background:#ffffff0a;border:1px solid #ffffff12}.primaryButton{border:0;justify-content:center;align-items:center;gap:7px;display:flex}.confirmModal>small{color:#58647a;margin-top:10px;font-size:8px;line-height:1.4;display:block}.processingBar{z-index:7000;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f1524f2;border:1px solid #8b5cf626;border-radius:14px;align-items:center;gap:10px;width:min(390px,100% - 30px);padding:11px 13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 15px 40px #00000059}.processingBar strong{font-size:10px;display:block}.processingBar small{color:#69758c;margin-top:2px;font-size:8px;display:block}.spinner,.miniSpinner{border:2px solid #ffffff1f;border-top-color:#a78bfa;border-radius:50%;flex:none;animation:.8s linear infinite spin;display:inline-block}.spinner{width:19px;height:19px}.miniSpinner{width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=430px){.howGrid{gap:6px}.howCard{padding:10px}.howCard p{font-size:8px}.welcomeCard h2{font-size:25px}}