*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6edf3;--muted: #a0aab5;--pink: #f472b6;--green: #3fb950;--yellow: #d29922;--red: #f85149;--blue: #58a6ff}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}nav{display:none}.page{max-width:430px;margin:0 auto;padding:12px 16px 48px}#upload-zone{border:1px solid var(--border);border-radius:24px;padding:24px 20px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;margin-bottom:24px;background:radial-gradient(circle at top,rgba(244,114,182,.12),transparent 34%),linear-gradient(180deg,#ffffff05,#fff0);box-shadow:0 20px 50px #00000038}#upload-zone:hover,#upload-zone.drag-over{border-color:var(--pink);box-shadow:0 24px 60px #00000042}#upload-zone .app-name{font-size:36px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text) 0%,var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}#upload-zone .app-tagline{font-size:15px;color:var(--muted);font-weight:400;margin:0 auto 16px;max-width:340px;line-height:1.5}.hero-cta-block{margin:0 auto 14px;max-width:340px}.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-upload{border-radius:12px;padding:13px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}.btn-upload:hover{transform:translateY(-1px)}.btn-upload-primary{background:var(--pink);border:1px solid rgba(244,114,182,.65);color:#111}.btn-upload-primary:hover{background:#ff8ac6}.btn-upload-secondary{background:#ffffff08;border:1px solid var(--border);color:var(--text)}.btn-upload-secondary:hover{background:#ffffff12}.sample-gallery{margin-top:10px}.sample-label{color:var(--text);font-size:14px;font-weight:600;margin-bottom:12px}.sample-thumbs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.sample-thumb{width:60px;height:76px;border-radius:12px;overflow:hidden;border:2px solid var(--border);background:var(--surface);padding:0;cursor:pointer;transition:border-color .2s,transform .15s;flex-shrink:0}.sample-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.sample-thumb:hover{border-color:var(--muted);transform:scale(1.06)}.sample-thumb.active{border-color:var(--pink);box-shadow:0 0 0 2px #f472b64d}.privacy-note{display:flex;align-items:flex-start;gap:8px;margin-top:20px;font-size:13px;line-height:1.5;color:var(--muted);text-align:left;max-width:380px;margin-left:auto;margin-right:auto}.privacy-note .lock{font-size:16px;flex-shrink:0;margin-top:1px}#analyzing-panel{display:none;text-align:center;padding:40px 24px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}#analyzing-label{color:var(--muted);font-size:14px}#results-panel{display:none;flex-direction:column;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:var(--bg);z-index:100;overflow:hidden}.photo-overlay{position:relative;width:100%;background:#000;flex:0 0 42vh;min-height:0;display:flex;align-items:center;justify-content:center}.photo-overlay-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-overlay-wrap img{width:100%;height:100%;object-fit:contain;display:block}.btn-back-overlay{position:absolute;top:12px;left:12px;background:#0000008c;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}@media (max-width: 420px){#upload-zone .app-name{font-size:38px}.cta-row{grid-template-columns:1fr}}.photo-score-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 12px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.35) 60%,transparent 100%);color:#fff;z-index:1}.photo-score-row{display:flex;align-items:baseline;gap:6px}.photo-score-row .number{font-size:54px;font-weight:800;line-height:.95;text-shadow:0 2px 12px rgba(0,0,0,.5)}.photo-score-row .denom{font-size:18px;color:#ffffffb3;font-weight:600}.photo-score-row .photo-type-label{font-size:11px;color:#ffffff9e;text-transform:uppercase;letter-spacing:.06em;margin-left:auto}.photo-score-overlay .ai-summary-inline{margin-top:4px;font-size:12px;line-height:1.4}.photo-score-overlay .ai-summary-inline span{color:#ffffff80;font-size:10px}.photo-score-overlay .ai-summary-inline p{color:#ffffffe0;margin-top:2px;font-size:13px}.photo-score-overlay .ai-unavailable-banner{margin-top:4px;font-size:11px;color:#ffffffb3;font-style:italic}.photo-score-overlay .result-id{margin-top:6px;font-size:10px;color:#ffffff8c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.bottom-sheet{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;background:var(--bg);padding:0 0 max(16px,env(safe-area-inset-bottom))}.sheet-handle{display:none}.card-carousel{display:flex;flex-direction:column;gap:10px;padding:8px 16px 4px}.card-carousel:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.carousel-dots{display:none}.card{width:100%;background:var(--surface);border:1px solid var(--border);border-left-width:4px;border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.card-carousel>.card:first-child{box-shadow:0 8px 22px #00000047;border-color:#ffffff1f}.card.score-great{border-left-color:var(--green)}.card.score-ok{border-left-color:var(--yellow)}.card.score-poor{border-left-color:var(--red)}.card.active{box-shadow:0 0 0 1px #ffffff0f,0 12px 26px #0000003d;transform:translateY(-1px)}.card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 2px}.card-cat{font-size:11px;color:var(--muted)}.card-priority{font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 8px;border:1px solid transparent}.priority-1{color:var(--red);border-color:#f8514947;background:#f851491f}.priority-2{color:var(--yellow);border-color:#d2992247;background:#d299221f}.priority-3{color:var(--green);border-color:#3fb95047;background:#3fb9501f}.card-header{display:flex;align-items:flex-start;gap:10px;padding:4px 14px 6px}.card-header{justify-content:flex-end}.card-score{font-size:22px;font-weight:800;min-width:44px;text-align:right;line-height:1}.card-bar{padding:0 14px 12px}.card-bar .score-bar-track{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.score-bar-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.card-body{padding:0 14px 14px}.card-tip{color:var(--text);font-size:14px;line-height:1.55;margin:0}.card-compact .card-tip{color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.score-great{color:var(--green)}.score-ok{color:var(--yellow)}.score-poor{color:var(--red)}.bar-great{background:var(--green)}.bar-ok{background:var(--yellow)}.bar-poor{background:var(--red)}.report-section{margin-top:8px;padding:0 16px 24px}.btn-report{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:8px 16px;font-size:12px;cursor:pointer;width:100%}.btn-report:hover{color:var(--text);border-color:var(--muted)}.report-form{margin-top:10px}.report-form textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px;font-size:13px;font-family:inherit;resize:vertical}.report-note{font-size:11px;color:var(--muted);margin:8px 0;line-height:1.5}.report-actions{display:flex;gap:8px}.btn-report-send{background:#f472b626;border:1px solid rgba(244,114,182,.35);color:var(--pink);border-radius:8px;padding:6px 16px;font-size:12px;cursor:pointer}.btn-report-cancel{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:6px 16px;font-size:12px;cursor:pointer}.report-result{font-size:12px;margin-top:8px;color:var(--green)}.error-report{margin-top:14px}.btn-error-report{background:none;border:1px solid rgba(248,81,73,.3);color:var(--red);border-radius:8px;padding:6px 16px;font-size:12px;cursor:pointer}#error-panel{display:none;background:#f8514914;border:1px solid rgba(248,81,73,.25);border-radius:10px;padding:20px 24px;margin-bottom:16px;text-align:center}#error-msg{color:var(--red);font-size:14px;margin-bottom:12px}.btn-retry{background:#f851491f;border:1px solid rgba(248,81,73,.3);color:var(--red);border-radius:8px;padding:6px 16px;font-size:12px;cursor:pointer}.btn-retry:hover{background:#f8514933}#desktop-only{display:none}html.is-desktop #desktop-only{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px;z-index:1000}html.is-desktop nav,html.is-desktop .page{display:none!important}.desktop-only-card{max-width:460px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:40px 32px}.desktop-only-card h1{font-size:22px;font-weight:600;margin-bottom:14px;color:var(--text)}.desktop-only-card p{color:var(--muted);font-size:14px;line-height:1.6}.desktop-only-card p+p{margin-top:12px}.desktop-only-url{display:inline-block;margin-top:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--blue);background:#58a6ff14;border:1px solid rgba(88,166,255,.2);padding:8px 14px;border-radius:8px}