:root{--bg: #0e0e12;--panel: #17171f;--line: #2a2a35;--text: #f2f2f5;--muted: #9a9aa8;--accent: #ff4d79}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.topbar{display:flex;align-items:baseline;gap:8px;padding:16px 18px}.brand{font-weight:800;font-size:20px}.subtitle{color:var(--muted);font-size:14px}.landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 24px 40px;gap:8px}.landing-art{font-size:64px;line-height:1;margin-bottom:8px}.landing-title{font-size:24px;font-weight:800;margin:0}.landing-desc{color:var(--muted);font-size:15px;line-height:1.6;margin:4px 0 28px}.landing-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.big{padding:15px 20px;border-radius:14px;font-size:16px;text-align:center}.ghost.big{display:block}.capture{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 18px 24px;position:relative}.back{position:absolute;top:4px;left:12px;background:transparent;border:none;color:var(--text);font-size:26px;line-height:1;padding:6px 10px;cursor:pointer;z-index:2}.hint{color:var(--muted);font-size:14px;text-align:center;margin:4px 0 14px}.viewport{position:relative;width:100%;aspect-ratio:3 / 4;background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.viewport video{width:100%;height:100%;object-fit:cover;display:block}.grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.grid line{stroke:#ffffff73;stroke-width:.01}.cam-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted)}.shutter{margin:22px 0 12px;width:74px;height:74px;border-radius:50%;border:4px solid #fff;background:transparent;display:grid;place-items:center;cursor:pointer}.shutter span{width:58px;height:58px;border-radius:50%;background:#fff}.shutter:disabled{opacity:.4}.upload{color:var(--muted);font-size:15px;text-decoration:underline;cursor:pointer;padding:6px 10px}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.small{color:var(--muted);font-size:13px}.progress{width:220px;height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin:4px 0}.progress-bar{height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.error-msg{color:var(--text);font-size:15px;max-width:320px}.results{flex:1;padding:8px 14px 28px}.results-head{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 14px;color:var(--muted);font-size:14px}.results-head>div{display:flex;gap:8px}.grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;display:block}.card-meta{padding:10px 12px 6px;display:flex;flex-direction:column;gap:2px}.card-meta strong{font-size:16px}button{font-family:inherit}.primary{background:var(--accent);color:#fff;border:none;padding:9px 16px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer}.ghost{background:transparent;color:var(--text);border:1px solid var(--line);padding:8px 14px;border-radius:10px;font-size:14px;cursor:pointer}.ghost.full{margin:0 12px 12px}