:root{color-scheme:light;--mb-color-text-strong: #17282b;--mb-color-text-default: #2b3a3d;--mb-color-text-subtle: #4a5b5e;--mb-color-text-hint: #56666a;--mb-color-text-disabled: #9aa39d;--mb-color-text-inverse: #ffffff;--mb-color-bg: #fff8e8;--mb-color-surface: #ffffff;--mb-color-canvas: #f4edd9;--mb-color-border: #e5dbc2;--mb-color-border-strong: #5f8a8a;--mb-color-brand: #07505a;--mb-color-brand-pressed: #06424a;--mb-color-brand-tint: #dcebe8;--mb-color-accent: #f2a329;--mb-color-accent-pressed: #da9325;--mb-color-accent-tint: #fce5be;--mb-color-danger: #b3261e;--mb-color-danger-tint: #fdecea;--mb-color-success: #1a6b45;--mb-color-warning: #7a4e00;--mb-color-highlight: #ffe9a8;--mb-color-reader-panel: rgba(255, 248, 232, .94);--mb-color-sage: #a7b991;--mb-color-sage-tint: #e6ebe0;--mb-color-brown-text: #51362b;--mb-color-mock: #5b4b8a;--mb-color-mock-tint: #efeaf7;--mb-dim: rgba(0, 0, 0, .4);--mb-font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--mb-fs-display: 28px;--mb-lh-display: 36px;--mb-fs-title: 22px;--mb-lh-title: 30px;--mb-fs-subtitle: 17px;--mb-lh-subtitle: 24px;--mb-fs-body: 17px;--mb-lh-body: 26px;--mb-fs-small: 15px;--mb-lh-small: 22px;--mb-fs-caption: 13px;--mb-lh-caption: 18px;--mb-fs-reader-1: 22px;--mb-fs-reader-2: 26px;--mb-fs-reader-3: 30px;--mb-fs-reader-4: 34px;--mb-space-1: 4px;--mb-space-2: 8px;--mb-space-3: 12px;--mb-space-4: 16px;--mb-space-5: 24px;--mb-space-6: 32px;--mb-space-7: 48px;--mb-gutter: 16px;--mb-radius-sm: 8px;--mb-radius-md: 12px;--mb-radius-lg: 16px;--mb-radius-xl: 24px;--mb-radius-pill: 999px;--mb-shadow-float: 0 8px 24px rgba(23, 40, 43, .16);--mb-touch-min: 44px;--mb-touch-child: 56px;--mb-safe-bottom-extra: 0px;--mb-bottom-safe: max(34px, env(safe-area-inset-bottom), var(--mb-safe-bottom-extra));--mb-safe-top: env(safe-area-inset-top, 0px);--mb-motion-fast: .15s;--mb-motion-base: .24s;--mb-ease: cubic-bezier(.2, 0, 0, 1);--mb-col: 560px;--mb-tabbar-h: 56px;--mb-cta-h: 56px}@media(min-width:600px){:root{--mb-gutter: 24px}}@media(min-width:1024px){:root{--mb-gutter: 32px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--mb-color-bg);color:var(--mb-color-text-default);font-family:var(--mb-font-family);font-size:var(--mb-fs-body);line-height:var(--mb-lh-body);font-weight:400;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0;padding:0}ul,ol{list-style:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;text-align:inherit}button:disabled{cursor:not-allowed}a{color:var(--mb-color-brand);text-underline-offset:3px}img,svg{display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--mb-color-brand);outline-offset:2px;border-radius:4px}[lang=en]{word-break:normal;overflow-wrap:break-word;hyphens:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.t-display{font-size:var(--mb-fs-display);line-height:var(--mb-lh-display);font-weight:700;color:var(--mb-color-text-strong);letter-spacing:-.01em}.t-title{font-size:var(--mb-fs-title);line-height:var(--mb-lh-title);font-weight:700;color:var(--mb-color-text-strong);letter-spacing:-.005em}.t-subtitle{font-size:var(--mb-fs-subtitle);line-height:var(--mb-lh-subtitle);font-weight:600;color:var(--mb-color-text-strong)}.t-body{font-size:var(--mb-fs-body);line-height:var(--mb-lh-body)}.t-small{font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);color:var(--mb-color-text-subtle)}.t-caption{font-size:var(--mb-fs-caption);line-height:var(--mb-lh-caption);color:var(--mb-color-text-hint)}.t-strong{color:var(--mb-color-text-strong)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--mb-color-bg)}.screen{flex:1;width:100%;max-width:var(--mb-col);margin:0 auto;padding:var(--mb-space-4) var(--mb-gutter) var(--mb-space-6);animation:mb-screen-in var(--mb-motion-base) var(--mb-ease) backwards}.screen.with-tabs{padding-bottom:calc(var(--mb-tabbar-h) + var(--mb-bottom-safe) + var(--mb-space-5))}.screen.with-cta{padding-bottom:calc(var(--mb-cta-pad, 150px) + var(--mb-space-4))}.screen.flush{padding-top:0}.screen.wide{max-width:1040px}@keyframes mb-screen-in{0%{opacity:0}to{opacity:1}}.stack{display:flex;flex-direction:column;gap:var(--mb-space-4)}.stack-lg{display:flex;flex-direction:column;gap:var(--mb-space-5)}.stack-sm{display:flex;flex-direction:column;gap:var(--mb-space-2)}.row{display:flex;align-items:center;gap:var(--mb-space-3)}.row-wrap{display:flex;flex-wrap:wrap;gap:var(--mb-space-2)}.spacer{flex:1}.page-head{display:flex;flex-direction:column;gap:var(--mb-space-2);padding:var(--mb-space-3) 0 var(--mb-space-4)}.section{display:flex;flex-direction:column;gap:var(--mb-space-3)}.divider{height:1px;background:var(--mb-color-border);border:0;margin:0}.webheader{position:sticky;top:0;z-index:20;background:var(--mb-color-bg);border-bottom:1px solid var(--mb-color-border);padding-top:var(--mb-safe-top)}.webheader-inner{max-width:var(--mb-col);margin:0 auto;height:52px;display:flex;align-items:center;gap:var(--mb-space-2);padding:0 var(--mb-space-2)}.webheader-title{flex:1;text-align:center;font-size:var(--mb-fs-subtitle);font-weight:600;color:var(--mb-color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webheader-spacer{width:var(--mb-touch-min);height:var(--mb-touch-min);flex:none}.webheader-nav{display:none}.logo{display:inline-flex;align-items:center;justify-content:center;min-width:var(--mb-touch-min);gap:var(--mb-space-2);font-weight:700;color:var(--mb-color-text-strong);font-size:var(--mb-fs-subtitle);text-decoration:none;min-height:var(--mb-touch-min)}.brand-logo-box{display:inline-flex;flex:none;background:var(--mb-logo-backdrop, var(--mb-color-bg));isolation:isolate}.brand-logo{display:block;mix-blend-mode:darken}.brand-mark{display:block;flex:none;border-radius:var(--mb-radius-md)}.intro-logo{padding-top:var(--mb-space-2)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--mb-color-surface);border-top:1px solid var(--mb-color-border);padding-bottom:var(--mb-bottom-safe)}.tabbar-inner{max-width:var(--mb-col);margin:0 auto;height:var(--mb-tabbar-h);display:grid;grid-template-columns:repeat(4,1fr)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--mb-touch-min);color:var(--mb-color-text-subtle);text-decoration:none;font-size:var(--mb-fs-caption);line-height:var(--mb-lh-caption);transition:color var(--mb-motion-fast)}.tab[aria-current=page]{color:var(--mb-color-brand);font-weight:700}.tab:active{background:var(--mb-color-canvas)}.cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:25;background:linear-gradient(to top,var(--mb-color-bg) 78%,rgba(255,248,232,0));padding:var(--mb-space-3) 0 var(--mb-bottom-safe)}.cta-inner{max-width:var(--mb-col);margin:0 auto;padding:0 var(--mb-gutter);display:flex;flex-direction:column;gap:var(--mb-space-2)}.cta-bar.above-tabs{bottom:calc(var(--mb-tabbar-h) + var(--mb-bottom-safe));padding-bottom:var(--mb-space-3)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--mb-space-2);min-height:var(--mb-touch-min);padding:0 var(--mb-space-5);border-radius:var(--mb-radius-md);border:1.5px solid transparent;font-size:var(--mb-fs-subtitle);line-height:var(--mb-lh-subtitle);font-weight:600;text-align:center;text-decoration:none;transition:background var(--mb-motion-fast),transform var(--mb-motion-fast),border-color var(--mb-motion-fast);user-select:none;-webkit-user-select:none}.btn:active:not(:disabled){transform:scale(.985)}.btn-lg{min-height:56px}.btn-md{min-height:48px}.btn-block{width:100%}.btn-primary{background:var(--mb-color-brand);color:var(--mb-color-text-inverse)}.btn-primary:active:not(:disabled){background:var(--mb-color-brand-pressed)}.btn-secondary{background:var(--mb-color-surface);color:var(--mb-color-brand);border-color:var(--mb-color-brand)}.btn-secondary:active:not(:disabled){background:var(--mb-color-brand-tint)}.btn-tertiary{background:transparent;color:var(--mb-color-brand);padding:0 var(--mb-space-3);font-weight:600;font-size:var(--mb-fs-small)}.btn-tertiary:active:not(:disabled){background:var(--mb-color-brand-tint)}.btn-destructive{background:var(--mb-color-danger);color:var(--mb-color-text-inverse)}.btn-destructive.outline{background:var(--mb-color-surface);color:var(--mb-color-danger);border-color:var(--mb-color-danger)}.btn:disabled{background:var(--mb-color-canvas);color:var(--mb-color-text-disabled);border-color:transparent}.btn[aria-busy=true]{pointer-events:none}.btn .spin{width:18px;height:18px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--mb-touch-min);height:var(--mb-touch-min);flex:none;border-radius:var(--mb-radius-pill);color:var(--mb-color-text-strong);transition:background var(--mb-motion-fast)}.icon-btn:active:not(:disabled){background:var(--mb-color-canvas)}.icon-btn.big{width:var(--mb-touch-child);height:var(--mb-touch-child)}.spin{animation:mb-spin .9s linear infinite}@keyframes mb-spin{to{transform:rotate(360deg)}}.chip{display:inline-flex;align-items:center;gap:var(--mb-space-1);min-height:var(--mb-touch-min);padding:0 var(--mb-space-4);border-radius:var(--mb-radius-pill);border:1.5px solid var(--mb-color-border-strong);background:var(--mb-color-surface);color:var(--mb-color-text-default);font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);transition:background var(--mb-motion-fast),border-color var(--mb-motion-fast)}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--mb-color-brand-tint);border-color:var(--mb-color-brand);color:var(--mb-color-brand);font-weight:600}.chip:disabled{color:var(--mb-color-text-disabled);border-color:var(--mb-color-border)}.chip-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex:none;background:var(--mb-color-canvas)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;gap:4px;border-radius:var(--mb-radius-md);background:var(--mb-color-canvas)}.seg{min-height:44px;border-radius:var(--mb-radius-sm);text-align:center;display:inline-flex;align-items:center;justify-content:center;font-size:var(--mb-fs-small);font-weight:600;color:var(--mb-color-text-subtle);transition:background var(--mb-motion-fast),color var(--mb-motion-fast)}.seg[aria-checked=true]{background:var(--mb-color-surface);color:var(--mb-color-brand);box-shadow:inset 0 0 0 1.5px var(--mb-color-brand)}.field{display:flex;flex-direction:column;gap:var(--mb-space-1)}.field-label{font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);font-weight:600;color:var(--mb-color-text-strong);display:flex;align-items:baseline;gap:var(--mb-space-2)}.field-label .opt{font-weight:400;color:var(--mb-color-text-hint);font-size:var(--mb-fs-caption)}.field-help{font-size:var(--mb-fs-caption);line-height:var(--mb-lh-caption);color:var(--mb-color-text-hint)}.field-error{font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);color:var(--mb-color-danger);display:flex;gap:6px;align-items:flex-start}.field-count{margin-left:auto;font-size:var(--mb-fs-caption);color:var(--mb-color-text-hint);font-weight:400;font-variant-numeric:tabular-nums}.field-count.over{color:var(--mb-color-danger);font-weight:600}.input,.textarea,.select{width:100%;min-height:56px;padding:0 var(--mb-space-4);border-radius:var(--mb-radius-md);border:1.5px solid var(--mb-color-border-strong);background:var(--mb-color-surface);color:var(--mb-color-text-strong);font-size:var(--mb-fs-body);transition:border-color var(--mb-motion-fast)}.textarea{min-height:96px;padding:var(--mb-space-3) var(--mb-space-4);line-height:var(--mb-lh-body);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--mb-color-text-hint)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 3px var(--mb-color-brand-tint)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--mb-color-danger);background:var(--mb-color-danger-tint)}.edited-badge{margin-left:auto;font-size:var(--mb-fs-caption);font-weight:600;color:var(--mb-color-brand);background:var(--mb-color-brand-tint);padding:0 var(--mb-space-2);border-radius:var(--mb-radius-pill)}.check-row{display:flex;align-items:flex-start;gap:var(--mb-space-3);min-height:var(--mb-touch-min);padding:var(--mb-space-2) 0}.checkbox{position:relative;width:28px;height:28px;flex:none;border-radius:8px;border:2px solid var(--mb-color-border-strong);background:var(--mb-color-surface);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background var(--mb-motion-fast),border-color var(--mb-motion-fast)}.check-hit{display:inline-flex;align-items:center;justify-content:center;width:var(--mb-touch-min);height:var(--mb-touch-min);margin:-8px;flex:none}.check-hit[aria-checked=true] .checkbox{background:var(--mb-color-brand);border-color:var(--mb-color-brand);color:#fff}.switch{position:relative;width:52px;height:32px;border-radius:var(--mb-radius-pill);background:var(--mb-color-border-strong);transition:background var(--mb-motion-fast);flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform var(--mb-motion-fast) var(--mb-ease)}.switch-hit{display:inline-flex;align-items:center;justify-content:center;min-width:var(--mb-touch-min);min-height:var(--mb-touch-min)}.switch-hit[aria-checked=true] .switch{background:var(--mb-color-brand)}.switch-hit[aria-checked=true] .switch:after{transform:translate(20px)}.card{background:var(--mb-color-surface);border:1px solid var(--mb-color-border);border-radius:var(--mb-radius-lg);padding:var(--mb-space-4)}.card.tint{background:var(--mb-color-brand-tint);border-color:transparent}.card.canvas{background:var(--mb-color-canvas);border-color:transparent}.card.warn{background:var(--mb-color-accent-tint);border-color:transparent}.rcard{position:relative;display:block;width:100%;text-align:left;background:var(--mb-color-surface);border:1.5px solid var(--mb-color-border-strong);border-radius:var(--mb-radius-lg);padding:var(--mb-space-4);transition:border-color var(--mb-motion-fast),background var(--mb-motion-fast)}.rcard:active:not(:disabled){background:var(--mb-color-canvas)}.rcard[aria-checked=true]{border-color:var(--mb-color-brand);box-shadow:inset 0 0 0 1px var(--mb-color-brand);background:var(--mb-color-brand-tint)}.rcard:disabled{opacity:.6}.rcard-check{position:absolute;top:10px;right:10px;display:none;align-items:center;gap:4px;padding:2px 10px 2px 6px;border-radius:var(--mb-radius-pill);background:var(--mb-color-brand);color:#fff;font-size:var(--mb-fs-caption);font-weight:600;line-height:var(--mb-lh-caption)}.rcard[aria-checked=true] .rcard-check{display:inline-flex}.rcard-body{display:flex;flex-direction:column;gap:2px}.rcard-body.has-check{padding-right:76px}.thumb{width:100%;aspect-ratio:1 / 1;border-radius:var(--mb-radius-md);background:var(--mb-color-canvas);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-hint)}.thumb img{width:100%;height:100%;object-fit:cover}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mb-space-3)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mb-space-3)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 8px;border-radius:var(--mb-radius-pill);font-size:var(--mb-fs-caption);line-height:var(--mb-lh-caption);font-weight:600;background:var(--mb-color-canvas);color:var(--mb-color-text-default);white-space:nowrap}.badge.ok{background:var(--mb-color-brand-tint);color:var(--mb-color-success)}.badge.hold{background:var(--mb-color-accent-tint);color:var(--mb-color-warning)}.badge.fail{background:var(--mb-color-danger-tint);color:var(--mb-color-danger)}.badge.making{background:var(--mb-color-canvas);color:var(--mb-color-text-default)}.badge.mock{background:var(--mb-color-mock-tint);color:var(--mb-color-mock)}.badge.ai{background:var(--mb-color-surface);color:var(--mb-color-text-subtle);border:1px solid var(--mb-color-border-strong)}.banner{display:flex;gap:var(--mb-space-3);align-items:flex-start;padding:var(--mb-space-3) var(--mb-space-4);border-radius:var(--mb-radius-md);font-size:var(--mb-fs-small);line-height:var(--mb-lh-small)}.banner svg{flex:none;margin-top:1px}.banner.info{background:var(--mb-color-brand-tint);color:var(--mb-color-text-default)}.banner.info svg{color:var(--mb-color-brand)}.banner.warning{background:var(--mb-color-accent-tint);color:var(--mb-color-text-default)}.banner.warning svg{color:var(--mb-color-warning)}.banner.danger{background:var(--mb-color-danger-tint);color:var(--mb-color-text-default)}.banner.danger svg{color:var(--mb-color-danger)}.banner.mock{background:var(--mb-color-mock-tint);color:var(--mb-color-text-default)}.banner.mock svg{color:var(--mb-color-mock)}.banner .banner-title{font-weight:700;color:var(--mb-color-text-strong)}.list{display:flex;flex-direction:column;background:var(--mb-color-surface);border:1px solid var(--mb-color-border);border-radius:var(--mb-radius-lg);overflow:hidden}.list-row{display:flex;align-items:center;gap:var(--mb-space-3);min-height:56px;padding:var(--mb-space-3) var(--mb-space-4);text-align:left;width:100%;color:var(--mb-color-text-strong);text-decoration:none;transition:background var(--mb-motion-fast)}.list-row+.list-row{border-top:1px solid var(--mb-color-border)}button.list-row:active,a.list-row:active{background:var(--mb-color-canvas)}.list-row .grow{flex:1;min-width:0;display:flex;flex-direction:column}.list-row .row-title{font-size:var(--mb-fs-body);line-height:var(--mb-lh-small)}.list-row .row-sub{font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);color:var(--mb-color-text-subtle)}.list-row .row-chev{color:var(--mb-color-text-hint);flex:none}.list-row.danger .row-title{color:var(--mb-color-danger)}.kv{display:flex;justify-content:space-between;gap:var(--mb-space-4);padding:var(--mb-space-2) 0;font-size:var(--mb-fs-small);line-height:var(--mb-lh-small)}.kv dt{color:var(--mb-color-text-subtle)}.kv dd{color:var(--mb-color-text-strong);text-align:right;font-variant-numeric:tabular-nums}.skeleton{background:linear-gradient(100deg,var(--mb-color-canvas) 30%,#faf5e6 50%,var(--mb-color-canvas) 70%);background-size:220% 100%;animation:mb-shimmer 1.4s linear infinite;border-radius:var(--mb-radius-md)}@keyframes mb-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--mb-space-3);padding:var(--mb-space-6) var(--mb-space-4)}.state-art{width:min(100%,280px);aspect-ratio:3 / 2;display:flex;align-items:center;justify-content:center}.state-art img,.state-art svg{width:100%;height:100%;object-fit:contain}.state-art img,.intro-art img{mix-blend-mode:darken;-webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 62% 62% at 50% 50%,#000 62%,transparent 100%)}.state-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mb-color-danger-tint);color:var(--mb-color-danger)}.state-icon.hold{background:var(--mb-color-accent-tint);color:var(--mb-color-warning)}.state-icon.ok{background:var(--mb-color-brand-tint);color:var(--mb-color-brand)}.state .actions{display:flex;flex-direction:column;gap:var(--mb-space-2);width:100%;max-width:360px;margin-top:var(--mb-space-2)}.state .t-small{max-width:34ch}.offline-banner{position:sticky;top:0;z-index:40}.overlay{position:fixed;inset:0;z-index:60;background:var(--mb-dim);display:flex;align-items:flex-end;justify-content:center;animation:mb-fade var(--mb-motion-base) both}.overlay.center{align-items:center;padding:var(--mb-space-5)}@keyframes mb-fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:var(--mb-col);max-height:88dvh;display:flex;flex-direction:column;background:var(--mb-color-surface);border-radius:var(--mb-radius-xl) var(--mb-radius-xl) 0 0;box-shadow:var(--mb-shadow-float);animation:mb-sheet-in var(--mb-motion-base) var(--mb-ease) both;padding-bottom:var(--mb-bottom-safe)}@keyframes mb-sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--mb-color-border);margin:10px auto 0}.sheet-head{display:flex;align-items:center;gap:var(--mb-space-2);padding:var(--mb-space-2) var(--mb-space-2) 0 var(--mb-space-5)}.sheet-head .t-subtitle{flex:1}.sheet-body{padding:var(--mb-space-3) var(--mb-space-5) var(--mb-space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--mb-space-4)}.sheet-foot{padding:0 var(--mb-space-5) var(--mb-space-2);display:flex;flex-direction:column;gap:var(--mb-space-2)}.dialog{width:100%;max-width:380px;background:var(--mb-color-surface);border-radius:var(--mb-radius-lg);box-shadow:var(--mb-shadow-float);padding:var(--mb-space-5);display:flex;flex-direction:column;gap:var(--mb-space-3);animation:mb-sheet-in var(--mb-motion-base) var(--mb-ease) both}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--mb-space-2);margin-top:var(--mb-space-2)}.toast{position:fixed;left:50%;bottom:calc(var(--mb-bottom-safe) + 72px);transform:translate(-50%);z-index:70;max-width:min(92vw,420px);padding:var(--mb-space-3) var(--mb-space-4);border-radius:var(--mb-radius-md);background:var(--mb-color-text-strong);color:#fff;font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);box-shadow:var(--mb-shadow-float);animation:mb-toast .24s var(--mb-ease) both}@keyframes mb-toast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.dev-chip{position:fixed;top:calc(var(--mb-safe-top) + 6px);right:8px;z-index:80;min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:var(--mb-radius-pill);background:var(--mb-color-mock);color:#fff;font-size:var(--mb-fs-caption);font-weight:700;line-height:var(--mb-lh-caption);opacity:.94}.dev-chip:active{opacity:1}@media(min-width:600px){body,.app{background:var(--mb-color-canvas)}.screen{background:var(--mb-color-bg);max-width:600px;margin-top:var(--mb-space-4);border-radius:var(--mb-radius-lg);min-height:calc(100dvh - 88px)}.grid-3-sm{grid-template-columns:repeat(3,minmax(0,1fr))}.webheader{background:var(--mb-color-canvas);border-bottom-color:transparent;--mb-logo-backdrop: var(--mb-color-canvas)}.webheader-inner{max-width:600px}}@media(min-width:1024px){.webheader-inner{max-width:1040px}.webheader-nav{display:flex;gap:var(--mb-space-1);margin-left:var(--mb-space-5)}.webheader-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--mb-touch-min);min-width:var(--mb-touch-min);padding:0 var(--mb-space-3);border-radius:var(--mb-radius-md);color:var(--mb-color-text-default);text-decoration:none;font-size:var(--mb-fs-small);font-weight:600}.webheader-nav a[aria-current=page]{color:var(--mb-color-brand);background:var(--mb-color-brand-tint)}.webheader-title,.tabbar{display:none}.screen.with-tabs,.screen.with-cta,.screen.with-tabs.with-cta{padding-bottom:var(--mb-space-6)}.cta-bar{position:static;background:none;padding:var(--mb-space-4) 0 0}.cta-inner{padding:0;max-width:none}.cta-bar.above-tabs{position:static}.screen{max-width:640px}.screen.wide{max-width:1040px}.only-mobile{display:none!important}}@media(max-width:1023px){.only-desktop{display:none!important}}.only-desktop-inline{display:none}@media(min-width:1024px){.only-desktop-inline{display:inline}}.book-card{display:block;text-decoration:none;color:inherit;border-radius:var(--mb-radius-md)}.book-card:active{opacity:.85}.credit-pill{display:inline-flex;align-items:center;gap:6px;min-height:var(--mb-touch-min);padding:0 var(--mb-space-3);border-radius:var(--mb-radius-pill);background:var(--mb-color-accent-tint);color:var(--mb-color-warning);font-size:var(--mb-fs-small);font-weight:600;text-decoration:none}.hero-card{position:relative;overflow:hidden;border-radius:var(--mb-radius-lg);background:var(--mb-color-brand);color:#fff;padding:var(--mb-space-5);display:flex;flex-direction:column;gap:var(--mb-space-3);min-height:168px}.hero-card .t-title{color:#fff}.hero-card .t-small{color:#ffffffeb;max-width:24ch}.hero-card .hero-art{position:absolute;right:-6px;bottom:-4px;width:168px;aspect-ratio:3 / 2;pointer-events:none}.hero-card .btn{align-self:flex-start;background:var(--mb-color-accent);color:var(--mb-color-text-strong)}.hero-card .btn:active:not(:disabled){background:var(--mb-color-accent-pressed)}.hero-card :focus-visible{outline-color:var(--mb-color-bg)}.hscroll{display:flex;gap:var(--mb-space-3);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;margin:0 calc(var(--mb-gutter) * -1);padding-left:var(--mb-gutter);padding-right:var(--mb-gutter)}.hscroll>*{flex:none;scroll-snap-align:start}.hscroll::-webkit-scrollbar{display:none}.hscroll-card{width:176px}.intro-hero{border-radius:var(--mb-radius-lg);overflow:hidden;aspect-ratio:3 / 2;background:var(--mb-color-bg);isolation:isolate}.intro-hero img{mix-blend-mode:darken}@media(min-width:700px){.intro-hero{max-height:min(36vh,280px)}}.intro-point{display:flex;gap:var(--mb-space-3);align-items:flex-start}.intro-point .dot{width:36px;height:36px;border-radius:50%;background:var(--mb-color-brand-tint);color:var(--mb-color-brand);display:inline-flex;align-items:center;justify-content:center;flex:none}.avatar-pick{width:var(--mb-touch-min);height:var(--mb-touch-min);border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent}.avatar-pick[data-on=true]{border-color:var(--mb-color-brand);box-shadow:0 0 0 2px var(--mb-color-brand-tint)}.avatar-pick[aria-checked=true]{border-color:var(--mb-color-brand)}.wiz-grid{display:block}.wiz-progress{display:flex;flex-direction:column;gap:6px;padding-top:2px}.wiz-bar{height:4px;border-radius:2px;background:var(--mb-color-border);overflow:hidden}.wiz-bar-fill{height:100%;background:var(--mb-color-brand);border-radius:2px;transition:width var(--mb-motion-base) var(--mb-ease)}.wiz-summary{display:none}@media(min-width:1024px){.wiz-grid{display:grid;grid-template-columns:minmax(0,560px) 360px;gap:var(--mb-space-6);align-items:start}.wiz-summary{display:block;position:sticky;top:76px}}.speed-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--mb-space-3)}.speed-value{min-width:96px;text-align:center;font-size:var(--mb-fs-title);line-height:var(--mb-lh-title);font-weight:700;color:var(--mb-color-text-strong);font-variant-numeric:tabular-nums}.voice-row{position:relative}.voice-play{position:absolute;right:12px;top:50%;margin-top:-22px;width:var(--mb-touch-min);height:var(--mb-touch-min);border-radius:50%;background:var(--mb-color-surface);color:var(--mb-color-brand);border:1.5px solid var(--mb-color-brand);display:inline-flex;align-items:center;justify-content:center;z-index:1}.voice-play[aria-pressed=true]{background:var(--mb-color-brand);color:#fff}.voice-play:disabled{color:var(--mb-color-text-disabled);border-color:var(--mb-color-border)}.stepper{display:flex;flex-direction:column;padding:var(--mb-space-2) 0}.step{position:relative;display:flex;gap:var(--mb-space-3);padding-bottom:var(--mb-space-4)}.step:last-child{padding-bottom:0}.step:before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--mb-color-border)}.step:last-child:before{display:none}.step.done:before{background:var(--mb-color-brand)}.step-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--mb-color-surface);border:2px solid var(--mb-color-border-strong);color:#fff}.step.done .step-dot{background:var(--mb-color-brand);border-color:var(--mb-color-brand)}.step.current .step-dot{border-color:var(--mb-color-brand);background:var(--mb-color-brand-tint)}.step-spin{width:14px;height:14px;border-radius:50%;border:2.5px solid var(--mb-color-brand);border-top-color:transparent;animation:mb-spin .9s linear infinite}.step-text{display:flex;flex-direction:column;padding-top:2px}.step-label{font-size:var(--mb-fs-body);line-height:var(--mb-lh-small);color:var(--mb-color-text-subtle)}.step.current .step-label{color:var(--mb-color-text-strong);font-weight:700}.step.done .step-label{color:var(--mb-color-text-default)}.step-sub{font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);color:var(--mb-color-brand);font-variant-numeric:tabular-nums;font-weight:600}@media(prefers-reduced-motion:reduce){.step-spin{animation:none;border-top-color:var(--mb-color-brand);border-style:dotted}}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mb-space-5) var(--mb-space-3)}@media(min-width:600px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.detail-grid{display:flex;flex-direction:column;gap:var(--mb-space-5)}.detail-cover{width:min(86%,360px);align-self:center}@media(min-width:1024px){.detail-grid{display:grid;grid-template-columns:280px minmax(0,560px);gap:var(--mb-space-6);align-items:start}.detail-cover{width:100%}}.reader{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;background:var(--mb-color-bg);overflow:hidden;animation:mb-screen-in var(--mb-motion-base) var(--mb-ease) both}.reader-top{display:flex;align-items:center;gap:6px;padding:calc(var(--mb-safe-top) + 4px) 8px 4px;flex:none}.reader-image{flex:none;padding:0 var(--mb-gutter);width:100%;max-width:720px;margin:0 auto}.reader-image.big{padding-top:var(--mb-space-2)}.reader-imgbox{position:relative;aspect-ratio:3 / 2;width:100%;border-radius:var(--mb-radius-lg);overflow:hidden;background:var(--mb-color-canvas)}.reader-imgbox img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity var(--mb-motion-base)}.reader-textpanel{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:720px;margin:0 auto;padding:var(--mb-space-4) var(--mb-gutter) var(--mb-space-4);display:flex;flex-direction:column;gap:var(--mb-space-3)}.reader-textpanel[data-more="1"]{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 36px),transparent)}.reader-textfocus{display:flex;flex-direction:column;gap:var(--mb-space-3);outline:none}.reader-textfocus:focus,.reader-textfocus:focus-visible{outline:none}.reader-text{font-size:var(--mb-fs-reader-1);line-height:1.6;color:var(--mb-color-text-strong);font-weight:400}.reader-text .hl{background:var(--mb-color-highlight);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}@media(forced-colors:active){.reader-text .hl{outline:2px solid Highlight;outline-offset:1px}}.reader-bar{flex:none;position:relative;background:var(--mb-color-surface);border-top:1px solid var(--mb-color-border);padding:8px var(--mb-gutter) var(--mb-bottom-safe)}.reader-progress{position:absolute;left:0;right:0;top:-1px;height:4px;background:var(--mb-color-border)}.reader-progress>span{display:block;height:100%;background:var(--mb-color-brand)}.reader-bar-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:var(--mb-space-3);justify-content:center;min-height:68px}.reader-btn{width:var(--mb-touch-child);height:var(--mb-touch-child);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--mb-color-text-strong);background:var(--mb-color-canvas);transition:transform var(--mb-motion-fast),background var(--mb-motion-fast)}.reader-btn:active:not(:disabled){transform:scale(.94)}.reader-btn:disabled{color:var(--mb-color-text-disabled);background:var(--mb-color-canvas)}.reader-btn.play{background:var(--mb-color-brand);color:#fff;width:64px;height:64px}.reader-btn.finish{background:var(--mb-color-brand-tint);color:var(--mb-color-brand);box-shadow:inset 0 0 0 2px var(--mb-color-brand)}.reader-meta{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;margin-left:var(--mb-space-2)}.speed-chip{min-height:var(--mb-touch-min);min-width:var(--mb-touch-min);padding:0 12px;border-radius:var(--mb-radius-pill);border:1.5px solid var(--mb-color-border-strong);font-size:var(--mb-fs-caption);font-weight:700;color:var(--mb-color-text-default);background:var(--mb-color-surface);font-variant-numeric:tabular-nums}@media(orientation:landscape)and (max-height:520px){.reader{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:var(--mb-space-4)}.reader-top{grid-column:1 / -1;grid-row:1}.reader-image{grid-column:1;grid-row:2;position:static;max-width:none;margin:0;padding:0 0 var(--mb-space-2) var(--mb-gutter);display:flex;align-items:center;justify-content:center;min-height:0}.reader-imgbox{width:auto;height:100%;max-width:100%;aspect-ratio:3 / 2;border-radius:var(--mb-radius-lg)}.reader-textpanel{grid-column:2;grid-row:2;max-width:none;margin:0;padding:0 var(--mb-gutter) var(--mb-space-2) 0}.reader-text{font-size:min(var(--mb-fs-reader-1),22px);line-height:1.5}.reader-bar{grid-column:1 / -1;grid-row:3;padding-bottom:8px}.reader-bar-inner{min-height:56px}}@media(min-width:1024px){.reader{display:grid;grid-template-columns:minmax(0,720px) 360px;grid-template-rows:auto 1fr auto;justify-content:center;column-gap:var(--mb-space-6)}.reader-top{grid-column:1 / -1;width:100%;max-width:1120px;margin:0 auto}.reader-image{grid-column:1;grid-row:2;align-self:start;padding:0;margin:0}.reader-textpanel{grid-column:2;grid-row:2;margin:0;padding:0;max-width:none}.reader-bar{grid-column:1 / -1;grid-row:3}}.splash{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mb-space-4)}.skip-link{position:absolute;left:8px;top:-100px;z-index:100;background:var(--mb-color-brand);color:#fff;padding:12px 16px;border-radius:var(--mb-radius-md);text-decoration:none;font-weight:600}.skip-link:focus{top:8px}#main:focus{outline:none}.dev-chip-inline{background:var(--mb-color-mock);color:#fff}.tile{width:52px;height:52px;flex:none;border-radius:var(--mb-radius-md);background:var(--mb-color-brand-tint);color:var(--mb-color-brand);display:inline-flex;align-items:center;justify-content:center}.kiki{position:relative;display:inline-block;flex:none;line-height:0;vertical-align:bottom}.kiki img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}.kiki[data-form=bust]{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 97%);mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 97%)}.kiki[data-form=full]:after{content:"";position:absolute;left:14%;right:14%;bottom:-3px;height:8px;border-radius:50%;background:#1f242124;filter:blur(2.5px);z-index:0}.kiki-say{width:100%;max-width:560px;display:flex;flex-direction:column;gap:var(--mb-space-1);padding:var(--mb-space-3);border-radius:var(--mb-radius-lg);background:var(--mb-color-brand-tint);text-align:left;animation:kiki-in .2s var(--mb-ease) 1 both}.kiki-say-row{display:flex;align-items:flex-end;gap:var(--mb-space-4)}.kiki-bubble{position:relative;flex:1;min-width:0;align-self:center;padding:10px var(--mb-space-4);border-radius:var(--mb-radius-lg);background:var(--mb-color-surface);border:1px solid var(--mb-color-border)}.kiki-bubble:before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;margin-top:-6px;background:var(--mb-color-surface);border-left:1px solid var(--mb-color-border);border-bottom:1px solid var(--mb-color-border);transform:rotate(45deg)}.kiki-name{margin:0 0 2px;font-size:var(--mb-fs-caption);line-height:var(--mb-lh-caption);font-weight:700;color:var(--mb-color-brand)}.kiki-text{margin:0;font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);color:var(--mb-color-text-strong);text-wrap:pretty}.kiki-say[data-audience=child] .kiki-text{font-size:var(--mb-fs-body);line-height:var(--mb-lh-body)}.kiki-meta{display:flex;flex-direction:column;gap:2px}.kiki-meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--mb-space-2)}.kiki-meta-center{align-items:center;text-align:center}.kiki-note-btn,.kiki-hide-btn,.kiki-show-btn{display:inline-flex;align-items:center;gap:4px;min-height:var(--mb-touch-min);padding:0 var(--mb-space-2);border-radius:var(--mb-radius-sm);font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);font-weight:600;color:var(--mb-color-brand)}.kiki-note-btn:active,.kiki-hide-btn:active,.kiki-show-btn:active{background:var(--mb-color-surface)}.kiki-note-text{margin:0;padding:0 var(--mb-space-2) var(--mb-space-2);font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);color:var(--mb-color-text-default)}.kiki-collapsed{display:flex}.kiki-show-btn{padding:0 var(--mb-space-4);border-radius:var(--mb-radius-pill);background:var(--mb-color-brand-tint)}.kiki-close{align-self:flex-start;flex:none;width:var(--mb-touch-child);height:var(--mb-touch-child);margin:-6px -6px 0 -8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--mb-color-text-default)}.kiki-close:active{background:var(--mb-color-surface)}.kiki-state .kiki{margin-bottom:var(--mb-space-1)}.kiki-state .kiki-note-text{max-width:34ch}.reader-textpanel .kiki-say{flex:none;padding:var(--mb-space-2) var(--mb-space-3)}.reader-textpanel .kiki-say-row{gap:var(--mb-space-3)}.state>.kiki-say{max-width:420px}@keyframes kiki-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.kiki-say,.kiki-collapsed,.kiki-state .kiki{animation:none}}.wiz-main>.kiki-say,.wiz-main>.kiki-collapsed{margin-bottom:var(--mb-space-5)}.rcard.disabled-card{border-style:dashed;border-color:var(--mb-color-border-strong);background:var(--mb-color-canvas);cursor:default}.rcard.disabled-card:active{background:var(--mb-color-canvas)}.fmt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--mb-space-3)}.fmt-card{display:flex;gap:var(--mb-space-4);align-items:flex-start}.fmt-preview{flex:none;width:112px;min-height:100px;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--mb-space-1)}.fmt-schematic{display:block;max-width:100%;height:auto}.fmt-media{list-style:none;margin:var(--mb-space-2) -72px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--mb-space-1)}.fmt-media li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mb-space-2)}.fmt-media-note{flex-basis:100%}@media(max-width:380px){.fmt-preview{width:84px}.fmt-card{gap:var(--mb-space-3)}}.sheets-slot{display:flex;flex-direction:column;gap:var(--mb-space-3)}.sheets-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--mb-space-3)}@media(min-width:600px){.sheets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sheet-cand{display:flex;flex-direction:column;gap:var(--mb-space-2)}.sheet-img{position:relative;width:100%;aspect-ratio:3 / 2;border-radius:var(--mb-radius-md);background:var(--mb-color-canvas);overflow:hidden;border:1px solid var(--mb-color-border)}.sheet-img img{width:100%;height:100%;object-fit:contain;display:block}.sheet-img .sheet-zoom{position:absolute;right:var(--mb-space-2);bottom:var(--mb-space-2);background:var(--mb-color-surface);border:1px solid var(--mb-color-border-strong);border-radius:var(--mb-radius-pill);min-height:44px;padding:0 var(--mb-space-3);font-size:var(--mb-fs-small);font-weight:600;color:var(--mb-color-brand);display:inline-flex;align-items:center;gap:var(--mb-space-1)}.sheet-meta{display:flex;flex-wrap:wrap;gap:var(--mb-space-2);align-items:center}.sheet-pick{width:100%}.sheets-revise{background:var(--mb-color-canvas);border-radius:var(--mb-radius-md);padding:var(--mb-space-3) var(--mb-space-4);display:flex;flex-direction:column;gap:var(--mb-space-3)}.sheets-pending{display:flex;align-items:center;gap:var(--mb-space-3);padding:var(--mb-space-3) var(--mb-space-4);border-radius:var(--mb-radius-md);background:var(--mb-color-brand-tint);color:var(--mb-color-text-strong)}.sheets-lightbox{width:100%;aspect-ratio:3 / 2;object-fit:contain;background:var(--mb-color-canvas);border-radius:var(--mb-radius-md)}.panel-rows{display:flex;flex-direction:column;gap:var(--mb-space-2)}.panel-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mb-space-2);min-height:32px}.panel-row .grow{flex:1;min-width:0}.photo-flow{display:flex;flex-direction:column;gap:var(--mb-space-4)}.photo-steps{display:flex;gap:var(--mb-space-2);list-style:none;margin:0;padding:0}.photo-steps li{flex:1;min-height:6px;border-radius:var(--mb-radius-pill);background:var(--mb-color-border)}.photo-steps li[aria-current=step]{background:var(--mb-color-brand)}.photo-steps li[data-done=true]{background:var(--mb-color-border-strong)}.photo-crop{position:relative;width:100%;max-width:360px;aspect-ratio:1 / 1;margin:0 auto;overflow:hidden;border-radius:var(--mb-radius-md);background:var(--mb-color-canvas);border:1px solid var(--mb-color-border-strong);touch-action:none;cursor:grab}.photo-crop img{position:absolute;display:block;max-width:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.photo-crop-grid{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--mb-color-surface);border-radius:inherit}.photo-move{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mb-space-2)}@media(min-width:480px){.photo-move{grid-template-columns:repeat(4,minmax(0,1fr))}}.photo-zoom{width:100%;min-height:44px;accent-color:var(--mb-color-brand)}.photo-preview{display:block;width:100%;max-width:240px;aspect-ratio:1 / 1;object-fit:cover;margin:0 auto;border-radius:var(--mb-radius-md);border:1px solid var(--mb-color-border-strong);background:var(--mb-color-canvas)}.photo-pick{position:relative;display:inline-flex}.photo-pick input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-pick:focus-within{outline:2px solid var(--mb-color-brand);outline-offset:2px;border-radius:var(--mb-radius-pill)}.reader{--reader-img-maxh: 38vh;--reader-img-maxh: 38dvh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.reader-image{display:flex;justify-content:center}.reader-imgbox{aspect-ratio:var(--reader-aspect, 1.5);width:min(100%,calc(var(--reader-img-maxh) * var(--reader-aspect, 1.5)))}.reader[data-mode=listen]{--reader-img-maxh: 44vh;--reader-img-maxh: 44dvh}.reader-prose{display:flex;flex-direction:column}.reader-prose .reader-text+.reader-text{margin-top:.35em}.reader-cont{min-height:1.5em;color:var(--mb-color-text-subtle)}.reader[data-format=portrait]{--reader-img-maxh: 26vh;--reader-img-maxh: 26dvh}.reader[data-format=portrait][data-image=full]{--reader-img-maxh: 46vh;--reader-img-maxh: 46dvh}.reader[data-format=portrait] .reader-textpanel{max-width:640px}.reader[data-format=portrait] .reader-text{line-height:1.65}.reader-strip{display:flex;align-items:center;gap:3px;max-width:720px;height:10px;margin:0 auto 6px}.reader-strip>span{flex:1 1 0;min-width:2px;height:6px;border-radius:3px;background:var(--mb-color-border)}.reader-strip>span[data-state=done]{background:var(--mb-color-border-strong)}.reader-strip>span[data-state=current]{height:10px;background:var(--mb-color-brand)}.reader-resume{display:flex;flex-direction:column;gap:8px;padding:var(--mb-space-3);border-radius:var(--mb-radius-md);background:var(--mb-color-brand-tint);color:var(--mb-color-text-strong)}.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.toc-item{display:flex;align-items:center;gap:var(--mb-space-3);width:100%;min-height:64px;padding:8px;border-radius:var(--mb-radius-md);border:1.5px solid var(--mb-color-border);background:var(--mb-color-surface);text-align:left;color:var(--mb-color-text-strong)}.toc-item[aria-current=page]{border-color:var(--mb-color-brand);background:var(--mb-color-brand-tint)}.toc-thumb{flex:none;width:72px;height:54px;border-radius:var(--mb-radius-sm);overflow:hidden;background:var(--mb-color-canvas);display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-subtle)}.toc-thumb img{width:100%;height:100%;object-fit:contain;display:block}.toc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.toc-num{font-size:var(--mb-fs-caption);font-weight:700;color:var(--mb-color-text-subtle)}.toc-line{font-size:var(--mb-fs-small);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vocab-chips{display:flex;flex-wrap:wrap;gap:8px}.vocab-chip{min-height:var(--mb-touch-min);padding:0 var(--mb-space-4);border-radius:var(--mb-radius-pill);border:1.5px solid var(--mb-color-border-strong);background:var(--mb-color-surface);color:var(--mb-color-text-default);font-size:var(--mb-fs-small);font-weight:600}.reader-speed-choices{flex-wrap:wrap;gap:8px;margin-bottom:var(--mb-space-2)}.reader-keyhint{display:none}@media(hover:hover)and (pointer:fine){.reader-keyhint{display:block}}@media(orientation:landscape)and (max-height:520px){.reader-imgbox{width:auto;height:100%;max-width:100%;aspect-ratio:var(--reader-aspect, 1.5)}.reader[data-image=none] .reader-textpanel{grid-column:1 / -1;max-width:640px;margin:0 auto;padding:0 var(--mb-gutter) var(--mb-space-2)}.reader[data-format=portrait] .reader-textpanel{max-width:none}.reader-strip{height:8px;margin-bottom:2px}.reader-strip>span{height:4px}.reader-strip>span[data-state=current]{height:8px}}@media(min-width:1024px){.reader{--reader-img-maxh: 64vh;--reader-img-maxh: 64dvh}.reader-image{justify-content:flex-start}.reader[data-format=portrait]{grid-template-columns:minmax(0,520px) minmax(0,560px)}.reader[data-format=portrait],.reader[data-format=portrait][data-image=full]{--reader-img-maxh: 60vh;--reader-img-maxh: 60dvh}.reader[data-format=portrait] .reader-image{justify-content:flex-end}.reader[data-format=portrait] .reader-textpanel{max-width:560px}.reader[data-format=portrait][data-image=none] .reader-textpanel{grid-column:1 / -1;margin:0 auto}}.app[data-route=R1] .offline-banner{display:none}.reader-top{flex-wrap:wrap}.reader-top-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto}@media(max-height:440px){.reader,.reader[data-format=portrait],.reader[data-mode=listen]{--reader-img-maxh: 24vh;--reader-img-maxh: 24dvh}.reader-bar-inner{min-height:56px}.reader-textpanel{padding-top:var(--mb-space-2);padding-bottom:var(--mb-space-2)}}:root{--mb-font-reader: "K1Ki Reader", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--book-paper: var(--mb-color-bg);--book-desk: var(--mb-color-sage-tint);--book-ink-shadow: rgba(23, 40, 43, .16);--book-ink: var(--mb-color-text-strong)}.reader-text,.cover-title,.ebook-title{font-family:var(--mb-font-reader)}.reader[data-view]{position:fixed;inset:0;display:block;overflow:hidden;background:linear-gradient(180deg,var(--book-desk),var(--mb-color-bg) 70%);padding:0}.reader[data-view=cover]{background:linear-gradient(180deg,var(--mb-color-accent-tint),var(--mb-color-bg) 85%)}.reader-stagebox{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.reader[data-view=ebook] .reader-stagebox{align-items:stretch;justify-content:stretch}.reader[data-view=book],.reader[data-view=cover]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pinch-zoom;-webkit-tap-highlight-color:transparent}.reader[data-view=book][data-zone=prev]{cursor:w-resize}.reader[data-view=book][data-zone=next]{cursor:e-resize}.reader[data-view=book][data-zone=menu],.reader[data-view=cover]{cursor:pointer}.reader[data-enter="1"] .reader-cover,.reader[data-enter="1"] .pgwrap,.reader[data-enter="1"] .ebook{animation:page-fade-a .24s linear both}@keyframes page-fade-a{0%{opacity:0}to{opacity:1}}@keyframes page-fade-b{0%{opacity:0}to{opacity:1}}.reader-cover{position:absolute;inset:0;display:flex;align-items:stretch;justify-content:center;padding:calc(var(--mb-safe-top) + 52px) 16px 76px}.cover-area{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.cover-book{position:relative;flex:none;border-radius:6px;overflow:hidden;background:var(--mb-color-brand);box-shadow:0 2px #0000001a,0 18px 36px -12px #17282b80;opacity:0}.cover-book[data-ready="1"]{opacity:1}.cover-spine{position:absolute;left:0;top:0;bottom:0;width:2%;z-index:3;background:linear-gradient(90deg,#00000042,#ffffff14 60%,#0000);pointer-events:none}.cover-full{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.cover-cloth{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8% 10% 0;background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.14),transparent 58%),repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 5px),var(--mb-color-brand);color:var(--mb-color-bg)}.cover-frame{position:absolute;inset:4%;border:2px solid var(--mb-color-accent);border-radius:8px;pointer-events:none}.cover-frame:after{content:"";position:absolute;inset:5px;border:1px solid rgba(242,163,41,.55);border-radius:5px}.cover-star{position:absolute;top:6%;left:50%;transform:translate(-50%);color:var(--mb-color-accent);font-size:18px;line-height:1}.cover-medallion{height:52%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid var(--mb-color-accent);background:var(--mb-color-bg);box-shadow:0 6px 14px #0000004d;margin-top:6%}.cover-medallion img{width:100%;height:100%;object-fit:cover;display:block}.cover-medallion-empty{display:flex;align-items:center;justify-content:center;color:var(--mb-color-brand);background:var(--mb-color-accent-tint)}.cover-title{position:absolute;left:10%;right:10%;bottom:8%;margin:0;text-align:center;color:var(--mb-color-bg);font-weight:700;font-size:clamp(22px,4.4vw,40px);line-height:1.2;overflow-wrap:anywhere;text-wrap:balance;z-index:2}.cover-chips{position:absolute;left:14px;bottom:calc(var(--mb-bottom-safe, 0px) * 0 + 14px);z-index:12;display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 28px)}.reader-resume{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border-radius:var(--mb-radius-lg);background:#fff8e8f0;box-shadow:0 0 0 1px var(--mb-color-border)}.cover-chips .badge{background:#fff8e8f0}.ctl-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;z-index:30}.ctl-sr:focus-visible{width:auto;height:auto;margin:0;clip:auto;overflow:visible;top:calc(var(--mb-safe-top) + 12px);left:50%;transform:translate(-50%);padding:10px 18px;border-radius:var(--mb-radius-pill);background:var(--mb-color-brand);color:#fff;font-weight:700}.reader-skeleton{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--mb-gutter)}.reader-skeleton-book{position:relative;height:min(64vh,520px);aspect-ratio:1.5;max-width:90%;border-radius:6px;background:linear-gradient(110deg,var(--mb-color-brand) 30%,var(--mb-color-brand-pressed) 50%,var(--mb-color-brand) 70%);background-size:200% 100%;animation:cover-shimmer 1.6s linear infinite}.reader-skeleton-book:after{content:"";position:absolute;inset:4%;border:2px solid var(--mb-color-accent);border-radius:8px;opacity:.8}@keyframes cover-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.pgwrap{position:relative;display:flex;align-items:center;justify-content:center}.pgstage{position:relative;flex:none;background:var(--book-paper)}.pg-single{overflow:hidden;border-radius:10px;box-shadow:0 1px #e5dbc2,0 2px #fff,0 3px #e5dbc2,0 18px 30px -14px #17282b66}.pg-spread{border-radius:8px;box-shadow:0 1px #e5dbc2,0 2px #fff,0 3px #e5dbc2,0 4px #fff,0 22px 34px -14px #17282b66}.pg-face{position:absolute;top:0;overflow:hidden;background:var(--book-paper)}.pg-face-l{border-radius:8px 0 0 8px;box-shadow:inset -26px 0 28px -22px var(--book-ink-shadow)}.pg-face-r{border-radius:0 8px 8px 0;box-shadow:inset 26px 0 28px -22px var(--book-ink-shadow)}.pg-spine{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#17282b2e;pointer-events:none;z-index:4}.pg-face-blank{position:absolute;inset:0;background:linear-gradient(135deg,var(--mb-color-accent-tint),var(--mb-color-bg))}.pg-pic{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden}.pg-single .pg-pic{background:var(--mb-color-canvas)}.pg-pic img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity var(--mb-motion-base)}.pg-spread .pg-pic{border-radius:6px;box-shadow:0 0 0 1px #17282b1a,0 8px 18px -8px #17282b73;background:var(--mb-color-canvas)}.face-imgwait{position:absolute;inset:0;background:linear-gradient(110deg,var(--mb-color-brand-tint) 30%,var(--mb-color-accent-tint) 50%,var(--mb-color-brand-tint) 70%);background-size:200% 100%;animation:cover-shimmer 1.6s linear infinite}.reader-imgfail{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:var(--mb-color-text-subtle)}.pg-text{position:absolute;display:flex;flex-direction:column;justify-content:center}.pg-text[data-comp=A]{justify-content:flex-end}.pg-flow{font-family:var(--mb-font-reader);font-size:var(--pg-font, 22px);line-height:1.5;color:var(--book-ink);text-rendering:geometricPrecision;font-kerning:normal;overflow-wrap:break-word;hyphens:manual;word-break:normal;outline:none}.pg-flow:focus,.pg-flow:focus-visible{outline:none}.pg-flow .reader-prose{display:flex;flex-direction:column}.pg-flow .reader-text,.reader-prose .pg-flow .reader-text{margin:0;font-size:inherit;line-height:1.5;font-family:inherit;color:inherit;font-weight:400}.pg-flow .reader-prose .reader-text+.reader-text{margin-top:.35em}.pg-measure{position:fixed;left:-99999px;top:0;visibility:hidden;pointer-events:none;contain:layout style}.pg-measure .pg-flow{width:100%}.pg-band{position:absolute;pointer-events:none;background:linear-gradient(to bottom,rgba(255,248,232,0) 0,rgba(255,248,232,.9) var(--fade, 40px),rgba(255,248,232,.94) 100%)}.pg-folio{position:absolute;text-align:center;font-size:13px;font-weight:600;color:var(--mb-color-text-subtle);font-variant-numeric:tabular-nums;pointer-events:none}.pg-folio[data-comp=B]{text-align:right;padding-right:calc(var(--u, 1) * 30px);box-sizing:border-box}.pgstage[data-flip=flipping] .pg-pic,.pgstage[data-flip=flipping] .pg-text{transform-origin:left center}.pg-single[data-flip=flipping][data-scope=all][data-tier=tilt][data-dir=next][data-par="0"] :is(.pg-pic,.pg-text){animation:tilt-in-next-a .38s var(--mb-ease) both}.pg-single[data-flip=flipping][data-scope=all][data-tier=tilt][data-dir=next][data-par="1"] :is(.pg-pic,.pg-text){animation:tilt-in-next-b .38s var(--mb-ease) both}.pg-single[data-flip=flipping][data-scope=all][data-tier=tilt][data-dir=prev][data-par="0"] :is(.pg-pic,.pg-text){animation:tilt-in-prev-a .38s var(--mb-ease) both}.pg-single[data-flip=flipping][data-scope=all][data-tier=tilt][data-dir=prev][data-par="1"] :is(.pg-pic,.pg-text){animation:tilt-in-prev-b .38s var(--mb-ease) both}.pg-single[data-flip=flipping][data-scope=all][data-tier=fade][data-par="0"] :is(.pg-pic,.pg-text){animation:page-fade-a .16s linear both}.pg-single[data-flip=flipping][data-scope=all][data-tier=fade][data-par="1"] :is(.pg-pic,.pg-text){animation:page-fade-b .16s linear both}.pgstage[data-flip=flipping][data-scope=text][data-par="0"] .pg-text{animation:page-fade-a .18s linear both}.pgstage[data-flip=flipping][data-scope=text][data-par="1"] .pg-text{animation:page-fade-b .18s linear both}@keyframes tilt-in-next-a{0%{opacity:0;transform:perspective(1200px) rotateY(10deg) translate(18px)}to{opacity:1;transform:none}}@keyframes tilt-in-next-b{0%{opacity:0;transform:perspective(1200px) rotateY(10deg) translate(18px)}to{opacity:1;transform:none}}@keyframes tilt-in-prev-a{0%{opacity:0;transform:perspective(1200px) rotateY(-10deg) translate(-18px)}to{opacity:1;transform:none}}@keyframes tilt-in-prev-b{0%{opacity:0;transform:perspective(1200px) rotateY(-10deg) translate(-18px)}to{opacity:1;transform:none}}.pg-spread[data-flip=flipping]{perspective:2600px}.leaf{position:absolute;top:0;z-index:6;transform-style:preserve-3d;pointer-events:none}.leaf-next{transform-origin:left center;animation:leaf-turn-next .56s cubic-bezier(.45,.05,.25,1) both}.leaf-prev{transform-origin:right center;animation:leaf-turn-prev .56s cubic-bezier(.45,.05,.25,1) both}.leaf-front,.leaf-back{position:absolute;inset:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--book-paper)}.leaf-back{transform:rotateY(180deg)}.leaf-shade{position:absolute;inset:0;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(90deg,#17282b47,#17282b00 60%);animation:leaf-shade .56s ease-in-out both}.leaf-prev .leaf-shade{background:linear-gradient(270deg,#17282b47,#17282b00 60%)}@keyframes leaf-turn-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes leaf-turn-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes leaf-shade{0%{opacity:0}45%{opacity:1}to{opacity:0}}.reader-toosmall{max-width:320px;margin:auto;padding:var(--mb-space-5);display:flex;flex-direction:column;gap:var(--mb-space-3);align-items:center;text-align:center;background:var(--mb-color-surface);border-radius:var(--mb-radius-lg)}.reader-text .hl.hl-soft{background:#ffe9a8b8;text-decoration:none;transition:background-color .18s linear}.reader-text [data-s]{transition:background-color .18s linear;border-radius:4px}@media(forced-colors:active){.reader-text .hl.hl-soft{outline:2px solid Highlight;outline-offset:1px}}.vocab-mark{text-decoration:underline dotted;text-decoration-thickness:2px;text-underline-offset:6px;cursor:pointer}.reader[data-wordmode="1"] .dict-word{cursor:pointer}@media(hover:hover){.reader[data-wordmode="1"] .dict-word:hover{background:var(--mb-color-accent-tint)}}.chrome-top{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--mb-safe-top) + 6px) 10px 0;pointer-events:none}.chrome-slot{display:flex;align-items:center;gap:6px;pointer-events:auto;transition:opacity .2s}.chrome-slot[data-visible="0"]{opacity:0;pointer-events:none}.chrome-slot:focus-within{opacity:1;pointer-events:auto}.chrome-slot .icon-btn{background:#fff8e8e6;box-shadow:0 0 0 1px var(--mb-color-border)}.dock{position:absolute;left:50%;bottom:max(10px,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:4px;height:56px;padding:4px 8px;border-radius:var(--mb-radius-pill);background:#fff8e8f5;box-shadow:var(--mb-shadow-float),0 0 0 1px var(--mb-color-border);transition:opacity .2s}.dock[data-visible="0"]{opacity:0;pointer-events:none}.dock:focus-within{opacity:1;pointer-events:auto}.dock-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:48px;height:48px;border-radius:var(--mb-radius-pill);color:var(--mb-color-text-strong)}.dock-btn:active:not(:disabled){background:var(--mb-color-canvas)}.dock-btn:disabled{color:var(--mb-color-text-disabled)}.dock-play{background:var(--mb-color-brand);color:#fff}.dock-play:active:not(:disabled){background:var(--mb-color-brand-pressed)}.dock-play:disabled{background:var(--mb-color-canvas);color:var(--mb-color-text-disabled)}.dock-label{font-size:15px;font-weight:700;padding-right:8px;white-space:nowrap}.dock-play:has(.dock-label){padding-left:12px}.dock-chip{min-width:48px;height:44px;padding:0 12px;border-radius:var(--mb-radius-pill);border:1.5px solid var(--mb-color-border-strong);font-size:14px;font-weight:700;color:var(--mb-color-text-default);background:var(--mb-color-surface);font-variant-numeric:tabular-nums}.dock-spin{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;animation:mb-spin .9s linear infinite}.edge-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:15;width:44px;height:64px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--mb-radius-lg);background:#fff8e8e0;color:var(--mb-color-text-strong);box-shadow:0 0 0 1px var(--mb-color-border);transition:opacity .2s}.edge-prev{left:0;border-radius:0 var(--mb-radius-lg) var(--mb-radius-lg) 0}.edge-next{right:0;border-radius:var(--mb-radius-lg) 0 0 var(--mb-radius-lg)}.reader[data-comp=C] .edge-arrow{top:22%}.edge-arrow[data-visible="0"]{opacity:0;pointer-events:none}.edge-arrow:focus-visible{opacity:1;pointer-events:auto}.edge-arrow:disabled{color:var(--mb-color-text-disabled)}.reader-line{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:6;background:#17282b1f;pointer-events:none}.reader-line>span{display:block;height:100%;background:var(--mb-color-brand)}.reader-notice{position:absolute;left:50%;transform:translate(-50%);bottom:82px;z-index:22;width:min(92%,520px)}.reader-hint{position:absolute;left:50%;transform:translate(-50%);bottom:82px;z-index:19;max-width:min(92%,560px);padding:10px 16px;border-radius:var(--mb-radius-lg);background:#17282be6;color:#fff;font-size:15px;line-height:22px;text-align:center;pointer-events:none}@media(max-height:520px){.dock{height:52px}.reader-notice,.reader-hint{bottom:70px}.reader-cover{padding:calc(var(--mb-safe-top) + 34px) 12px 64px}}@media(max-height:520px)and (orientation:landscape){.reader-hint{bottom:auto;top:calc(var(--mb-safe-top) + 8px);max-width:min(70%,560px);padding:6px 14px}}@media(prefers-reduced-motion:reduce){.dock,.edge-arrow,.chrome-slot{transition:none}}.reader[data-view=ebook] .reader-stagebox{position:absolute;inset:0}.ebook{flex:1;min-height:0;width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ebook-column{max-width:720px;margin:0 auto;padding:calc(var(--mb-safe-top) + 56px) var(--mb-gutter) 120px;display:flex;flex-direction:column;gap:var(--mb-space-5)}.ebook-cover{display:flex;flex-direction:column;align-items:center;gap:var(--mb-space-3);text-align:center;padding:var(--mb-space-5) var(--mb-space-4);border-radius:var(--mb-radius-lg);background:var(--mb-color-brand);color:var(--mb-color-bg)}.ebook-cover-art{width:min(60%,220px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid var(--mb-color-accent);background:var(--mb-color-accent-tint);display:flex;align-items:center;justify-content:center;color:var(--mb-color-brand)}.ebook-cover[data-source=generated] .ebook-cover-art{border-radius:var(--mb-radius-md);width:min(100%,360px);aspect-ratio:auto}.ebook-cover-art img{width:100%;height:100%;object-fit:contain;display:block}.ebook-title{margin:0;font-size:clamp(24px,6vw,34px);line-height:1.2;font-weight:700;overflow-wrap:anywhere}.ebook-cover .btn-primary{background:var(--mb-color-accent);color:var(--mb-color-text-strong)}.ebook-scene{display:flex;flex-direction:column;gap:var(--mb-space-3);scroll-margin-top:var(--mb-space-2)}.ebook-scene+.ebook-scene{border-top:1px solid var(--mb-color-border);padding-top:var(--mb-space-5)}.face-imgbox{position:relative;width:100%;overflow:hidden;background:var(--book-paper)}.face-imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity var(--mb-motion-base)}.ebook-scene .face-imgbox{border-radius:var(--mb-radius-lg);background:var(--mb-color-canvas)}.ebook-text{outline:none;display:flex;flex-direction:column;gap:var(--mb-space-3)}.ebook-text .reader-text{line-height:1.6;color:var(--mb-color-text-strong);font-weight:400}.ebook-text .reader-prose{display:flex;flex-direction:column}.ebook-text .reader-prose .reader-text+.reader-text{margin-top:.35em}.ebook-end{display:flex;justify-content:center;padding-top:var(--mb-space-4)}.menu-tabs{display:flex;gap:6px;padding:4px;margin-bottom:var(--mb-space-3);border-radius:var(--mb-radius-pill);background:var(--mb-color-canvas)}.menu-tab{flex:1;min-height:var(--mb-touch-min);border-radius:var(--mb-radius-pill);font-size:var(--mb-fs-small);font-weight:700;color:var(--mb-color-text-default)}.menu-tab[aria-selected=true]{background:var(--mb-color-brand);color:var(--mb-color-text-inverse)}.choice{display:flex;flex-wrap:wrap;gap:8px}.choice-btn{min-height:var(--mb-touch-min);padding:0 var(--mb-space-4);border-radius:var(--mb-radius-pill);border:1.5px solid var(--mb-color-border-strong);background:var(--mb-color-surface);color:var(--mb-color-text-default);font-size:var(--mb-fs-small);font-weight:600}.choice-btn[aria-checked=true]{background:var(--mb-color-brand);border-color:var(--mb-color-brand);color:var(--mb-color-text-inverse)}.choice-btn[aria-disabled=true]{background:var(--mb-color-canvas);border-style:dashed;color:var(--mb-color-text-subtle)}.choice.compact{flex-wrap:nowrap;gap:6px}.choice.compact .choice-btn{flex:1 1 0;min-width:0;padding:0 4px;font-size:14px;white-space:nowrap}.choice-note{margin-top:6px}.settings-group{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.reader-about{display:flex;flex-direction:column;gap:6px;padding-top:var(--mb-space-3);border-top:1px solid var(--mb-color-border)}.dict-word{border-radius:4px;-webkit-tap-highlight-color:transparent}.dict-word[data-open="1"],.dict-word[data-nav="1"]{background:var(--mb-color-accent-tint);outline:2px solid var(--mb-color-brand);outline-offset:1px}@media(forced-colors:active){.dict-word[data-open="1"],.dict-word[data-nav="1"]{outline:2px solid Highlight}}.dict-bubble{position:fixed;z-index:55;box-sizing:border-box;width:min(380px,calc(100vw - 16px));max-height:min(60vh,420px);overflow:auto;padding:12px 14px 8px;border-radius:var(--mb-radius-lg);background:var(--mb-color-surface);color:var(--mb-color-text-strong);border:2px solid var(--mb-color-brand);box-shadow:0 10px 28px -8px #17282b73;font-size:18px;line-height:1.45;outline:none}.dict-bubble:before{content:"";position:absolute;left:var(--arrow-x, 50%);width:14px;height:14px;margin-left:-7px;background:var(--mb-color-surface);border:2px solid var(--mb-color-brand);transform:rotate(45deg);display:none}.dict-bubble[data-side=below]:before{display:block;top:-9px;border-right:0;border-bottom:0}.dict-bubble[data-side=above]:before{display:block;bottom:-9px;border-left:0;border-top:0}.dict-bubble[data-dock="1"]{left:50%;transform:translate(-50%);bottom:calc(var(--mb-bottom-safe, 0px) + 84px);width:min(560px,calc(100vw - 16px))}.dict-head{display:flex;align-items:center;gap:8px}.dict-title{flex:1;min-width:0;margin:0;font-weight:700;font-size:20px;overflow-wrap:anywhere}.dict-lemma{font-weight:400;color:var(--mb-color-text-subtle)}.dict-lang{display:inline-flex;border:1.5px solid var(--mb-color-border-strong);border-radius:var(--mb-radius-pill);overflow:hidden;flex:none}.dict-lang-btn{min-width:44px;min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--mb-color-text-default);font-size:16px;font-weight:700;cursor:pointer}.dict-lang-btn[aria-checked=true]{background:var(--mb-color-brand);color:#fff}.dict-close{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--mb-color-text-default);cursor:pointer}.dict-lines{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}.dict-lines li{display:flex;gap:8px;align-items:baseline}.dict-tag{flex:none;min-width:28px;font-size:14px;font-weight:700;color:var(--mb-color-brand)}.dict-tag-ctx{font-size:14px;font-weight:700;color:var(--mb-color-brand)}.dict-ctx{margin:8px 0 0;padding-top:8px;border-top:1px dashed var(--mb-color-border)}.dict-missing{margin:6px 0 0;color:var(--mb-color-text-subtle);font-size:16px}.dict-src{display:inline-flex;align-items:center;min-height:44px;margin-top:2px;padding:0 4px;border:0;background:transparent;color:var(--mb-color-text-subtle);font-size:14px;text-decoration:underline;cursor:pointer}.dict-credit{padding-bottom:8px;border-bottom:1px solid var(--mb-color-border)}.dict-url{overflow-wrap:anywhere;user-select:all}.dict-navhint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--mb-bottom-safe, 0px) + 88px);z-index:54;max-width:calc(100vw - 24px);padding:8px 14px;border-radius:var(--mb-radius-pill);background:var(--mb-color-text-strong);color:#fff;font-size:14px;text-align:center}@media(prefers-reduced-motion:no-preference){.dict-bubble{animation:dict-pop .14s ease-out both}}@keyframes dict-pop{0%{opacity:0}to{opacity:1}}.chat-screen{display:flex;flex-direction:column;gap:var(--mb-space-3);min-height:100dvh;padding-bottom:calc(var(--mb-space-3) + var(--mb-safe-bottom-extra, 0px))}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:var(--mb-space-2)}.chat-rail{display:flex;flex-wrap:wrap;gap:var(--mb-space-1);margin:0;padding:0;list-style:none}.chat-rail-item{padding:4px 10px;border-radius:var(--mb-radius-pill);font-size:var(--mb-fs-caption);line-height:var(--mb-lh-caption);color:var(--mb-color-text-hint);background:var(--mb-color-canvas)}.chat-rail-item.done{color:var(--mb-color-brand)}.chat-rail-item.now{background:var(--mb-color-brand-tint);color:var(--mb-color-brand);font-weight:600}.chat-log{display:flex;flex-direction:column;gap:var(--mb-space-2);flex:1 1 auto;min-height:160px;max-height:46vh;overflow-y:auto;padding:var(--mb-space-2) 0}.chat-bubble{max-width:85%;padding:var(--mb-space-2) var(--mb-space-3);border-radius:var(--mb-radius-lg);font-size:var(--mb-fs-body);line-height:var(--mb-lh-body);white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.bot{align-self:flex-start;background:var(--mb-color-surface);color:var(--mb-color-text-default);border:1px solid var(--mb-color-border);border-top-left-radius:4px}.chat-bubble.me{align-self:flex-end;background:var(--mb-color-brand);color:var(--mb-color-text-inverse);border-top-right-radius:4px}.chat-dock{display:flex;flex-direction:column;gap:var(--mb-space-3);padding-top:var(--mb-space-3);border-top:1px solid var(--mb-color-border)}.chat-tray{display:flex;flex-direction:column;gap:var(--mb-space-3)}.chat-chips{display:flex;flex-wrap:wrap;gap:var(--mb-space-2)}.chat-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--mb-space-2)}.chat-gate{display:flex;flex-direction:column;gap:var(--mb-space-3)}.chat-gate-label{display:flex;flex-direction:column;gap:var(--mb-space-1)}.chat-input{min-height:var(--mb-touch-min);padding:0 var(--mb-space-3);border-radius:var(--mb-radius-md);border:1.5px solid var(--mb-color-border-strong);background:var(--mb-color-surface);color:var(--mb-color-text-default);font:inherit;font-size:var(--mb-fs-body)}.chat-input[aria-invalid=true]{border-color:var(--mb-color-danger)}.chat-photo{display:flex;flex-direction:column;gap:var(--mb-space-2);align-items:flex-start}.chat-photo-pick{position:relative;display:inline-flex;align-items:center;min-height:var(--mb-touch-min);padding:0 var(--mb-space-4);border-radius:var(--mb-radius-pill);border:1.5px solid var(--mb-color-border-strong);background:var(--mb-color-surface);color:var(--mb-color-text-default);cursor:pointer}.chat-photo-pick input{position:absolute;inset:0;opacity:0;cursor:pointer}.chat-photo-preview{width:120px;height:120px;object-fit:cover;border-radius:var(--mb-radius-md);border:1px solid var(--mb-color-border)}.chat-confirm{display:flex;flex-direction:column;gap:var(--mb-space-3)}.chat-confirm-card{display:flex;flex-direction:column;gap:var(--mb-space-3);padding:var(--mb-space-3);border-radius:var(--mb-radius-lg);border:1px solid var(--mb-color-border);background:var(--mb-color-surface);max-height:40vh;overflow-y:auto}.chat-confirm-group{display:flex;flex-direction:column;gap:var(--mb-space-1)}.chat-confirm-title{margin:0;font-size:var(--mb-fs-small);line-height:var(--mb-lh-small);font-weight:700;color:var(--mb-color-text-strong)}.chat-confirm-row{display:flex;align-items:center;justify-content:space-between;gap:var(--mb-space-2)}.chat-confirm-value{margin:0;font-size:var(--mb-fs-body);line-height:var(--mb-lh-body);color:var(--mb-color-text-default)}.chat-done{display:flex;flex-direction:column;gap:var(--mb-space-2)}@media(min-width:768px){.chat-screen{max-width:720px;margin:0 auto}}