:root{--canvas: #020617;--atmosphere-navy: #172554;--atmosphere-teal: #134e4a;--surface: rgb(15 23 42 / 90%);--surface-strong: rgb(15 23 42 / 95%);--surface-chrome: rgb(2 6 23 / 90%);--border: rgb(255 255 255 / 10%);--border-hover: rgb(255 255 255 / 20%);--text: #f8fafc;--text-strong: #f1f5f9;--text-muted: #94a3b8;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--cta-ink: #031525;--danger-bg: rgb(239 68 68 / 10%);--danger-text: #fecaca;--danger-border: rgb(239 68 68 / 35%);--warning: #fde68a;--radius-ctl: 12px;--radius-card: 16px;--radius-sheet: 20px;--transition-fast: .15s ease;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:var(--text);background-color:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;height:100dvh;height:100svh;overflow:hidden}body{overscroll-behavior:none;background-color:var(--canvas)}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--sky-400);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pack-gate{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));color:var(--text);background:radial-gradient(ellipse 90% 60% at 20% 20%,rgb(23 37 84 / 70%),transparent 55%),radial-gradient(ellipse 80% 55% at 80% 10%,rgb(19 78 74 / 55%),transparent 50%),var(--canvas)}.pack-gate__card{max-width:24rem;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.75rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 25px 50px -12px #00000073}.pack-gate__eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.pack-gate__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--text-strong);line-height:1.2}.pack-gate__lead{margin:0 0 1.25rem;line-height:1.45;color:var(--text-muted);font-size:.9375rem}.pack-gate__size{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted)}.pack-gate__size strong{color:var(--text);font-variant-numeric:tabular-nums}.pack-gate__btn{width:100%;border:none;border-radius:var(--radius-ctl);padding:.9rem 1rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--sky-500),var(--sky-400));color:var(--cta-ink);cursor:pointer;transition:filter var(--transition-fast)}.pack-gate__btn:hover{filter:brightness(1.08)}.pack-gate__btn:active{transform:scale(.98);filter:brightness(.96)}.pack-gate__progress{height:.5rem;background:#ffffff14;border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-bottom:.75rem}.pack-gate__bar{height:100%;background:linear-gradient(90deg,var(--sky-500),var(--sky-400));transition:width .15s ease-out}.pack-gate__status{margin:0;font-size:.8125rem;color:var(--text-muted);word-break:break-all;font-variant-numeric:tabular-nums}.pack-gate__error{margin:1rem 0 0;padding:.65rem .75rem;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-ctl);color:var(--danger-text);font-size:.875rem}.camera{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:#000;height:100%;overflow:hidden}.camera__stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#020617}.camera__video{width:100%;height:100%;object-fit:cover;display:block}.camera__guide{position:absolute;border:2px solid rgb(56 189 248 / 90%);border-radius:var(--radius-ctl);box-shadow:0 0 0 9999px #02061766;pointer-events:none}.camera__error{position:absolute;inset:0;display:grid;place-content:center;padding:1.5rem 1.5rem 7rem;text-align:center;background:#020617d1;color:var(--text);font-size:.9375rem}.camera__hint{margin:.75rem 0 0;color:var(--text-muted);font-size:.85rem}.camera__controls{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1rem;padding-bottom:calc(4.25rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgb(2 6 23 / 75%),transparent);pointer-events:none}.camera__controls>*{pointer-events:auto}.camera__shutter{width:4.25rem;height:4.25rem;border-radius:50%;border:3px solid rgb(248 250 252 / 90%);background:transparent;padding:0;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:border-color var(--transition-fast)}.camera__shutter:disabled{opacity:.4;cursor:not-allowed}.camera__shutter-ring{width:3.25rem;height:3.25rem;border-radius:50%;background:linear-gradient(135deg,var(--sky-500),var(--sky-400));display:block;transition:transform var(--transition-fast)}.camera__shutter:active:not(:disabled) .camera__shutter-ring{transform:scale(.92)}.camera__secondary{position:absolute;left:1.25rem;border:1px solid var(--border-hover);background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);border-radius:var(--radius-ctl);padding:.5rem .9rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.camera__secondary:hover{border-color:#ffffff4d}.camera__secondary--on{background:#38bdf82e;border-color:#38bdf873;color:var(--sky-400)}.overlay{position:relative;width:100%;background:#000;overflow:hidden}.overlay__image{display:block;width:100%;height:auto}.overlay__layer{position:absolute;inset:0;pointer-events:none}.overlay__item{position:absolute;transform:translateY(-110%);text-align:center}.overlay__romaji{display:inline-block;max-width:100%;padding:.1em .35em;border-radius:.35rem;background:#020617e0;border:1px solid var(--border);color:var(--text);font-size:clamp(.65rem,2.8vw,1rem);font-weight:600;line-height:1.2;word-break:break-word}.overlay__item--low .overlay__romaji{opacity:.55;font-weight:400}.overlay__item--kanji .overlay__romaji{border-bottom:2px dotted rgb(253 230 138 / 80%);color:var(--warning)}.overlay__empty{position:absolute;inset:0;display:grid;place-content:center;background:#020617a6;color:var(--text);text-align:center;padding:1.5rem}.overlay__empty p{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:var(--text-strong)}.overlay__empty ul{margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:.875rem;line-height:1.6}.results{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));color:var(--text)}.results__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.results__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-strong)}.results__copy{border:1px solid var(--border);background:#0f172ab3;color:var(--text);border-radius:var(--radius-ctl);padding:.35rem .8rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.results__copy:hover{border-color:var(--border-hover);background:#ffffff0d}.results__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.results__row{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.75rem .9rem}.results__kana{font-size:1.05rem;margin-bottom:.2rem;word-break:break-word;color:var(--text-strong)}.results__tok--kanji{color:var(--warning);border-bottom:1px dotted rgb(253 230 138 / 70%)}.results__romaji{font-weight:600;letter-spacing:.01em;word-break:break-word;color:var(--sky-400)}.results__note{margin-top:.25rem;font-size:.75rem;font-weight:600;color:var(--text-muted)}.results__empty{margin:0;color:var(--text-muted);font-size:.875rem}._Container_1wmip_1{padding:0;margin:0;width:0;height:0}._Toast_1wmip_8{position:fixed;right:0;top:0;margin:16px;margin-top:calc(16px + env(safe-area-inset-top));padding:12px 14px;border:1px solid rgb(56 189 248 / 35%);border-radius:12px;z-index:20;text-align:left;max-width:min(22rem,calc(100vw - 32px));background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f8fafc;box-shadow:0 25px 50px -12px #00000073;animation:_toast-in_1wmip_1 .15s ease-out}._Message_1wmip_28{margin-bottom:8px;font-size:.875rem;color:#f1f5f9}._ToastButton_1wmip_34{border:1px solid rgb(255 255 255 / 10%);outline:none;margin-right:6px;border-radius:12px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;background:#ffffff0d;color:#f8fafc;transition:border-color .15s ease,background .15s ease}._ToastButton_1wmip_34:hover{border-color:#fff3;background:#ffffff14}._ToastButton_1wmip_34:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}._ToastButtonPrimary_1wmip_58{border:none;background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#031525}._ToastButtonPrimary_1wmip_58:hover{border:none;filter:brightness(1.08);background:linear-gradient(135deg,#0ea5e9,#38bdf8)}@keyframes _toast-in_1wmip_1{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){._Toast_1wmip_8{animation:none}}.app{height:100dvh;height:100svh;max-height:100dvh;max-height:100svh;display:flex;flex-direction:column;background:var(--canvas);color:var(--text);overflow:hidden}.app__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:var(--surface-chrome);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.app__brand{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:.01em;color:var(--text-strong)}.app__header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.app__clear{border:none;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;padding:.35rem .5rem;border-radius:var(--radius-ctl);white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.app__clear:hover{color:var(--text);background:#ffffff0d}.app__pill{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border)}.app__pill--ok{background:#38bdf826;color:var(--sky-400);border-color:#38bdf840}.app__pill--err{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.app__main{flex:1;min-height:0;display:flex;flex-direction:column}.app__working{position:relative;flex:1;display:grid;place-items:center;background:#000}.app__working-img{width:100%;height:100%;object-fit:contain;opacity:.4}.app__working-msg{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text);font-weight:600}.app__spinner{width:2.5rem;height:2.5rem;border:3px solid rgb(255 255 255 / 15%);border-top-color:var(--sky-400);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app__results{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgb(23 37 84 / 45%),transparent 55%),radial-gradient(ellipse 70% 45% at 85% 8%,rgb(19 78 74 / 35%),transparent 50%),var(--canvas)}.app__error{margin:1rem;padding:.75rem 1rem;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-ctl);color:var(--danger-text);font-size:.875rem}.app__error--banner{margin:0;border-radius:0;border-left:none;border-right:none;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex-shrink:0}.app__retry{margin-left:auto;border:1px solid var(--danger-border);background:transparent;color:var(--danger-text);border-radius:var(--radius-ctl);padding:.25rem .65rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.app__retry:hover{background:#ef444426;border-color:#ef44447f}.app__actions{padding:0 1rem calc(1rem + env(safe-area-inset-bottom))}.app__btn{width:100%;border:none;border-radius:var(--radius-ctl);padding:.9rem 1rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--sky-500),var(--sky-400));color:var(--cta-ink);cursor:pointer;transition:filter var(--transition-fast)}.app__btn:hover{filter:brightness(1.08)}.app__btn:active{filter:brightness(.96)}