*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}html{height:100%}:root{--teal:#0d9488;--teal-light:#f0fdfa;--teal-dark:#0f766e;--red:#f04438;--red-light:#fef3f2;--amber:#f79009;--amber-light:#fffaeb;--blue:#2e90fa;--blue-light:#eff8ff;--ink:#101828;--ink2:#344054;--ink3:#667085;--ink4:#98a2b3;--border:#e4e7ec;--bg:#f9fafb;--white:#fff}body{background:#eef0f4;justify-content:center;align-items:flex-start;height:100%;font-family:Syne,Noto Sans KR,sans-serif;display:flex;overflow:hidden}#root{background:var(--white);flex-direction:column;width:100%;max-width:430px;height:100%;display:flex;position:relative;overflow:hidden}@media (width<=768px){#root{max-width:100%}}.screen{flex-direction:column;height:100%;display:flex;overflow:hidden}.app-hdr{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;padding:10px 16px;display:flex}.app-logo{color:var(--ink);font-family:Syne,sans-serif;font-size:18px;font-weight:800}.app-logo span{color:var(--teal)}.hdr-icons{gap:8px;display:flex}.hdr-icon{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hdr-back{cursor:pointer;width:32px;height:32px;color:var(--ink2);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.hdr-title{color:var(--ink);font-size:14px;font-weight:700}.hdr-placeholder{width:32px}.app-body{flex-direction:column;flex:1;gap:11px;min-height:0;padding:14px 16px 80px;display:flex;overflow-y:auto}.app-body>*{flex-shrink:0}.search-bar{background:var(--bg);border:1px solid var(--border);color:var(--ink4);cursor:text;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.search-bar input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:Syne,Noto Sans KR,sans-serif;font-size:13px}.search-bar input::placeholder{color:var(--ink4)}.search-btn{cursor:pointer;color:var(--teal);background:0 0;border:none;align-items:center;padding:0;display:flex}.sec{color:var(--ink4);letter-spacing:.8px;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:700}.g2{grid-template-columns:1fr 1fr;gap:7px;display:grid}.qb{background:var(--white);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;padding:13px 8px;transition:background .15s;display:flex}.qb:hover{background:var(--bg)}.qb p{color:var(--ink2);margin-top:6px;font-size:11px;font-weight:500}.li{background:var(--white);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.li-name{color:var(--ink);font-size:12px;font-weight:500}.li-sub{color:var(--ink4);margin-top:2px;font-size:10px}.badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.b-ok{background:var(--teal-light);color:var(--teal-dark);border:1px solid #99f6e4}.b-danger{background:var(--red-light);color:#b42318;border:1px solid #fecdca}.b-warn{background:var(--amber-light);color:#b54708;border:1px solid #fedf89}.b-info{background:var(--blue-light);color:#175cd3;border:1px solid #b2ddff}.b-gray{color:var(--ink3);border:1px solid var(--border);background:#f2f4f7}.alert-card{border:1px solid;border-radius:12px;padding:12px 14px}.alert-danger{background:var(--red-light);border-color:#fecdca}.alert-warn{background:var(--amber-light);border-color:#fedf89}.alert-ok{background:var(--teal-light);border-color:#99f6e4}.alert-title{align-items:center;gap:5px;margin-bottom:5px;font-size:12px;font-weight:700;display:flex}.alert-danger .alert-title{color:#b42318}.alert-warn .alert-title{color:#b54708}.alert-ok .alert-title{color:var(--teal-dark)}.alert-body{font-size:10px;line-height:1.5}.alert-danger .alert-body{color:#912018}.alert-warn .alert-body{color:#93370d}.alert-ok .alert-body{color:var(--teal-dark)}.info-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.info-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.info-key{color:var(--ink3);font-size:11px}.info-val{color:var(--ink);font-size:12px;font-weight:500}.info-val-danger{color:#b42318;font-size:12px;font-weight:500}.info-divider{border:none;border-top:1px solid var(--border);margin:5px 0}.prod-name{color:var(--ink);margin-bottom:3px;font-size:14px;font-weight:700}.source-tag{color:var(--ink4);margin-top:5px;font-size:10px}.prog-item{margin-bottom:10px}.prog-top{justify-content:space-between;align-items:flex-end;margin-bottom:4px;display:flex}.prog-name{color:var(--ink);font-size:12px;font-weight:500}.prog-sub{color:var(--ink4);font-size:10px}.prog-bar{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.prog-fill{border-radius:3px;height:100%}.prog-meta{color:var(--ink4);margin-top:3px;font-size:10px}.flag{background:var(--red-light);border:1px solid #fecdca;border-radius:10px;padding:10px 12px}.flag-title{color:#b42318;align-items:center;gap:5px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.flag-body{color:#912018;font-size:10px;line-height:1.4}.ghost-btn{border:1px solid var(--border);color:var(--ink3);text-align:center;cursor:pointer;background:0 0;border-radius:10px;width:100%;padding:9px 14px;font-family:Syne,Noto Sans KR,sans-serif;font-size:11px;font-weight:500}.ghost-btn:hover{background:var(--bg)}.primary-btn{background:var(--teal);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:Syne,Noto Sans KR,sans-serif;font-size:14px;font-weight:700;display:flex}.primary-btn:hover{background:var(--teal-dark)}.primary-btn:disabled{background:var(--ink4);cursor:not-allowed}.recall-card{background:var(--red-light);border:1.5px solid #f97066;border-radius:14px;padding:13px 15px}.recall-title{color:#b42318;align-items:center;gap:6px;margin-bottom:9px;font-size:13px;font-weight:700;display:flex}.tabbar{border-top:1px solid var(--border);z-index:10;background:#fff;justify-content:space-around;width:100%;max-width:430px;padding:10px 0 14px;display:flex;position:fixed;bottom:0}@media (width<=768px){.tabbar{max-width:100%}}.tab{color:var(--ink4);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0 12px;font-family:Syne,Noto Sans KR,sans-serif;font-size:10px;display:flex}.tab.on{color:var(--teal)}.tab:hover{color:var(--ink2)}.tab.on:hover{color:var(--teal-dark)}svg.ic{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;display:inline-block}.icon{display:block}.icon-teal{filter:invert(44%)sepia(97%)saturate(360%)hue-rotate(141deg)brightness(88%)contrast(96%)}.icon-gray{filter:invert(71%)sepia(10%)saturate(320%)hue-rotate(178deg)brightness(97%)contrast(87%)}.icon-amber{filter:invert(62%)sepia(80%)saturate(700%)hue-rotate(5deg)brightness(105%)contrast(97%)}.icon-blue{filter:invert(48%)sepia(80%)saturate(900%)hue-rotate(198deg)brightness(108%)contrast(96%)}.icon-red{filter:invert(25%)sepia(80%)saturate(900%)hue-rotate(340deg)brightness(90%)contrast(95%)}.icon-ink2{filter:invert(26%)sepia(12%)saturate(560%)hue-rotate(182deg)brightness(87%)contrast(90%)}.landing{text-align:center;background:#eef0f4;flex-direction:column;justify-content:center;align-items:center;gap:0;height:100%;padding:40px 28px;display:flex}.landing h1{color:var(--ink);letter-spacing:-.5px;margin-top:28px;margin-bottom:10px;font-family:Syne,sans-serif;font-size:26px;font-weight:800;line-height:1.25}.landing-desc{color:var(--ink3);margin-bottom:32px;font-size:14px;line-height:1.7}.landing-cta{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;max-width:320px;padding:16px 48px;font-family:Syne,Noto Sans KR,sans-serif;font-size:16px;font-weight:700;transition:background .15s,transform .1s}.landing-cta:hover{background:var(--teal-dark);transform:translateY(-1px)}.landing-cta:active{transform:translateY(0)}.profile-section{margin-bottom:4px}.profile-label{color:var(--ink3);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.profile-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:11px 14px;font-family:Syne,Noto Sans KR,sans-serif;font-size:13px;transition:border-color .15s}.profile-input:focus{border-color:var(--teal)}.toggle-group{gap:8px;display:flex}.toggle-btn{border:1.5px solid var(--border);background:var(--bg);color:var(--ink3);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-family:Syne,Noto Sans KR,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.toggle-btn.active{border-color:var(--teal);background:var(--teal-light);color:var(--teal-dark);font-weight:700}.option-group{flex-direction:column;gap:6px;display:flex}.option-btn{border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--ink3);cursor:pointer;text-align:left;border-radius:10px;padding:10px 14px;font-family:Syne,Noto Sans KR,sans-serif;font-size:13px;transition:all .15s}.option-btn.active{border-color:var(--teal);background:var(--teal-light);color:var(--teal-dark);font-weight:700}.save-success{background:var(--teal-light);color:var(--teal-dark);border:1px solid #99f6e4;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state p{color:var(--ink3);font-size:13px;line-height:1.6}.empty-state strong{color:var(--ink)}.camera-view{background:#1a1a2e;border-radius:16px;justify-content:center;align-items:center;height:160px;display:flex;position:relative}.camera-view:before{content:"";pointer-events:none;border:2px solid #0d948899;border-radius:8px;position:absolute;inset:14px}.camera-inner{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.camera-view p{color:#fff9;text-align:center;font-size:11px}