.bottom-nav[data-v-c5ecb44a]{position:fixed;left:0;right:0;bottom:0;z-index:40;min-width:320px;padding-bottom:env(safe-area-inset-bottom,8px);background:rgba(var(--sand-soft-rgb),.94);border-top:2px solid rgba(133,94,66,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -4px #855e4214,0 -12px 20px #855e4214}.bottom-nav--menu-open[data-v-c5ecb44a]{z-index:60}.bottom-nav__stack[data-v-c5ecb44a]{position:relative;max-width:var(--page-narrow);margin:0 auto}.more-sheet[data-v-c5ecb44a]{position:absolute;left:auto;right:6px;bottom:calc(100% + 8px);width:min(200px,calc(100% - 16px));padding:var(--space-2);background:var(--paper);border:2px solid rgba(133,94,66,.14);border-radius:var(--radius-control);box-shadow:var(--paper-shadow-raised);display:grid;gap:2px;transform-origin:bottom right}.more-sheet-enter-active[data-v-c5ecb44a]{transition:transform var(--motion-slow) var(--ease-standard),opacity var(--motion-base) var(--ease-standard)}.more-sheet-leave-active[data-v-c5ecb44a]{transition:transform var(--motion-base) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard)}.more-sheet-enter-from[data-v-c5ecb44a],.more-sheet-leave-to[data-v-c5ecb44a]{transform:translate(10px,14px) scale(.9);opacity:0}.more-sheet-enter-to[data-v-c5ecb44a],.more-sheet-leave-from[data-v-c5ecb44a]{transform:translate(0) scale(1);opacity:1}.more-sheet__link[data-v-c5ecb44a]{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:var(--space-3) 14px;border-radius:var(--radius-soft);font-size:var(--text-base);font-weight:600;color:var(--ink);text-decoration:none;transition:background var(--motion-fast) var(--ease-standard)}.more-sheet__icon[data-v-c5ecb44a]{width:20px;height:20px;color:var(--accent-ink)}.more-sheet__link[data-v-c5ecb44a]:hover,.more-sheet__link[data-v-c5ecb44a]:focus-visible{background:#7bbd5b24;outline:none}.more-sheet__link[data-v-c5ecb44a]:active{background:#7bbd5b33}.bottom-nav__inner[data-v-c5ecb44a]{display:flex;align-items:stretch;justify-content:space-around;padding:var(--space-2) var(--space-1) 10px}.bottom-nav__more-wrap[data-v-c5ecb44a]{flex:1;display:flex;justify-content:center;min-width:0}.bottom-nav__item[data-v-c5ecb44a]{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-1) 2px;text-decoration:none;color:var(--ink-faint);font-size:.65rem;font-weight:600;min-width:0;transition:color var(--motion-base) var(--ease-standard);border:0;background:transparent;cursor:pointer;font-family:inherit}.bottom-nav__item--active[data-v-c5ecb44a]{color:var(--accent-ink)}.bottom-nav__icon[data-v-c5ecb44a]{display:grid;place-items:center;color:currentColor}.bottom-nav__icon[data-v-c5ecb44a] svg{display:block;width:22px;height:22px}.bottom-nav__label[data-v-c5ecb44a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.base-button[data-v-7e0a5bc8]{box-sizing:border-box;width:100%;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:var(--radius-pill);min-height:44px;padding:.55rem 1rem;font-size:var(--text-sm);font-weight:800;line-height:1;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--motion-fast) var(--ease-standard),opacity var(--motion-base) var(--ease-standard),background var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.base-button-inner[data-v-7e0a5bc8]{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px}.base-button[data-v-7e0a5bc8]:active{opacity:.96;transform:translateY(3px) scale(.995)}.base-button--primary[data-v-7e0a5bc8]{border-color:var(--btn-primary-border);background:var(--btn-primary-gradient);color:var(--primary-foreground);box-shadow:var(--btn-primary-shadow)}.base-button--classic[data-v-7e0a5bc8]{border-color:var(--btn-classic-border);background:var(--btn-classic-background);color:var(--btn-classic-foreground);box-shadow:var(--btn-classic-shadow)}.base-button--ghost[data-v-7e0a5bc8]{background:var(--surface-control);color:var(--secondary-foreground);border-color:var(--border);box-shadow:var(--btn-neutral-shadow)}.base-button--secondary[data-v-7e0a5bc8]{border-color:#855e4224;color:var(--ink);background:rgba(var(--mist-rgb),.72);box-shadow:var(--btn-neutral-shadow)}.base-button--danger[data-v-7e0a5bc8]{border-color:var(--btn-danger-border);background:var(--btn-danger-background);color:var(--btn-danger-foreground);box-shadow:var(--btn-danger-soft-shadow)}.base-button[data-v-7e0a5bc8]:disabled{opacity:.55;cursor:not-allowed}@media(min-width:768px){.base-button[data-v-7e0a5bc8]{width:auto;min-width:8rem}}.settings-section[data-v-d33f1bfe]{padding:18px 20px;border:2px solid rgba(133,94,66,.14);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--paper-shadow-soft);display:grid;gap:14px}.settings-section--danger[data-v-d33f1bfe]{border-color:#c83c3224}.settings-section__title[data-v-d33f1bfe]{margin:0;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.settings-section .settings-muted[data-v-d33f1bfe-s]{margin:0;color:var(--ink-soft);font-size:.86rem;line-height:1.55}.settings-section[data-v-d33f1bfe] .base-button{width:auto;min-width:7rem}.qna-item[data-v-6ec007b5]{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-control)}.qna-item summary[data-v-6ec007b5]{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;box-sizing:border-box;color:var(--ink);font-size:.88rem;font-weight:800;cursor:pointer;list-style:none}.qna-item summary[data-v-6ec007b5]::-webkit-details-marker{display:none}.qna-item__icon[data-v-6ec007b5]{width:17px;height:17px;flex-shrink:0;color:var(--ink-soft);transition:transform var(--motion-base) var(--ease-standard)}.qna-item[open] .qna-item__icon[data-v-6ec007b5]{transform:rotate(180deg)}.qna-item p[data-v-6ec007b5]{margin:0;padding:0 12px 12px;color:var(--ink-soft);font-size:.84rem;line-height:1.6}.setting-row[data-v-86d2667b]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.setting-row__info[data-v-86d2667b]{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.setting-row__label[data-v-86d2667b]{font-size:var(--text-base);font-weight:600;color:var(--ink)}.setting-row__desc[data-v-86d2667b]{font-size:.8rem;color:var(--ink-soft);line-height:1.4}.setting-row__control[data-v-86d2667b]{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.theme-picker[data-v-c76d5eb3]{display:inline-flex;border:1px solid var(--input);border-radius:var(--radius-control);overflow:hidden;flex-shrink:0}.theme-picker__btn[data-v-c76d5eb3]{display:inline-flex;align-items:center;gap:5px;padding:.35rem .7rem;border:none;border-radius:0;background:var(--surface-control);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}.theme-picker__btn+.theme-picker__btn[data-v-c76d5eb3]{border-left:1px solid var(--input)}.theme-picker__btn[data-v-c76d5eb3]:hover:not(.theme-picker__btn--active){background:var(--accent);color:var(--foreground)}.theme-picker__btn--active[data-v-c76d5eb3]{background:var(--accent-ink-soft);color:var(--text-on-solid)}.theme-picker__icon[data-v-c76d5eb3]{width:15px;height:15px}@media(max-width:420px){.theme-picker__btn[data-v-c76d5eb3]{padding:.35rem .55rem}.theme-picker__icon[data-v-c76d5eb3]{display:none}}.wave-near[data-v-ea1a675f],.wave-far[data-v-ea1a675f]{transition:opacity .15s}@keyframes wave-pulse-ea1a675f{0%,to{opacity:.2}50%{opacity:1}}.volume-playing .wave-near[data-v-ea1a675f]{animation:wave-pulse-ea1a675f .75s ease-in-out infinite}.volume-playing .wave-far[data-v-ea1a675f]{animation:wave-pulse-ea1a675f .75s ease-in-out infinite .22s}.toggle-switch[data-v-e44cd02e]{position:relative;display:inline-block;flex-shrink:0;width:48px;height:28px}.toggle-switch input[data-v-e44cd02e]{opacity:0;width:0;height:0;margin:0;padding:0}.toggle-slider[data-v-e44cd02e]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-control);background:var(--accent-paper);cursor:pointer;transition:background var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.toggle-slider[data-v-e44cd02e]:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:var(--radius-control);background:#fff;box-shadow:0 1px 3px #31484e2e;transition:transform var(--motion-base) var(--ease-standard)}.toggle-switch input:checked+.toggle-slider[data-v-e44cd02e]{background:var(--accent-ink-soft)}.toggle-switch input:checked+.toggle-slider[data-v-e44cd02e]:before{transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-slider[data-v-e44cd02e]{outline:2px solid rgba(84,119,132,.45);outline-offset:2px}.voice-picker[data-v-59421f47]{display:inline-flex;border:1px solid var(--input);border-radius:var(--radius-control);overflow:hidden;flex-shrink:0}.voice-picker__btn[data-v-59421f47]{padding:.35rem .9rem;border:none;border-radius:0;background:var(--surface-control);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}.voice-picker__btn+.voice-picker__btn[data-v-59421f47]{border-left:1px solid var(--input)}.voice-picker__btn[data-v-59421f47]:hover:not(.voice-picker__btn--active){background:var(--accent);color:var(--foreground)}.voice-picker__btn--active[data-v-59421f47]{background:var(--accent-ink-soft);color:var(--text-on-solid)}.volume-control[data-v-59421f47]{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 auto;min-width:0}.volume-slider[data-v-59421f47]{flex:1 1 auto;min-width:0;max-width:160px;accent-color:var(--accent-ink-soft);cursor:pointer}.volume-value[data-v-59421f47]{min-width:30px;text-align:right;color:var(--ink-soft);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.volume-preview[data-v-59421f47]{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-control);color:var(--accent-ink);cursor:pointer;transition:background var(--motion-base) var(--ease-standard)}.volume-preview[data-v-59421f47]:hover{background:var(--accent)}.volume-preview__icon[data-v-59421f47]{width:18px;height:18px}.language-picker[data-v-66ad6807]{display:inline-flex;flex-shrink:0;overflow:hidden;border:1px solid var(--input);border-radius:var(--radius-control)}.language-picker__button[data-v-66ad6807]{min-width:68px;padding:.4rem .85rem;border:0;border-radius:0;background:var(--surface-control);color:var(--muted-foreground);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard),opacity var(--motion-base) var(--ease-standard)}.language-picker__button+.language-picker__button[data-v-66ad6807]{border-left:1px solid var(--input)}.language-picker__button[data-v-66ad6807]:hover:not(:disabled,.language-picker__button--active){background:var(--accent);color:var(--foreground)}.language-picker__button--active[data-v-66ad6807]{background:var(--accent-ink-soft);color:var(--text-on-solid)}.language-picker__button[data-v-66ad6807]:disabled{cursor:wait;opacity:.72}@media(max-width:380px){.language-picker__button[data-v-66ad6807]{min-width:58px;padding-inline:.65rem}}.shortcut-grid[data-v-b05908c4]{display:grid;gap:var(--space-3)}.shortcut-item[data-v-b05908c4]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.shortcut-item__info[data-v-b05908c4]{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.shortcut-item__label[data-v-b05908c4]{font-size:var(--text-base);font-weight:600;color:var(--ink)}.shortcut-item__desc[data-v-b05908c4]{font-size:.8rem;color:var(--ink-soft);line-height:1.4}.shortcut-btn[data-v-b05908c4]{flex-shrink:0;min-height:42px;display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-control);color:var(--ink);cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),background var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.shortcut-btn[data-v-b05908c4]:active{transform:translateY(1px) scale(.99)}.shortcut-btn--recording[data-v-b05908c4]{border-color:#54778461;background:#d8e3e4b8;box-shadow:0 0 0 3px #5477841f}.shortcut-key[data-v-b05908c4]{min-width:36px;min-height:26px;display:inline-grid;place-items:center;padding:2px 8px;border-radius:var(--radius-soft);background:#1f2f3514;color:var(--accent-ink);font-size:.82rem;font-weight:800;font-family:inherit}.shortcut-hint[data-v-b05908c4]{color:var(--ink-soft);font-size:var(--text-xs);font-weight:600;white-space:nowrap}@container settings (min-width: 900px){.shortcut-grid[data-v-b05908c4]{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-sidebar[data-v-51b0d202]{display:grid;gap:4px;align-content:start;position:sticky;top:12px;padding:8px;border:1px solid rgba(133,94,66,.12);border-radius:var(--radius-card);background:rgba(var(--sand-soft-rgb),.6)}.settings-sidebar__item[data-v-51b0d202]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--ink-soft);font:inherit;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer;transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}.settings-sidebar__item[data-v-51b0d202]:hover:not(.settings-sidebar__item--active){background:#7bbd5b1a;color:var(--ink)}.settings-sidebar__item--active[data-v-51b0d202]{border-color:var(--accent-ink-soft);background:var(--accent-ink-soft);color:var(--text-on-solid)}.settings-sidebar__icon[data-v-51b0d202]{flex-shrink:0;width:20px;height:20px}.settings-sidebar__label[data-v-51b0d202]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-tabs[data-v-443febf5]{position:relative;width:100%;min-width:0;display:grid;grid-template-areas:"viewport";grid-template-columns:minmax(0,1fr);align-items:center}.settings-tabs--can-scroll-right[data-v-443febf5]{grid-template-areas:"viewport next";grid-template-columns:minmax(0,1fr) 32px;gap:4px}.settings-tabs--can-scroll-left[data-v-443febf5]{grid-template-areas:"previous viewport";grid-template-columns:32px minmax(0,1fr);gap:4px}.settings-tabs--can-scroll-left.settings-tabs--can-scroll-right[data-v-443febf5]{grid-template-areas:"previous viewport next";grid-template-columns:32px minmax(0,1fr) 32px}.settings-tabs__viewport[data-v-443febf5]{grid-area:viewport;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity}.settings-tabs__viewport[data-v-443febf5]::-webkit-scrollbar{display:none}.settings-tabs__track[data-v-443febf5]{width:max-content;gap:8px;padding:2px;display:flex;min-width:100%}.settings-tabs__item[data-v-443febf5]{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-control);color:var(--ink-soft);font:inherit;font-size:.86rem;font-weight:700;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}.settings-tabs__item--active[data-v-443febf5]{background:var(--accent-ink-soft);border-color:var(--accent-ink-soft);color:var(--text-on-solid)}.settings-tabs__item[data-v-443febf5]:hover:not(.settings-tabs__item--active){border-color:var(--menu-active-border);background:var(--accent);color:var(--ink)}.settings-tabs__icon[data-v-443febf5]{width:17px;height:17px}.settings-tabs__arrow[data-v-443febf5]{width:32px;height:32px;display:none;place-items:center;border:0;border-radius:var(--radius-control);padding:0;background:transparent;color:var(--accent-ink);cursor:pointer;transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}.settings-tabs--can-scroll-left .settings-tabs__arrow--left[data-v-443febf5],.settings-tabs--can-scroll-right .settings-tabs__arrow--right[data-v-443febf5]{display:inline-grid}.settings-tabs__arrow svg[data-v-443febf5]{width:16px;height:16px}.settings-tabs__arrow--left[data-v-443febf5]{grid-area:previous}.settings-tabs__arrow--right[data-v-443febf5]{grid-area:next}.settings-tabs__arrow[data-v-443febf5]:hover:not(:disabled){background:var(--accent);color:var(--ink)}.settings-tabs--can-scroll-left .settings-tabs__viewport[data-v-443febf5]{-webkit-mask-image:linear-gradient(to right,transparent,#000 16px,#000 100%);mask-image:linear-gradient(to right,transparent,#000 16px,#000 100%)}.settings-tabs--can-scroll-right .settings-tabs__viewport[data-v-443febf5]{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 16px),transparent)}.settings-tabs--can-scroll-left.settings-tabs--can-scroll-right .settings-tabs__viewport[data-v-443febf5]{-webkit-mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.settings-layout[data-v-48493d6d]{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;width:100%;container-type:inline-size;container-name:settings}.settings-layout__body[data-v-48493d6d]{display:grid;gap:16px}.settings-layout__content[data-v-48493d6d]{display:grid;gap:16px;align-content:start;min-width:0}.settings-layout__sidebar[data-v-48493d6d]{display:none}.settings-layout--modal[data-v-48493d6d],.settings-layout--modal .settings-layout__body[data-v-48493d6d]{flex:1;min-height:0}.settings-layout--modal .settings-layout__content[data-v-48493d6d]{overflow-y:auto;min-height:0}@container settings (min-width: 700px){.settings-layout__tabs[data-v-48493d6d]{display:none}.settings-layout__sidebar[data-v-48493d6d]{display:grid}.settings-layout__body[data-v-48493d6d]{grid-template-columns:minmax(180px,210px) minmax(0,1fr);gap:20px;align-items:start}.settings-layout--modal .settings-layout__body[data-v-48493d6d]{align-items:stretch}.settings-layout--modal .settings-layout__sidebar[data-v-48493d6d]{align-self:start}}.modal-panel.settings-modal{width:min(880px,100%);height:min(680px,calc(100dvh - 48px));display:flex;flex-direction:column;overflow:hidden}.modal-panel.settings-modal .modal-head{flex-shrink:0}@media(max-width:767px){.modal-panel.settings-modal{width:min(520px,100%)}}.settings-modal__body[data-v-b8f99d09]{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 24px}.toast-region[data-v-8d5622ce]{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:120;width:min(420px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none}.toast-stack[data-v-8d5622ce]{display:grid;gap:var(--space-2)}.toast[data-v-8d5622ce]{position:relative;overflow:hidden;pointer-events:auto;display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:var(--space-2);padding:10px 12px;border:2px solid rgba(133,94,66,.14);border-radius:var(--radius-control);background:rgba(var(--sand-soft-rgb),.96);color:var(--ink);box-shadow:var(--paper-shadow-raised);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast--with-action[data-v-8d5622ce]{grid-template-columns:24px minmax(0,1fr) auto 28px}.toast__icon[data-v-8d5622ce]{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius-control);color:var(--text-on-solid);font-size:.78rem;font-weight:800;background:var(--accent-ink-soft)}.toast--success .toast__icon[data-v-8d5622ce]{background:var(--success)}.toast--error .toast__icon[data-v-8d5622ce]{background:var(--destructive)}.toast--warning .toast__icon[data-v-8d5622ce]{background:#b7791f}.toast__message[data-v-8d5622ce]{min-width:0;margin:0;color:var(--ink);font-size:var(--text-sm);font-weight:700;line-height:1.45}.toast__action[data-v-8d5622ce]{min-height:28px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-soft);background:var(--accent-paper);color:var(--accent-ink);font:inherit;font-size:var(--text-sm);font-weight:800;line-height:1;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}.toast__action[data-v-8d5622ce]:hover,.toast__action[data-v-8d5622ce]:focus-visible{background:var(--accent);color:var(--ink)}.toast__action[data-v-8d5622ce]:active{transform:translateY(1px) scale(.97)}.toast__close[data-v-8d5622ce]{width:28px;height:28px;border:0;border-radius:var(--radius-soft);background:transparent;color:var(--ink-soft);font-size:1.2rem;line-height:1;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}.toast__close[data-v-8d5622ce]:active{transform:translateY(1px) scale(.96)}.toast__close[data-v-8d5622ce]:hover,.toast__close[data-v-8d5622ce]:focus-visible{background:#7bbd5b24;color:var(--ink)}.toast__progress[data-v-8d5622ce]{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--accent-ink-soft);transform:scaleX(0);transform-origin:left center;animation:toast-progress-8d5622ce var(--toast-duration) linear forwards}.toast--success .toast__progress[data-v-8d5622ce]{background:var(--success)}@keyframes toast-progress-8d5622ce{to{transform:scaleX(1)}}.toast-enter-active[data-v-8d5622ce],.toast-leave-active[data-v-8d5622ce]{transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.toast-enter-from[data-v-8d5622ce],.toast-leave-to[data-v-8d5622ce]{opacity:0;transform:translateY(10px) scale(.98)}@media(min-width:768px){.toast-region[data-v-8d5622ce]{right:24px;bottom:24px;left:auto;transform:none}}.review-reminder[data-v-9ab4fd0c]{padding:18px 24px 24px;display:grid;gap:20px}.review-reminder__text[data-v-9ab4fd0c]{margin:0;color:var(--ink);font-size:1rem;font-weight:600;line-height:1.7}.review-reminder__mute[data-v-9ab4fd0c]{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.86rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.review-reminder__mute-box[data-v-9ab4fd0c]{width:16px;height:16px;accent-color:var(--accent-ink);cursor:pointer}.review-reminder__actions[data-v-9ab4fd0c]{display:flex;justify-content:flex-end;gap:12px}@media(max-width:767px){.review-reminder__actions[data-v-9ab4fd0c]{flex-direction:column-reverse}}.session-expired[data-v-238d60f5]{padding:18px 24px 24px;display:grid;gap:20px}.session-expired__text[data-v-238d60f5]{margin:0;color:var(--ink);font-size:1rem;font-weight:600;line-height:1.7}.session-expired__actions[data-v-238d60f5]{display:flex;justify-content:flex-end;gap:12px}.app-shell[data-v-12df60c7]{min-height:100vh;background:transparent;overflow-x:clip}.app-main[data-v-12df60c7]{width:min(1120px,100%);margin:0 auto;box-sizing:border-box}.app-main--input[data-v-12df60c7]{width:min(100%,680px);height:100dvh;max-height:100dvh;margin:0 auto;padding:0;overflow:hidden;box-sizing:border-box}.app-main--word-detail[data-v-12df60c7]{width:min(100%,1120px);margin:0 auto;padding:0 0 88px;background:transparent}.app-main--error[data-v-12df60c7]{width:min(100%,640px);margin:0 auto;padding:0;min-height:100dvh;background:transparent}@media(min-width:768px){.app-main[data-v-12df60c7]{width:100%;margin:0;padding:0}.app-main--error[data-v-12df60c7]{width:min(720px,100%);padding:0 32px}}@media(max-width:767px){.app-main--study[data-v-12df60c7]{height:100dvh;padding-bottom:0;overflow:hidden}}:root{color-scheme:light;--sky: #afeeee;--sky-soft: #dff8f5;--leaf: #7bbd5b;--leaf-dark: #6aa84f;--leaf-muted: #dcecc8;--sand: #f2e5c4;--sand-soft: #fff8e8;--wood: #c19a6b;--bark: #855e42;--coral: #ff7f7f;--shell: #fff7e6;--sun: #ffe680;--sand-soft-rgb: 255, 248, 232;--sand-rgb: 242, 229, 196;--paper-soft-rgb: 249, 237, 211;--mist-rgb: 238, 242, 239;--cream-white-rgb: 255, 253, 245;--white-rgb: 255, 255, 255;--background: var(--sky-soft);--foreground: var(--bark);--card: var(--sand-soft);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var(--foreground);--primary: var(--leaf);--primary-foreground: #fffaf0;--secondary: rgba(242, 229, 196, .82);--secondary-foreground: var(--foreground);--muted: rgba(255, 248, 232, .72);--muted-foreground: rgba(133, 94, 66, .74);--accent: rgba(123, 189, 91, .16);--accent-foreground: var(--foreground);--destructive: #e66565;--destructive-foreground: var(--primary-foreground);--border: rgba(133, 94, 66, .16);--input: rgba(133, 94, 66, .18);--ring: rgba(106, 168, 79, .48);--radius: clamp(10px, 4vw, 10px);--sidebar-background: rgba(255, 248, 232, .84);--sidebar-foreground: var(--foreground);--sidebar-primary: var(--primary);--sidebar-primary-foreground: var(--primary-foreground);--sidebar-accent: rgba(123, 189, 91, .14);--sidebar-accent-foreground: var(--foreground);--sidebar-border: rgba(133, 94, 66, .14);--sidebar-ring: rgba(106, 168, 79, .48);--paper: var(--sand-soft);--paper-soft: #f9edd3;--paper-muted: rgba(255, 248, 232, .72);--paper-shadow: 0 18px 0 rgba(133, 94, 66, .08), 0 22px 42px rgba(133, 94, 66, .16);--paper-shadow-soft: 0 4px 0 rgba(133, 94, 66, .08), 0 12px 24px rgba(133, 94, 66, .12);--paper-shadow-raised: 0 6px 0 rgba(133, 94, 66, .1), 0 18px 28px rgba(133, 94, 66, .18);--ink: var(--foreground);--ink-soft: rgba(133, 94, 66, .78);--ink-faint: rgba(133, 94, 66, .58);--accent-ink: var(--leaf-dark);--accent-ink-soft: var(--leaf);--accent-paper: var(--leaf-muted);--success: #6aa84f;--paper-line: rgba(133, 94, 66, .12);--surface-card: linear-gradient(150deg, rgba(255, 248, 232, .98), rgba(242, 229, 196, .94)), repeating-linear-gradient(0deg, rgba(133, 94, 66, .018) 0 1px, transparent 1px 9px);--surface-card-muted: linear-gradient(150deg, rgba(255, 248, 232, .92), rgba(242, 229, 196, .82));--surface-control: rgba(255, 248, 232, .84);--text-on-solid: #fff;--border-soft: rgba(133, 94, 66, .14);--selection-bg: rgba(123, 189, 91, .24);--focus-outline: rgba(106, 168, 79, .45);--modal-overlay: rgba(24, 34, 38, .36);--modal-border: rgba(31, 47, 53, .14);--shadow-modal: 0 24px 60px rgba(31, 47, 53, .22);--reward-foreground: #8b5a0d;--reward-surface: rgba(255, 232, 153, .42);--reward-surface-strong: rgba(255, 232, 153, .58);--reward-border: rgba(179, 123, 24, .24);--shadow-xs: 0 1px 2px rgba(9, 9, 11, .08);--browser-theme-color: #dff8f5;--page-texture-opacity: .3;--page-texture-image: radial-gradient(circle at 1px 1px, rgba(133, 94, 66, .5) 1px, transparent 0);--header-background: rgba(var(--cream-white-rgb), .94);--scrollbar-firefox: rgba(133, 94, 66, .24) transparent;--scrollbar-thumb: rgba(133, 94, 66, .24);--scrollbar-thumb-hover: rgba(133, 94, 66, .4);--progress-track-mobile: var(--accent-paper);--progress-track-desktop: rgba(31, 47, 53, .13);--book-progress-track: rgba(31, 47, 53, .08);--segmented-control-bg: rgba(255, 255, 255, .52);--input-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);--icon-hover-surface: rgba(31, 47, 53, .05);--study-toolbar-background: rgba(var(--cream-white-rgb), .92);--study-toolbar-border: rgba(31, 47, 53, .12);--study-toolbar-accent-text: #486446;--study-toolbar-control-background: rgba(var(--sand-soft-rgb), .42);--study-toolbar-control-hover-background: rgba(123, 189, 91, .12);--study-toolbar-control-hover-border: rgba(106, 168, 79, .34);--skeleton-gradient: linear-gradient( 90deg, rgba(203, 213, 225, .55) 0%, rgba(226, 232, 240, .75) 40%, rgba(203, 213, 225, .55) 60% );--home-card-border: rgba(133, 94, 66, .14);--home-divider: rgba(31, 47, 53, .09);--home-secondary-link: #486446;--home-tabs-border: rgba(133, 94, 66, .16);--home-tabs-background: rgba(var(--sand-soft-rgb), .72);--home-tab-hover-background: rgba(123, 189, 91, .12);--home-tab-active-background: rgba(123, 189, 91, .22);--home-checkin-cell-border: rgba(133, 94, 66, .14);--home-checkin-cell-background: rgba(var(--sand-soft-rgb), .74);--home-checkin-cell-active-border: rgba(106, 168, 79, .32);--home-checkin-cell-active-background: rgba(123, 189, 91, .18);--menu-active-border: rgba(106, 168, 79, .24);--menu-active-background: rgba(123, 189, 91, .16);--menu-active-indicator: rgba(106, 168, 79, .72);--menu-active-foreground: var(--accent-ink);--example-hover-text: #285a46;--tabs-list-border: rgba(133, 94, 66, .14);--tabs-list-background: rgba(var(--sand-soft-rgb), .78);--tabs-active-background: var(--surface-card);--tabs-active-shadow: 0 3px 0 rgba(133, 94, 66, .08);--data-panel-background: rgb(var(--cream-white-rgb));--data-panel-header-background: rgb(var(--cream-white-rgb));--data-table-header-background: rgb(var(--cream-white-rgb));--data-panel-border: rgba(31, 47, 53, .12);--data-divider: rgba(31, 47, 53, .08);--data-divider-strong: rgba(31, 47, 53, .1);--data-row-alt-background: transparent;--data-row-hover-background: rgba(84, 119, 132, .05);--data-row-active-background: rgba(14, 116, 144, .08);--data-label-text: var(--ink-faint);--data-table-footer-background: rgba(231, 216, 187, .42);--data-control-border: rgba(84, 119, 132, .24);--switch-track-background: rgba(31, 47, 53, .18);--switch-thumb-background: #fff;--switch-thumb-shadow: 0 1px 4px rgba(31, 47, 53, .24);--status-chip-success-text: #477761;--status-chip-success-background: rgba(71, 119, 97, .12);--status-chip-warning-text: #b45309;--status-chip-warning-background: rgba(217, 119, 6, .12);--status-chip-danger-background: rgba(185, 28, 28, .1);--kbd-border: rgba(31, 47, 53, .18);--kbd-border-subtle: rgba(31, 47, 53, .16);--kbd-surface: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(239, 235, 222, .98));--kbd-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 3px 7px rgba(31, 47, 53, .06);--kbd-shadow-raised: inset 0 1px 0 rgba(255, 255, 255, .9), 0 4px 8px rgba(31, 47, 53, .08);--study-shortcut-text: rgba(86, 74, 58, .66);--study-dock-border: rgba(133, 94, 66, .18);--study-dock-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 4px 0 rgba(133, 94, 66, .08);--study-tip-border: rgba(133, 94, 66, .16);--study-tip-shadow: 0 3px 0 rgba(133, 94, 66, .08);--study-tip-text: rgba(133, 94, 66, .82);--study-action-prev-kbd-bg: rgba(133, 94, 66, .08);--study-action-prev-kbd-border: rgba(133, 94, 66, .24);--choice-hover-border: rgba(133, 94, 66, .32);--answer-choice-border: rgba(31, 47, 53, .14);--answer-choice-key-border: rgba(31, 47, 53, .18);--answer-correct-border: rgba(71, 119, 97, .4);--answer-correct-bg: rgba(231, 239, 232, .9);--answer-correct-text: var(--success);--answer-wrong-border: rgba(190, 88, 78, .38);--answer-wrong-bg: rgba(252, 235, 232, .92);--answer-wrong-text: var(--danger-dark);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--page-inline: 20px;--page-bottom: 96px;--page-narrow: 440px;--page-max-mobile: 640px;--page-wide-gap: 26px;--radius-control: clamp(10px, 4vw, 10px);--radius-card: clamp(10px, 4vw, 10px);--radius-soft: clamp(10px, 4vw, 10px);--radius-pill: clamp(10px, 4vw, 10px);--text-xs: .72rem;--text-sm: .85rem;--text-base: .95rem;--text-lg: 1.05rem;--text-xl: 1.35rem;--text-2xl: 1.65rem;--text-3xl: 2.05rem;--ease-standard: cubic-bezier(.2, .8, .2, 1);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .28s;--btn-primary-gradient: linear-gradient(180deg, #8bcb67, var(--accent-ink));--btn-primary-border: rgba(106, 168, 79, .7);--btn-primary-shadow: 0 5px 0 rgba(91, 138, 67, .92), 0 14px 24px rgba(133, 94, 66, .14);--btn-on-solid-kbd-bg: rgba(255, 255, 255, .22);--btn-on-solid-kbd-border: rgba(255, 255, 255, .3);--btn-classic-background: linear-gradient(180deg, rgba(var(--white-rgb), .96), var(--surface-control));--btn-classic-foreground: var(--secondary-foreground);--btn-classic-border: var(--border);--btn-classic-shadow: 0 5px 0 rgba(133, 94, 66, .22), 0 14px 24px rgba(133, 94, 66, .08);--btn-accent-background: linear-gradient(180deg, #f2faee, var(--accent-paper));--btn-neutral-shadow: 0 2px 0 rgba(133, 94, 66, .22), 0 7px 14px rgba(133, 94, 66, .08);--btn-danger-background: linear-gradient(180deg, #fffafa, var(--error-bg));--btn-danger-solid-background: linear-gradient(180deg, #f07c7c, var(--destructive));--btn-danger-foreground: var(--error-text);--btn-danger-border: var(--error-border);--btn-danger-soft-shadow: 0 5px 0 rgba(185, 28, 28, .34), 0 14px 24px rgba(159, 47, 39, .1);--btn-danger-solid-shadow: 0 5px 0 rgba(159, 47, 39, .72), 0 14px 24px rgba(159, 47, 39, .16);--btn-gold-shadow: 0 5px 0 rgba(169, 126, 31, .88), 0 14px 24px rgba(133, 94, 66, .14);--btn-coral-shadow: 0 5px 0 rgba(185, 91, 65, .72), 0 14px 24px rgba(185, 91, 65, .12);--btn-warm-shadow: 0 5px 0 rgba(143, 101, 60, .76), 0 14px 24px rgba(133, 94, 66, .12);--btn-shadow-soft: 0 4px 0 rgba(133, 94, 66, .08);--review-action-next: #7fa66a;--review-action-next-bg: linear-gradient(180deg, rgba(240, 248, 235, .94), rgba(221, 232, 210, .46));--review-action-next-kbd-bg: rgba(221, 232, 210, .72);--review-action-forgot: #d5b06b;--review-action-forgot-bg: linear-gradient(180deg, rgba(255, 250, 240, .96), rgba(247, 242, 232, .66));--review-action-forgot-kbd-bg: rgba(247, 242, 232, .86);--review-action-guessed: #e68a6a;--review-action-guessed-bg: linear-gradient(180deg, rgba(255, 245, 240, .96), rgba(247, 242, 232, .66));--review-action-guessed-kbd-bg: rgba(247, 242, 232, .86);--review-action-next-hover-bg: linear-gradient(180deg, #91b77f, var(--review-action-next));--review-action-forgot-hover-bg: linear-gradient(180deg, #e3be77, var(--review-action-forgot));--review-action-guessed-hover-bg: linear-gradient(180deg, #f09e81, var(--review-action-guessed));--review-action-hover-fg: #fffaf0;--review-action-hover-kbd-bg: rgba(255, 255, 255, .22);--review-action-hover-kbd-border: rgba(255, 255, 255, .3);--error-text: #b91c1c;--error-bg: #fef2f2;--error-border: #fecaca;--success-text: #166534;--success-bg: #f0fdf4;--success-border: #bbf7d0;--warning-text: #854d0e;--warning-bg: #fffbeb;--warning-border: #fde68a;--danger-dark: #9f2f27;--link-color: #0e7490;--star-color: #eab308;--vip-gold: #b37b18;font-family:Nunito,Segoe UI,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;--leaf: #8fb97a;--leaf-dark: #7fb36b;--leaf-muted: rgba(143, 185, 122, .18);--bark: #cbbfa9;--sand-soft-rgb: 42, 49, 45;--sand-rgb: 51, 59, 54;--paper-soft-rgb: 50, 58, 53;--mist-rgb: 35, 42, 38;--cream-white-rgb: 51, 59, 54;--white-rgb: 58, 66, 61;--background: #1b201d;--foreground: #e9e3d7;--card: #2a312d;--secondary: rgba(94, 122, 102, .32);--muted: rgba(58, 67, 62, .5);--muted-foreground: #b7ae9f;--accent: rgba(143, 185, 122, .18);--border: #3a433e;--input: rgba(233, 227, 215, .18);--ring: rgba(143, 185, 122, .5);--sidebar-background: rgba(35, 42, 38, .92);--sidebar-primary-foreground: var(--background);--sidebar-accent: rgba(143, 185, 122, .18);--sidebar-border: #3a433e;--paper: var(--card);--paper-soft: #323a35;--paper-muted: rgba(35, 42, 38, .7);--paper-line: rgba(58, 67, 62, .9);--paper-shadow: 0 18px 0 rgba(0, 0, 0, .22), 0 22px 42px rgba(0, 0, 0, .5);--paper-shadow-soft: 0 4px 0 rgba(0, 0, 0, .22), 0 12px 24px rgba(0, 0, 0, .4);--paper-shadow-raised: 0 6px 0 rgba(0, 0, 0, .26), 0 18px 28px rgba(0, 0, 0, .5);--ink-soft: #b7ae9f;--ink-faint: rgba(183, 174, 159, .8);--accent-ink: var(--primary);--accent-ink-soft: #7fb36b;--accent-paper: rgb(59 79 54);--success: #8fb97a;--surface-card: linear-gradient(150deg, rgba(42, 49, 45, .98), rgba(35, 42, 38, .96)), repeating-linear-gradient(0deg, rgba(255, 255, 255, .015) 0 1px, transparent 1px 9px);--surface-card-muted: linear-gradient(150deg, rgba(42, 49, 45, .92), rgba(32, 38, 34, .86));--surface-control: #323a35;--border-soft: #46504a;--modal-overlay: rgba(0, 0, 0, .58);--modal-border: #46504a;--shadow-modal: 0 24px 60px rgba(0, 0, 0, .5);--reward-foreground: #f2d67e;--reward-surface: rgba(230, 191, 87, .14);--reward-surface-strong: rgba(230, 191, 87, .22);--reward-border: rgba(230, 191, 87, .32);--browser-theme-color: #1b201d;--page-texture-opacity: .2;--page-texture-image: radial-gradient(circle at 1px 1px, rgba(233, 227, 215, .26) 1px, transparent 0);--header-background: rgba(27, 32, 29, .9);--scrollbar-firefox: rgba(233, 227, 215, .24) transparent;--scrollbar-thumb: rgba(233, 227, 215, .22);--scrollbar-thumb-hover: rgba(233, 227, 215, .36);--progress-track-mobile: rgba(233, 227, 215, .16);--progress-track-desktop: rgba(233, 227, 215, .16);--book-progress-track: rgba(233, 227, 215, .14);--segmented-control-bg: rgba(255, 255, 255, .06);--input-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);--icon-hover-surface: rgba(233, 227, 215, .08);--study-toolbar-background: #2f3732;--study-toolbar-border: #46504a;--study-toolbar-accent-text: #a9ce94;--study-toolbar-control-background: rgba(233, 227, 215, .025);--study-toolbar-control-hover-background: rgba(143, 185, 122, .14);--study-toolbar-control-hover-border: rgba(143, 185, 122, .4);--skeleton-gradient: linear-gradient( 90deg, rgba(183, 174, 159, .14) 0%, rgba(233, 227, 215, .24) 40%, rgba(183, 174, 159, .14) 60% );--home-card-border: #46504a;--home-divider: rgba(233, 227, 215, .12);--home-secondary-link: var(--accent-ink);--home-tabs-border: #46504a;--home-tabs-background: #252c28;--home-tab-hover-background: rgba(143, 185, 122, .16);--home-tab-active-background: rgba(143, 185, 122, .3);--home-checkin-cell-border: rgba(233, 227, 215, .16);--home-checkin-cell-background: rgba(233, 227, 215, .04);--home-checkin-cell-active-border: rgba(143, 185, 122, .52);--home-checkin-cell-active-background: rgba(143, 185, 122, .28);--example-hover-text: #cbe5d8;--tabs-list-border: var(--border);--tabs-list-background: rgba(35, 42, 38, .9);--tabs-active-background: linear-gradient(180deg, #39423d, #323a35);--tabs-active-shadow: 0 3px 0 rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(233, 227, 215, .08);--data-panel-background: var(--card);--data-panel-header-background: var(--paper-soft);--data-table-header-background: #252c28;--data-panel-border: #46504a;--data-divider: rgba(233, 227, 215, .1);--data-divider-strong: rgba(233, 227, 215, .14);--data-row-alt-background: rgba(233, 227, 215, .025);--data-row-hover-background: rgba(143, 185, 122, .1);--data-row-active-background: rgba(143, 185, 122, .16);--data-label-text: var(--ink-soft);--data-table-footer-background: var(--paper-soft);--data-control-border: var(--input);--switch-track-background: rgba(233, 227, 215, .18);--switch-thumb-background: var(--foreground);--switch-thumb-shadow: 0 1px 4px rgba(0, 0, 0, .38);--status-chip-success-text: var(--success-text);--status-chip-success-background: var(--success-bg);--status-chip-warning-text: var(--warning-text);--status-chip-warning-background: var(--warning-bg);--status-chip-danger-background: var(--error-bg);--kbd-border: rgba(233, 227, 215, .2);--kbd-border-subtle: rgba(233, 227, 215, .2);--kbd-surface: linear-gradient(180deg, rgba(233, 227, 215, .14), rgba(233, 227, 215, .05));--kbd-shadow: inset 0 1px 0 rgba(233, 227, 215, .12), 0 3px 7px rgba(0, 0, 0, .3);--kbd-shadow-raised: inset 0 1px 0 rgba(233, 227, 215, .12), 0 4px 8px rgba(0, 0, 0, .3);--study-shortcut-text: var(--ink-soft);--study-dock-border: var(--border);--study-dock-shadow: inset 0 1px 0 rgba(233, 227, 215, .06), 0 4px 0 rgba(0, 0, 0, .3);--study-tip-border: var(--border);--study-tip-shadow: 0 3px 0 rgba(0, 0, 0, .3);--study-tip-text: var(--ink-soft);--study-action-prev-kbd-bg: rgba(233, 227, 215, .08);--study-action-prev-kbd-border: rgba(233, 227, 215, .2);--choice-hover-border: rgba(143, 185, 122, .5);--answer-choice-border: var(--border);--answer-choice-key-border: rgba(233, 227, 215, .2);--answer-correct-border: var(--success-border);--answer-correct-bg: var(--success-bg);--answer-correct-text: var(--success-text);--answer-wrong-border: var(--error-border);--answer-wrong-bg: var(--error-bg);--answer-wrong-text: var(--error-text);--btn-primary-gradient: linear-gradient(180deg, #8fb97a, #6d975a);--btn-primary-border: rgba(143, 185, 122, .72);--btn-primary-shadow: 0 5px 0 rgba(62, 84, 50, .9), 0 14px 24px rgba(0, 0, 0, .42);--btn-classic-shadow: 0 5px 0 rgba(0, 0, 0, .38), 0 14px 24px rgba(0, 0, 0, .28);--btn-accent-background: linear-gradient(180deg, rgba(94, 122, 102, .72), var(--accent-paper));--btn-neutral-shadow: 0 2px 0 rgba(0, 0, 0, .38), 0 7px 14px rgba(0, 0, 0, .28);--btn-danger-background: linear-gradient(180deg, rgba(174, 68, 68, .5), var(--error-bg));--btn-danger-soft-shadow: 0 5px 0 rgba(92, 24, 24, .6), 0 14px 24px rgba(0, 0, 0, .34);--btn-danger-solid-shadow: 0 5px 0 rgba(92, 24, 24, .82), 0 14px 24px rgba(0, 0, 0, .38);--btn-gold-shadow: 0 5px 0 rgba(112, 78, 18, .88), 0 14px 24px rgba(0, 0, 0, .4);--btn-coral-shadow: 0 5px 0 rgba(100, 52, 39, .86), 0 14px 24px rgba(0, 0, 0, .4);--btn-warm-shadow: 0 5px 0 rgba(91, 58, 31, .86), 0 14px 24px rgba(0, 0, 0, .38);--btn-shadow-soft: 0 4px 0 rgba(0, 0, 0, .28);--review-action-next: #7fb36b;--review-action-next-bg: linear-gradient(180deg, rgba(143, 185, 122, .42), rgba(127, 179, 107, .3));--review-action-next-kbd-bg: rgba(127, 179, 107, .18);--review-action-forgot: #d39b45;--review-action-forgot-bg: linear-gradient(180deg, rgba(211, 155, 69, .24), rgba(211, 155, 69, .12));--review-action-forgot-kbd-bg: rgba(211, 155, 69, .13);--review-action-guessed: #c9856b;--review-action-guessed-bg: linear-gradient(180deg, rgba(201, 133, 107, .24), rgba(201, 133, 107, .12));--review-action-guessed-kbd-bg: rgba(201, 133, 107, .13);--review-action-next-hover-bg: linear-gradient(180deg, #8fbe7c, var(--review-action-next));--review-action-forgot-hover-bg: linear-gradient(180deg, #e0aa58, var(--review-action-forgot));--review-action-guessed-hover-bg: linear-gradient(180deg, #d4947a, var(--review-action-guessed));--review-action-hover-fg: #1b201d;--error-text: #fca5a5;--error-bg: rgba(127, 29, 29, .34);--error-border: rgba(220, 90, 90, .42);--success-text: #c6dcb4;--success-bg: rgba(94, 122, 102, .3);--success-border: rgba(143, 185, 122, .42);--warning-text: #fde68a;--warning-bg: rgba(133, 77, 14, .32);--warning-border: rgba(202, 138, 4, .42);--danger-dark: #f0a3a3;--link-color: #7cc4b0;--star-color: #facc15;--vip-gold: #e6bf57;--sand-soft: #2a312d;--sand: #333b36;--shell: #232a26;--sky-soft: #1e2420}*{box-sizing:border-box}html{min-height:100%}body,#app{min-height:100%;overflow-x:clip}body{margin:0;color:var(--foreground);min-width:320px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:var(--page-texture-opacity);background-image:var(--page-texture-image);background-size:18px 18px,100% 100%}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-firefox)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background:transparent}a,button,input,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button,input,textarea{touch-action:manipulation}::selection{background:var(--selection-bg);color:var(--foreground)}:focus-visible{outline:2px solid var(--focus-outline);outline-offset:3px}.app-data-panel{min-width:0;overflow:hidden;border:1px solid var(--data-panel-border);border-radius:var(--radius-card);background:var(--data-panel-background);box-shadow:var(--paper-shadow-soft)}.app-data-panel__header{border-bottom:1px solid var(--data-divider-strong);background:var(--data-panel-header-background)}.app-data-table-scroll{min-width:0;min-height:0;overflow:auto}.app-data-table{width:100%;border-collapse:collapse;color:var(--ink);font-size:.82rem}.app-data-table th,.app-data-table td{padding:12px;border-bottom:1px solid var(--data-divider);color:var(--ink-soft);text-align:left;vertical-align:middle}.app-data-table th{background:var(--data-table-header-background);color:var(--data-label-text);font-size:.76rem;font-weight:900}.app-data-table tbody tr{transition:background var(--motion-base) var(--ease-standard)}.app-data-table tbody tr:nth-child(2n){background:var(--data-row-alt-background)}.app-data-table tbody tr:hover{background:var(--data-row-hover-background)}.app-data-table tbody tr.app-data-table__row--active{background:var(--data-row-active-background)}.app-data-table tbody tr:last-child td{border-bottom:0}.app-data-table__footer{border-top:1px solid var(--data-divider-strong);background:var(--data-table-footer-background)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;min-width:320px;display:grid;place-items:center;padding:20px;background:var(--modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-panel{overflow:auto;border:1px solid var(--modal-border);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow-modal)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 12px;border-bottom:1px solid var(--border)}.modal-eyebrow{margin:0 0 6px;color:var(--ink-faint);font-size:.76rem;font-weight:800}.modal-head h2{margin:0;color:var(--ink);font-size:1.25rem}.modal-panel .icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-control);background:transparent;color:var(--ink);cursor:pointer}.modal-panel .icon-button svg{width:18px;height:18px}.confirm-btn{box-sizing:border-box;min-height:44px;padding:.55rem 1rem;border:2px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:800;cursor:pointer;box-shadow:var(--btn-neutral-shadow);transition:transform var(--motion-fast) var(--ease-standard),opacity var(--motion-base) var(--ease-standard),background var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.confirm-modal-body{padding:20px 24px 24px}.confirm-modal-message{margin:0 0 20px;color:var(--ink);font-size:var(--text-sm);font-weight:700;line-height:1.5}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-btn--cancel{background:var(--card);color:var(--ink)}.confirm-btn--cancel:hover{background:var(--accent)}.confirm-btn--confirm{background:var(--btn-danger-solid-background);color:var(--text-on-solid);border-color:var(--destructive);box-shadow:var(--btn-danger-solid-shadow)}.confirm-btn--confirm:hover{opacity:.9}.confirm-btn:active:not(:disabled){transform:translateY(3px) scale(.995)}.confirm-btn:disabled{cursor:not-allowed;opacity:.55}.sound-btn{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--card);color:var(--foreground);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard)}.sound-btn:hover:not(:disabled){background:var(--accent)}.sound-btn:disabled{opacity:.55;cursor:not-allowed}.pos-tag{display:inline-block;margin-right:4px;padding:1px 5px;border-radius:4px;background:#7bbd5b29;color:var(--accent-ink);font-size:11px;font-weight:700;letter-spacing:0;vertical-align:1px;white-space:nowrap}.meaning-group{white-space:nowrap}.sound-icon{width:15px;height:15px}.step-card{display:grid;gap:18px}.step-head{display:grid;gap:6px}.step-card .label,.step-card .field-label{margin:0;color:var(--muted-foreground);font-size:13px;font-weight:600}.step-card h3{margin:0;color:var(--foreground);font-size:1.5rem;font-weight:600;line-height:1.25;letter-spacing:0}.step-card .hero-panel{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.step-card .step-heroicon{width:1.25rem;height:1.25rem;color:var(--primary-foreground)}.step-card .icon-circle{flex-shrink:0;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-control);background:var(--primary);box-shadow:var(--shadow-xs);line-height:0}.step-card .description{margin:0;color:var(--muted-foreground);font-size:.875rem;line-height:1.65}.step-card .hero-panel .description{flex:1;min-width:0;padding-top:2px}.message{margin:0;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--muted);color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.message--success,.message--correct{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.message--error,.message--wrong{border-color:var(--error-border);background:var(--error-bg);color:var(--error-text)}.message--skipped{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.message--recording,.message--analyzing,.message--idle{color:var(--muted-foreground)}.modal-backdrop--inset{position:absolute}@media(max-width:560px){.modal-backdrop{align-items:end;padding:12px}.modal-backdrop--centered{align-items:center}.confirm-modal-actions{flex-direction:column;align-items:stretch}.confirm-modal-actions .confirm-btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(min-width:768px){.desktop-page-shell{--desktop-nav-width: 268px;min-height:100dvh;padding-left:var(--desktop-nav-width)!important;box-sizing:border-box;transition:padding-left var(--motion-base) var(--ease-standard)}.desktop-page-shell--nav-collapsed{--desktop-nav-width: 86px}.desktop-page-shell>*{min-height:100dvh}}@media(min-width:768px)and (max-width:1023px){.desktop-page-shell{--desktop-nav-width: 86px !important}}.page-header-band{position:sticky;top:0;z-index:30;min-width:0;background:var(--header-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(min-width:768px){.page-header-band{position:static;padding:clamp(20px,2.2vw,var(--space-7)) clamp(20px,3vw,40px) 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box}.page-header-band>*{width:min(1420px,100%);margin-inline:auto}}