:root{--background:#edf1f8;--foreground:#18253c;--card:#fff;--primary:#315be8;--primary-foreground:#fff;--border:#e2e8f2;--muted:#f5f7fc;--muted-foreground:#68778f;--radius:1rem;--app-height:100dvh;color:#18253c;font-family:Arial,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--background);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.6}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #a1b5ff}button:active:not(:disabled){transform:scale(.98)}.phone-app{height:var(--app-height);background:#f6f8fc;flex-direction:column;width:100%;max-width:520px;margin:0 auto;display:flex;position:relative;overflow:hidden}.skip-link{z-index:20;color:#fff;background:#17243b;border-radius:8px;padding:10px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:10px}.app-header{min-height:76px;padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:#fff;flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-icon{background:var(--primary);color:#fff;border-radius:13px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.brand h1{letter-spacing:-.7px;margin:0;font-size:21px;font-weight:800;line-height:1.25}.brand p{color:#77839a;white-space:nowrap;margin:3px 0 0;font-size:11px}.header-actions{gap:0;display:flex}.icon-button{color:#64738a;background:0 0;border:0;border-radius:12px;flex-shrink:0;width:44px;height:44px}.header-actions .icon-button:last-child{color:#26354e}.offline-banner{color:#915b16;background:#fff0df;border-bottom:1px solid #f3dfc3;flex:none;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.chat-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dce4f0 transparent;flex:1;min-height:0;padding:24px 20px 20px;overflow:auto}.eyebrow{color:#315be8;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.eyebrow>span{background:#315be8;border-radius:50%;width:6px;height:6px}.start-screen h2{letter-spacing:-1.3px;margin:12px 0 10px;font-size:29px;font-weight:800;line-height:1.42}.intro{color:#768298;margin:0 0 22px;font-size:14px;line-height:1.8}.capture-card{text-align:center;background:#fff;border:1px solid #e3e9f3;border-radius:22px;padding:24px 18px 16px;box-shadow:0 5px 16px #253b7103}.viewfinder{place-items:center;width:122px;height:104px;margin:0 auto 20px;display:grid;position:relative}.corner{border-style:solid;border-color:#819bfd;width:24px;height:24px;position:absolute}.tl{border-width:2px 0 0 2px;border-radius:10px 0 0;top:0;left:0}.tr{border-width:2px 2px 0 0;border-radius:0 10px 0 0;top:0;right:0}.bl{border-width:0 0 2px 2px;border-radius:0 0 0 10px;bottom:0;left:0}.br{border-width:0 2px 2px 0;border-radius:0 0 10px;bottom:0;right:0}.camera-orb{color:#5a7bea;background:#edf2ff;border-radius:24px;place-items:center;width:77px;height:77px;display:grid;transform:rotate(-7deg)}.camera-orb svg{transform:rotate(7deg)}.scan-dash{background:linear-gradient(90deg,#0000,#6486ee,#0000);width:106px;height:1px;position:absolute;top:53%}.capture-card h3{letter-spacing:-.4px;margin:0 0 7px;font-size:16px;font-weight:700}.capture-card>p{color:#8290a5;margin:0 0 17px;font-size:12px}.action{border-radius:13px;width:100%;min-height:52px;font-size:15px;font-weight:700}.primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.secondary{color:var(--primary);background:#f4f6ff;border:1px solid #e0e7ff;margin-top:10px}.file-hint{color:#99a3b3;margin-top:14px;font-size:11px;display:block}.photo-tip{text-align:left;color:#718098;background:0 0;border:0;justify-content:flex-start;gap:10px;width:100%;min-height:64px;padding:18px 2px;font-size:12px}.photo-tip>svg:first-child{color:#6684de;flex-shrink:0}.photo-tip>span{flex:1}.photo-tip strong{color:#53627d;margin-bottom:2px;font-weight:600;display:block}.photo-tip>span>span{font-size:11px}.app-bottom{border-top:1px solid var(--border);background:#fff;flex:none}.composer-area{background:#fff;padding:10px 14px 8px}.composer{background:#fff;border:1px solid #dee5ef;border-radius:16px;align-items:center;gap:3px;padding:5px;display:flex}.composer input{color:#26344b;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;height:44px;padding:0 2px;font-size:16px}.composer input::placeholder{color:#9aa5b6;font-size:14px}.send{color:#fff;background:#315be8;border:0;border-radius:12px;flex-shrink:0;width:44px;height:44px}.disclaimer{color:#97a2b3;justify-content:center;align-items:center;gap:4px;margin:7px 0 0;font-size:10px;display:flex}.disclaimer svg{flex-shrink:0}.suggestions{gap:7px;padding-bottom:9px;display:flex;overflow:auto}.suggestions button{color:#687c9b;background:#fff;border:1px solid #e0e7f1;border-radius:10px;flex-shrink:0;min-height:44px;padding:0 11px;font-size:12px}.bottom-nav{height:64px;padding:5px 8px max(5px,env(safe-area-inset-bottom));border-top:1px solid #edf0f5;grid-template-columns:repeat(4,1fr);display:grid}.bottom-nav button{color:#8a96a9;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:2px;min-height:52px;font-size:10px;font-weight:600}.bottom-nav button.active{color:#315be8;background:#f2f5ff}.photo-message{background:#fff;border:1px solid #e2e8f3;border-radius:18px;width:72%;max-width:240px;margin-left:auto;overflow:hidden}.photo-message>img{object-fit:contain;background:#edf1f7;width:100%;height:210px;display:block}.photo-message>div{color:#73839c;justify-content:space-between;align-items:center;padding-left:13px;font-size:11px;display:flex}.assistant-intro{align-items:flex-start;gap:10px;margin:26px 0 12px;display:flex}.assistant-avatar{color:#315be8;background:#e8eeff;border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;margin-top:5px;display:grid}.assistant-intro p{margin:0 0 14px;font-size:15px;line-height:1.8}.analyze-button{border-radius:12px;min-height:48px;padding:0 18px;font-size:14px;font-weight:600}.message{margin-top:22px}.message-label{color:#8997ac;margin-bottom:6px;font-size:11px;display:block}.message p{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e7ecf3;border-radius:4px 16px 16px;margin:0;padding:13px 16px;font-size:15px;line-height:1.85}.message.user{margin-left:40px}.message.assistant{margin-right:22px}.message.user .message-label{text-align:right}.message.user p{background:#e8eeff;border-color:#e3eafa;border-radius:16px 4px 16px 16px}.thinking{color:#7383a0;justify-content:center;align-items:center;gap:9px;padding:22px 0;font-size:13px;display:flex}.error{color:#a24a3d;background:#fff1ed;border:1px solid #f6ded5;border-radius:14px;gap:8px;margin-top:18px;padding:13px;font-size:13px;display:flex}.error>svg{flex-shrink:0;margin-top:3px}.error p{margin:0;line-height:1.7}.error button{color:#a24a3d;background:0 0;border:0;min-height:44px;padding:0;font-weight:600}.guide-dialog{color:#18253c;border:0;border-radius:24px;width:calc(100% - 28px);max-width:460px;max-height:85dvh;padding:0;box-shadow:0 20px 80px #19294533}.guide-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18253c66}.guide-content{padding:20px}.guide-heading{justify-content:space-between;align-items:center;display:flex}.guide-heading h2{margin:0;font-size:19px;font-weight:700}.guide-content ol{margin:18px 0 24px;padding-left:24px;list-style:decimal}.guide-content li{margin:20px 0;padding-left:5px}.guide-content li::marker{color:#315be8;font-weight:700}.guide-content strong{font-size:15px}.guide-content li p{color:#748199;margin:5px 0;font-size:13px;line-height:1.8}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:760px){body{background:radial-gradient(at top,#f6f8ff,#e7edf6);place-items:center;display:grid}.phone-app{height:min(calc(var(--app-height) - 40px),940px);border:1px solid #dce3f0;border-radius:28px;box-shadow:0 18px 70px #29427614}.chat-scroll{padding:28px 26px}.start-screen h2{font-size:32px}.capture-card{padding-top:28px;padding-bottom:20px}}@media (max-height:730px){.chat-scroll{padding-top:18px}.start-screen h2{margin-top:8px;margin-bottom:7px;font-size:26px}.intro{margin-bottom:16px;font-size:13px}.capture-card{padding-top:18px}.viewfinder{width:104px;height:78px;margin-bottom:16px}.camera-orb{border-radius:20px;width:62px;height:62px}.camera-orb svg{width:36px}.capture-card>p{margin-bottom:14px}.photo-tip{padding-top:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-shell{background:radial-gradient(circle at top,#f7f9ff,#e8edf6);place-items:center;min-height:100dvh;padding:22px;display:grid}.auth-card{background:#fff;border:1px solid #dfe6f0;border-radius:24px;width:min(100%,430px);padding:28px;box-shadow:0 18px 70px #29427612}.auth-card.centered{text-align:center}.auth-brand{align-items:center;gap:10px;margin-bottom:24px;display:flex}.auth-brand strong{letter-spacing:-.6px;font-size:23px}.auth-card h2{letter-spacing:-.8px;margin:0;font-size:27px;line-height:1.3}.auth-card>p{color:#68778f;margin:9px 0 18px;font-size:14px;line-height:1.7}.auth-card label{color:#384760;margin-top:14px;font-size:13px;font-weight:700;display:block}.auth-card label input{color:#18253c;background:#fbfcff;border:1px solid #d8e0ec;border-radius:12px;width:100%;height:52px;margin-top:7px;padding:0 14px;font-size:16px;display:block}.auth-card label small{color:#748198;margin-top:6px;font-size:11px;font-weight:400;line-height:1.7;display:block}.auth-submit{border-radius:13px;width:100%;min-height:52px;margin-top:18px;font-size:15px;font-weight:700}.auth-link{color:#315be8;background:0 0;border:0;width:100%;min-height:46px;font-size:13px}.auth-card hr{border:0;border-top:1px solid #e7ebf2;margin:4px 0 0}.auth-error{color:#a14036;background:#fff0eb;border-radius:10px;margin-top:14px;padding:11px 12px;font-size:13px;line-height:1.6}.home-capabilities{background:#fff;border:1px solid #e2e8f2;border-radius:18px;margin-top:2px;padding:16px}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading>div>span{color:#7c8aa0;font-size:10px}.section-heading h3{letter-spacing:-.35px;margin:2px 0 0;font-size:15px}.section-heading>svg{color:#5578ee}.capability-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;display:grid}.capability-grid article{color:#315be8;background:#f6f8fd;border-radius:13px;min-width:0;padding:12px 8px}.capability-grid strong,.capability-grid span{display:block}.capability-grid strong{color:#34435b;white-space:nowrap;margin-top:7px;font-size:12px}.capability-grid span{color:#8491a5;margin-top:3px;font-size:9px;line-height:1.5}.flow-card{color:#fff;background:#172c55;border-radius:18px;margin-top:12px;padding:16px}.flow-title{font-size:12px;font-weight:700}.flow-card ol{grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 0;padding:0;list-style:none;display:grid}.flow-card li{min-width:0}.flow-card b{background:#315be8;border-radius:8px;place-items:center;width:22px;height:22px;margin-bottom:8px;font-size:10px;display:grid}.flow-card strong,.flow-card small{display:block}.flow-card strong{font-size:11px}.flow-card small{color:#b8c5df;margin-top:3px;font-size:8px;line-height:1.45}.history-preview{text-align:left;background:#fff;border:1px solid #e2e8f2;border-radius:16px;justify-content:flex-start;width:100%;min-height:68px;margin-top:12px;padding:10px 12px}.history-preview-icon{color:#315be8;background:#eef2ff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.history-preview>span:nth-child(2){flex:1}.history-preview strong,.history-preview small{display:block}.history-preview strong{color:#34435b;font-size:13px}.history-preview small{color:#8693a6;margin-top:2px;font-size:10px}.history-preview>svg{color:#8a97aa}.result-card{color:#fff;background:linear-gradient(145deg,#244ecf,#3869ef);border-radius:18px;margin:20px 0 2px;padding:17px;box-shadow:0 8px 24px #315be829}.result-kicker{color:#dce5ff;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.result-card h3{letter-spacing:-.4px;margin:7px 0 12px;font-size:19px}.result-card dl{gap:18px;margin:0;display:flex}.result-card dl div{min-width:0}.result-card dt{color:#c8d5ff;font-size:9px}.result-card dd{margin:2px 0 0;font-size:12px;font-weight:700}.result-card p{color:#d7e1ff;margin:13px 0 0;font-size:9px}.feedback-bar{background:#fff;border:1px solid #e2e8f2;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;display:flex}.feedback-bar>span{color:#64738a;font-size:11px}.feedback-bar>div{gap:5px;display:flex}.feedback-bar button{color:#64738a;background:#f8f9fc;border:1px solid #e1e7f0;border-radius:10px;min-height:38px;padding:0 9px;font-size:10px}.feedback-bar button.selected{color:#315be8;background:#edf2ff;border-color:#cfd9ff}.secondary-screen{padding-bottom:16px}.screen-heading{margin-bottom:20px}.screen-heading h2{letter-spacing:-1px;margin:9px 0 6px;font-size:27px;line-height:1.35}.screen-heading p{color:#75839a;margin:0;font-size:12px;line-height:1.7}.list-loading,.empty-state{color:#7e8da3;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.list-loading{gap:10px;font-size:12px}.empty-state>span{color:#315be8;background:#e9efff;border-radius:19px;place-items:center;width:58px;height:58px;display:grid}.empty-state h3{margin:14px 0 4px;font-size:16px}.empty-state p{color:#8996aa;margin:0;font-size:11px}.history-detail{background:#eef3ff;border:1px solid #dbe4ff;border-radius:16px;margin-bottom:12px;padding:15px}.history-detail>span{color:#315be8;font-size:9px;font-weight:700}.history-detail h3{margin:4px 0 7px;font-size:15px}.history-detail p{white-space:pre-wrap;color:#596a84;max-height:140px;margin:0;font-size:11px;line-height:1.7;overflow:auto}.history-list{gap:9px;display:grid}.history-list article{background:#fff;border:1px solid #e2e8f2;border-radius:16px;align-items:center;padding:5px;display:flex}.history-main{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:10px}.history-status{color:#8090a6;align-items:center;gap:5px;font-size:9px;display:flex}.history-main strong{color:#30405a;margin-top:4px;font-size:14px}.history-main small{color:#8a96a9;font-size:10px}.history-delete{color:#9aa6b8;background:0 0;border:0;border-radius:12px;width:44px;height:44px}.help-hero{text-align:left;color:#fff;background:#315be8;border:0;border-radius:18px;justify-content:flex-start;width:100%;padding:16px}.help-hero>span{background:#fff2;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.help-hero>div{flex:1}.help-hero strong,.help-hero p{margin:0;display:block}.help-hero strong{font-size:15px}.help-hero p{color:#dce4ff;margin-top:2px;font-size:10px}.help-actions{gap:8px;margin-top:12px;display:grid}.help-actions>*{text-align:left;color:#62728b;background:#fff;border:1px solid #e2e8f2;border-radius:15px;justify-content:flex-start;align-items:center;gap:12px;min-height:64px;padding:12px;display:flex}.help-actions>*>svg{color:#315be8}.help-actions strong,.help-actions small{display:block}.help-actions strong{color:#35445d;font-size:13px}.help-actions small{margin-top:2px;font-size:10px}.faq-list{margin-top:22px}.faq-list>h3{margin:0 0 10px;font-size:15px}.faq-list details{background:#fff;border:1px solid #e2e8f2;border-radius:14px;margin-top:8px;padding:13px 14px}.faq-list summary{cursor:pointer;font-size:12px;font-weight:700}.faq-list details p{color:#6f7e94;margin:10px 0 0;font-size:11px;line-height:1.75}.profile-card{background:#fff;border:1px solid #e2e8f2;border-radius:18px;align-items:center;gap:13px;padding:16px;display:flex}.profile-avatar{color:#315be8;background:#e9efff;border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.profile-card>div{min-width:0}.profile-card small,.profile-card strong,.profile-card div>span{display:block}.profile-card small{color:#8794a8;font-size:9px}.profile-card strong{overflow-wrap:anywhere;font-size:14px}.profile-card div>span{color:#3a9b6c;margin-top:4px;font-size:9px}.profile-card div>span svg{vertical-align:-2px;margin-right:3px}.settings-list{gap:8px;margin-top:12px;display:grid}.settings-list article{background:#fff;border:1px solid #e2e8f2;border-radius:15px;gap:11px;padding:14px;display:flex}.settings-list article>svg{color:#5576dc;flex:none}.settings-list strong{font-size:12px}.settings-list p{color:#7e8ba0;margin:3px 0 0;font-size:10px;line-height:1.65}.logout-button{color:#a34a40;background:#fff7f5;border:1px solid #ecdcd9;border-radius:14px;width:100%;min-height:50px;margin-top:20px;font-size:13px;font-weight:700}.preview-banner{color:#315ee8;background:#eef3ff;border-bottom:1px solid #dbe5ff;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:700;display:flex}