:root{color-scheme:light dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;color:#172033;background:#eef2f7;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #eef2f7;--card: #ffffff;--text: #172033;--muted: #667085;--line: #d7dee9;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-text: #ffffff;--danger: #b42318;--success: #107c41;--warning: #8a5a00;--camera-bg: #111827;--focus: #2563eb}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{min-height:100dvh;background:var(--bg);color:var(--text);line-height:1.5}button,input,textarea{font:inherit}button{min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font-weight:750;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.48}button.primary{border-color:var(--accent);background:var(--accent);box-shadow:0 6px 16px #2563eb33;color:var(--accent-text)}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{color:var(--danger)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-shell{width:min(780px,100%);min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.app-header{margin:0 2px 20px}.app-header h1{margin:2px 0 7px;color:var(--text);font-size:clamp(1.6rem,6vw,2.25rem);letter-spacing:-.035em;line-height:1.22}.app-header p{margin:0;color:var(--muted)}.app-header .eyebrow{color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.16em}.card{margin:0 0 14px;padding:clamp(14px,4vw,20px);border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 12px 32px #1f29370f}.card h2{margin:0 0 12px;font-size:1.08rem}.storage-warning{margin:0 0 14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warning) 35%,transparent);border-radius:12px;background:color-mix(in srgb,var(--warning) 10%,var(--card));color:var(--warning);font-weight:700}.camera-wrap{position:relative;overflow:hidden;width:100%;border-radius:12px;aspect-ratio:4 / 3;background:var(--camera-bg)}.camera-wrap video{display:block;width:100%;height:100%;object-fit:cover}.camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#aeb8ca;font-size:.88rem}.guide{position:absolute;top:34%;right:7%;left:7%;height:32%;border:3px solid rgb(255 255 255 / 92%);border-radius:10px;box-shadow:0 0 0 9999px #00000040;pointer-events:none}.guide span{position:absolute;bottom:-2.15rem;left:50%;width:max-content;max-width:90vw;padding:3px 8px;border-radius:6px;background:#000000a6;color:#fff;font-size:.78rem;transform:translate(-50%)}.controls,.result-actions,.manual-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.controls{margin-top:12px}.status{min-height:1.5em;margin:10px 0 0;color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}.status.success{color:var(--success);font-weight:700}.status.warning{color:var(--warning)}.status.error{color:var(--danger);font-weight:700}.wake-note,.note{margin:7px 0 0;color:var(--muted);font-size:.82rem}.latest{display:grid;margin-top:11px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;background:color-mix(in srgb,var(--card) 88%,var(--accent) 12%)}.latest span{color:var(--muted)}.latest strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;letter-spacing:.04em;overflow-wrap:anywhere}.options{display:grid;margin-top:13px;gap:10px}.options label{display:flex;align-items:flex-start;gap:9px;font-size:.94rem}input[type=checkbox]{width:20px;height:20px;margin:1px 0 0;accent-color:var(--accent);flex:none}.manual-row input{min-width:0;min-height:44px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;flex:1 1 220px;background:var(--card);color:var(--text);font-size:16px}.result-heading{display:flex;margin-bottom:10px;align-items:baseline;justify-content:space-between;gap:12px}.result-heading h2{margin:0}.stats{display:flex;gap:12px;color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.result-label{display:block;margin-bottom:6px;color:var(--muted);font-size:.8rem}textarea{width:100%;min-height:220px;padding:11px 12px;resize:vertical;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;line-height:1.5}.result-actions{margin-top:9px}.code-list{display:grid;max-height:320px;margin:16px 0 0;padding:0;gap:6px;overflow-y:auto;list-style:none;counter-reset:code}.code-list li{display:grid;min-width:0;padding:7px 7px 7px 11px;border:1px solid var(--line);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;counter-increment:code}.code-list code:before{content:counter(code) ". ";color:var(--muted)}.code-list code{overflow-wrap:anywhere}.code-list button{min-height:36px;padding:6px 10px;color:var(--danger);font-size:.78rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:430px){.controls,.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.controls button,.result-actions button{width:100%}.controls .primary,.result-actions .primary{grid-column:1 / -1}.manual-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.result-heading{align-items:flex-start;flex-direction:column}}@media(prefers-color-scheme:dark){:root{--bg: #111827;--card: #1f2937;--text: #f3f4f6;--muted: #aeb8ca;--line: #3d4a5e;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-text: #08101d;--danger: #fda4af;--success: #6ee7a0;--warning: #f8cf72;--focus: #93c5fd}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}