:root{color-scheme:light;--bg: #F7F8FA;--surface: #FFFFFF;--accent: #2F80ED;--destructive: #D92D20;--text: #101828;--muted: #667085;--border: #D0D5DD;--success: #039855;--warning: #DC6803}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit;letter-spacing:0}.app-shell{min-height:100vh;max-width:720px;margin:0 auto;padding:16px}.development-marker{margin-bottom:12px;padding:8px 12px;border:1px solid var(--warning);border-radius:8px;background:#fff7ed;color:#9a3412;font-size:12px;font-weight:700;line-height:1.3;text-transform:uppercase}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.3}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:28px;font-weight:750;line-height:1.15}h2{margin-bottom:8px;font-size:20px;font-weight:700;line-height:1.2}h3{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.2}p{color:var(--muted);font-size:15px;line-height:1.45}.session-panel{display:grid;gap:4px;min-width:172px;max-width:240px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:12px;line-height:1.3}.session-panel strong{color:var(--success);font-weight:600}.app-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.app-nav button{min-height:44px;padding:8px 4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600;line-height:1.2;cursor:pointer}.app-nav button[aria-current=page]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.view{display:none}.view.is-active{display:block}.surface{min-height:360px;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.auth-state-panel{display:grid;align-content:start;gap:12px}.placeholder-grid,.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.placeholder-grid span,.choice-row div{display:grid;place-items:center;aspect-ratio:4 / 5;border:1px dashed var(--border);border-radius:8px;background:var(--bg);color:var(--muted);font-size:15px;font-weight:600}.result-meter{height:16px;overflow:hidden;border-radius:8px;background:var(--bg)}.result-meter span{display:block;height:100%;background:var(--accent)}.empty-heading{margin-bottom:4px;color:var(--text);font-weight:700}.primary-action{min-height:44px;margin-top:16px;padding:8px 16px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.status-line{margin-top:16px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);font-size:12px;line-height:1.3}.battle-form,.field-group,.pairwise-panel,.source-section{display:grid;gap:16px}.battle-form{margin-top:24px}.field-group{gap:8px}.field-group label,.field-label{margin:0;color:var(--text);font-size:12px;font-weight:600;line-height:1.3}.field-group input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.field-group label[for=battlePhotoInput]{display:inline-flex;align-items:center;width:max-content;min-height:44px;padding:8px 12px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);cursor:pointer}.helper-line,.validation-line{margin:0;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:12px;line-height:1.3}.validation-line.is-error{border-color:var(--destructive);color:var(--destructive)}.segmented-control{display:flex;flex-wrap:wrap;gap:8px}.segmented-control label{display:inline-flex;align-items:center;min-height:44px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer}.segmented-control label:has(input:checked){border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.segmented-control input{margin-right:4px}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,152px));gap:16px}.photo-tile,.pairwise-photo{display:grid;gap:8px;align-content:start;min-width:0;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.photo-tile img,.pairwise-photo img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;background:var(--surface)}.tile-action{min-height:44px;border:1px solid var(--destructive);border-radius:8px;background:var(--surface);color:var(--destructive);font-size:12px;font-weight:600;cursor:pointer}.primary-action:disabled{border-color:var(--border);background:var(--border);cursor:not-allowed}.pairwise-panel,.source-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.pairwise-choice-row,.choice-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.choice-actions{gap:8px}.comparison-history,.comparison-list,.battle-history-list{display:grid;gap:8px}.battle-history-list{margin-top:16px}.battle-history-item{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.battle-history-item h3,.battle-history-item p{margin:0}.history-row{padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);font-size:12px;line-height:1.3}.source-section.is-virtual{border-top-color:var(--warning)}.source-section.is-real-placeholder{color:var(--muted)}.source-badge{width:max-content;padding:4px 8px;border:1px solid var(--warning);border-radius:8px;color:var(--warning);font-size:12px;font-weight:600;line-height:1.3}.preliminary-summary{color:var(--text);font-weight:700}@media(max-width:520px){.app-shell{padding:8px}.topbar{display:grid}.session-panel{max-width:none}.app-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.surface{min-height:320px;padding:16px}}