:root{--ink: #16233d;--ink-muted: #4a5a78;--bg: #eef2f7;--surface: #ffffff;--surface-sunken: #f6f9fc;--accent: #c4571f;--accent-ink: #ffffff;--accent-soft: #f3ded1;--safe: #1b6e52;--safe-soft: #d9ece4;--border: rgba(22, 35, 61, .16);--border-strong: rgba(22, 35, 61, .32);--shadow: 0 8px 24px rgba(22, 35, 61, .1);--tap-min: 64px;--radius: 18px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:BIZ UDPGothic,Hiragino Sans,Yu Gothic,sans-serif;font-size:17px;line-height:1.7}h1,h2,h3{font-family:Zen Kaku Gothic New,BIZ UDPGothic,sans-serif;font-weight:900;margin:0;text-wrap:balance}button{font-family:inherit}#app{min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;max-width:640px;width:100%;margin:0 auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom));gap:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.locale-switch{display:flex;gap:4px;flex-shrink:0}.locale-chip{min-height:44px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.72rem;font-weight:700;color:var(--ink-muted);cursor:pointer}.locale-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.locale-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}ruby rt{font-size:.62em;color:var(--ink-muted)}.back-button{min-height:var(--tap-min);min-width:var(--tap-min);border:none;background:transparent;color:var(--ink);font-size:1.6rem;cursor:pointer;border-radius:999px}.back-button:hover{background:var(--surface-sunken)}.back-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.eyebrow{font-size:.8rem;font-weight:700;color:var(--ink-muted);letter-spacing:.04em}.btn{min-height:var(--tap-min);border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--ink);font-size:1.05rem;font-weight:700;padding:14px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;transition:transform .08s ease,box-shadow .08s ease}.btn:hover{box-shadow:var(--shadow)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn .icon{width:34px;height:34px;flex-shrink:0;color:var(--ink-muted)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);justify-content:center;font-size:1.15rem}.btn-primary .icon{color:var(--accent-ink)}.btn-primary:disabled{background:var(--border);border-color:var(--border);color:var(--ink-muted);cursor:not-allowed}.btn-ghost{background:transparent;border-color:var(--border);justify-content:center}.btn-safe{background:var(--safe);border-color:var(--safe);color:#fff;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.status-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--surface-sunken);color:var(--ink-muted);font-size:.92rem;font-weight:700}.status-banner.ok{background:var(--safe-soft);color:var(--safe)}.status-banner.warn{background:var(--accent-soft);color:var(--accent)}.field-label{font-size:.85rem;font-weight:700;color:var(--ink-muted)}input[type=text],input[type=search]{min-height:var(--tap-min);border-radius:14px;border:2px solid var(--border);padding:0 18px;font-size:1.1rem;width:100%;background:var(--surface);color:var(--ink)}input[type=text]:focus-visible,input[type=search]:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.icon-tile{min-height:var(--tap-min);border-radius:14px;border:2px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;cursor:pointer;font-size:.82rem;font-weight:700;color:var(--ink)}.icon-tile svg{width:32px;height:32px;color:var(--ink)}.icon-tile:hover{border-color:var(--accent)}.icon-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.icon-tile.selected{border-color:var(--accent);background:var(--accent-soft)}.swatch-row{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:44px;height:44px;border-radius:999px;border:3px solid transparent;cursor:pointer}.swatch.selected{border-color:var(--ink)}.swatch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.spacer{flex:1}.hint{color:var(--ink-muted);font-size:.88rem}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gallery-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px}.camera-frame{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius);overflow:hidden;background:#000;border:2px solid var(--border)}.camera-frame video,.camera-frame canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.camera-frame .guide{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:3px dashed rgba(255,255,255,.7);border-radius:16px;pointer-events:none}.pictogram-preview{background:var(--preview-bg, var(--surface));border-radius:var(--radius);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:24px}.pictogram-preview svg{width:100%;max-width:320px;height:auto}.small-preview-row{display:flex;align-items:flex-end;gap:16px;margin-top:8px}.small-preview{flex:none;border-radius:6px;overflow:hidden;outline:1px solid var(--border)}.small-preview svg{display:block;width:100%;height:100%}.venue-panel{display:flex;flex-direction:column;gap:10px}.venue-row{display:flex;gap:8px}.venue-row input[type=text]{flex:1}.venue-row .btn{min-height:var(--tap-min);padding:0 18px;flex:0 0 auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16233d8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal-card{background:var(--surface);border-radius:var(--radius);padding:24px;width:min(320px,100%);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.modal-card img.qr{width:220px;height:220px;border-radius:8px;border:1px solid var(--border)}.modal-card .url{font-size:.78rem;color:var(--ink-muted);word-break:break-all}.display-screen{max-width:none;width:100%;padding:28px 32px 40px}.display-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.display-count{font-family:monospace;color:var(--ink-muted);font-size:1.1rem}.display-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}.display-tile{background:var(--surface);border-radius:16px;padding:14px;border:1px solid var(--border)}.display-tile svg,.display-tile img{width:100%;height:auto;display:block}@media (prefers-reduced-motion: no-preference){.display-tile.is-new{animation:pop-in .5s ease}}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media print{.no-print{display:none!important}html,body{background:#fff}.screen{max-width:none;padding:0;gap:14px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:16px}.gallery-item{border:1px solid #ccc;box-shadow:none;break-inside:avoid}.gallery-item svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.pose-tile svg{width:100%;height:auto;aspect-ratio:1;border-radius:8px}.camera-frame video.mirrored{transform:scaleX(-1)}.model-badge{position:absolute;top:10px;left:10px;width:32%;margin:0;background:#fff;border-radius:10px;padding:6px;box-shadow:0 2px 8px #00000040;pointer-events:none}.model-badge svg{display:block;width:100%;height:auto}.model-badge figcaption{font-size:.7rem;font-weight:700;color:#16233d;text-align:center;margin-top:2px}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(5rem,30vw,10rem);font-weight:900;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.6);pointer-events:none}.countdown[hidden]{display:none}.camera-switch{position:absolute;top:10px;right:10px;width:48px;height:48px;border-radius:999px;border:none;background:#00000080;color:#fff;font-size:1.4rem;cursor:pointer}.camera-switch:disabled{opacity:.4}.score-board{text-align:center;padding:8px 0}.score-verdict{font-size:1.3rem;font-weight:900;color:var(--accent)}.score-number{font-size:1.2rem;font-weight:700}.score-number span{font-size:4.5rem;font-weight:900;line-height:1}.score-number small{font-size:1rem;color:var(--ink-muted)}.compare-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-row figure{margin:0;text-align:center}.compare-mark svg{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border)}.compare-row figcaption{font-size:.85rem;font-weight:700;margin-top:6px}.grid>*,.compare-row>*{min-width:0}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.chip.selected{border-color:var(--accent);background:var(--accent-soft)}.prep-card-preview svg{max-width:360px}.ranking-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.ranking-panel h2{font-size:1.3rem;margin:0 0 12px}.ranking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ranking-list li{display:grid;grid-template-columns:2.2rem 48px minmax(8rem,14rem) 1fr 5rem;align-items:center;gap:12px;font-size:1.15rem;font-weight:700}.ranking-list li.hint{display:block;font-weight:400}.ranking-list .rank{font-size:1.6rem;font-weight:900;color:var(--accent);text-align:center}.ranking-list svg{width:48px;height:48px;color:var(--ink)}.ranking-list .bar{height:18px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.ranking-list .bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.ranking-list .votes{text-align:right;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.ranking-list .bar>span{transition:none}}.keyword-form{display:flex;flex-direction:column;gap:6px}.keyword-row{display:flex;gap:10px}.keyword-row input{flex:1;min-width:0}.keyword-row .btn{width:auto;padding:0 22px}.keyword-result{display:flex;flex-direction:column;gap:12px}.keyword-mark svg{display:block;width:100%;max-width:320px;height:auto;margin:0 auto;border-radius:var(--radius);border:1px solid var(--border)}.shape-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.shape-panel summary{font-weight:700;cursor:pointer;min-height:32px;display:flex;align-items:center}.shape-sliders{display:flex;flex-direction:column;gap:10px;margin:10px 0 12px}.shape-slider{display:flex;flex-direction:column;gap:4px;font-size:.9rem;font-weight:700;color:var(--ink-muted)}.shape-slider input{width:100%}