:root{color-scheme:light dark;--bg: #f6f3ee;--surface: #fffcf8;--ink: #2b292d;--muted: #6b6369;--line: #e4ddd6;--accent: #73465c;--accent-hover: #61354b;--on-accent: #fff;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px;--s12: 48px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;line-height:1.6}@media(prefers-color-scheme:dark){:root{--bg: #1b191c;--surface: #242126;--ink: #eeeae6;--muted: #a79ea4;--line: #3a353a;--accent: #c78fab;--accent-hover: #d7a3bd;--on-accent: #1b191c}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:880px;padding:var(--s4) var(--s4) var(--s8);margin:auto}header{text-align:center;margin:0 auto var(--s8)}.languages{display:flex;justify-content:flex-end;gap:var(--s1);margin-bottom:var(--s6)}.languages button{background:transparent;color:var(--muted);border-color:transparent;padding:var(--s2);font-size:.8rem;min-width:44px}.languages button[aria-pressed=true]{color:var(--accent);text-decoration:underline;text-underline-offset:5px}h1{font-family:Hiragino Mincho ProN,Yu Mincho,Georgia,serif;font-size:clamp(1.4rem,5.7vw,2.25rem);letter-spacing:.04em;margin:0 0 var(--s4)}h1,h2,h3,.lead{text-wrap:balance}:lang(ja){word-break:auto-phrase}.lead{font-size:.95rem;margin:auto;max-width:490px}h2{font-size:clamp(1.2rem,4.6vw,1.6rem);margin:var(--s8) 0 var(--s2)}h3{font-size:1.1rem;margin:var(--s8) 0 var(--s1)}.input-panel,#status,#error,.feedback{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:var(--s6) var(--s4);text-align:center}.input-actions{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center}button{font:inherit;font-weight:600;cursor:pointer;padding:var(--s3) var(--s6);border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);min-height:44px}button.secondary{background:transparent;color:var(--accent)}button:hover:enabled{background:var(--accent-hover);color:var(--on-accent)}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.photo-tip,.privacy,.own-note{font-size:.82rem;line-height:1.6;max-width:550px;margin:var(--s4) auto 0}.photo-tip,.own-note{color:var(--muted)}.own-note{margin-top:var(--s2)}.privacy svg{vertical-align:-.15em}#model-status{max-width:440px;margin:var(--s6) auto 0;color:var(--muted);font-size:.8rem}#model-status p{margin:var(--s2) 0 0}#model-progress{height:4px;background:var(--line);border-radius:999px;overflow:hidden}#model-progress span{display:block;height:100%;width:var(--progress);background:var(--accent)}#model-progress:not([aria-valuenow]) span{width:35%;animation:progress 1.5s ease-in-out infinite alternate}#status:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin-right:var(--s2);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{to{transform:translate(185%)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}video{display:block;width:100%;max-height:420px;object-fit:contain;margin:var(--s6) 0;border-radius:16px;background:var(--ink);transform:scaleX(-1)}#results{text-align:center;animation:appear .22s ease-out}.ai-notice{font-size:.75rem;color:var(--muted);margin:0 auto var(--s6);text-wrap:balance}.hero{position:relative;max-width:440px;margin:0 auto var(--s6)}figure{margin:0;min-width:0}figure img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;background:var(--line)}.own-photo{position:absolute;width:84px;left:var(--s3);bottom:-12px}.own-photo img{border:3px solid var(--surface);border-radius:50%}.score{margin:0;color:var(--accent)}#hero-score .score{display:flex;justify-content:center;align-items:baseline;gap:var(--s3)}.score strong{font-size:2rem;font-variant-numeric:tabular-nums}.feedback{max-width:440px;margin:var(--s6) auto 0;padding:var(--s4);font-size:.85rem}.feedback p{margin:0}.feedback-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-top:var(--s3)}.feedback-actions button{padding:var(--s2)}.feedback .feedback-note{margin-top:var(--s3);font-size:.75rem;color:var(--muted)}.score-legend{color:var(--muted);font-size:.75rem;margin:0 0 var(--s4)}.thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);max-width:440px;margin:0 auto}.thumbnails figure{position:relative}.score-badge{position:absolute;bottom:var(--s2);right:var(--s2);padding:0 var(--s2);background:#000000b8;color:#fff;border-radius:999px}.score-badge strong{font-size:.85rem}.reset{display:block;margin:var(--s8) auto 0}footer{border-top:1px solid var(--line);margin-top:var(--s12);padding-top:var(--s4);font-size:.75rem;text-align:center}a{color:var(--accent);text-underline-offset:3px}footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s2)}@media(min-width:640px){main{padding:var(--s8)}.input-panel{padding:var(--s8)}.own-photo{width:104px;left:var(--s4)}.thumbnails{gap:var(--s4)}}@media(prefers-reduced-motion:reduce){#results,#status:before,#model-progress:not([aria-valuenow]) span{animation:none}}