.landing-page{width:min(100%,980px);padding-top:16px}.landing-hero{padding:20px;border:1px solid rgba(203,213,225,.76);border-radius:24px;background:#fffffff0;box-shadow:none}.landing-hero-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.landing-hero-body{margin-top:18px}.landing-hero h1{margin:0;font-size:clamp(2rem,6vw,3.2rem);line-height:1.02;letter-spacing:-.03em}.landing-hero-copy{max-width:680px;margin:16px 0 0;color:#31535a;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700;line-height:1.5}.landing-gallery,.landing-learning-path,.landing-scale,.landing-access-model,.landing-purchase{margin-top:18px;padding:22px;border:1px solid rgba(203,213,225,.76);border-radius:24px;background:#ffffffeb}.landing-section-heading h2{margin:4px 0 0;color:#173f45;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.2}.landing-access-grid{display:grid;gap:12px;margin-top:16px}.landing-access-card{min-width:0;padding:16px;border:1px solid rgba(203,213,225,.76);border-radius:18px;background:#f8fafcd1}.landing-access-card h3{margin:12px 0 0;color:#173f45;font-size:1.08rem;line-height:1.3}.landing-access-card p,.landing-purchase-copy p{margin:8px 0 0;color:#5e6a78;line-height:1.6}.landing-section-intro{max-width:680px;margin:10px 0 0;color:var(--muted);line-height:1.55}.landing-scale-state{margin-top:16px;padding:22px;border:1px dashed rgba(15,118,110,.28);border-radius:18px;background:#f0fdfa80;color:#31535a;line-height:1.6;text-align:center}.landing-gallery-carousel{margin-top:16px}.landing-gallery-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center}.landing-gallery-rail{display:flex;gap:12px;min-width:0;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin}.landing-gallery-rail:focus-visible{outline:2px solid rgba(15,118,110,.65);outline-offset:4px}.landing-gallery-control{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid rgba(15,118,110,.2);border-radius:999px;background:#f0fdfab8;color:#0f766e;font-size:2rem;line-height:1}.landing-gallery-control:hover:not(:disabled),.landing-gallery-control:focus-visible{background:#ccfbf1f0}.landing-gallery-control:disabled{cursor:not-allowed;opacity:.45}.landing-gallery-control:focus-visible,.landing-gallery-dot:focus-visible{outline:2px solid rgba(15,118,110,.65);outline-offset:3px}.landing-gallery-card,.landing-gallery-image-fallback{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(203,213,225,.78);border-radius:20px;background:#f8fafce0}.landing-gallery-card{flex:0 0 min(31%,286px);display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:18px;align-items:center;padding:14px;scroll-snap-align:start}.landing-gallery-card--active{border-color:#0f766e61;box-shadow:0 10px 24px #0f766e14}.landing-gallery-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px;background:#fff}.landing-gallery-card figcaption{display:grid;gap:8px;padding:12px;color:#31535a;line-height:1.5}.landing-gallery-card figcaption span{color:var(--muted);font-size:.9rem}.landing-gallery-image-fallback{display:grid;min-height:180px;place-items:center;padding:24px;color:#92400e;line-height:1.6;text-align:center}.landing-gallery-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.landing-gallery-dot{width:12px;height:12px;padding:0;border:0;border-radius:999px;background:#0f766e38}.landing-gallery-dot--active{width:28px;background:#0f766e}.landing-gallery-note{margin:12px 0 0;color:var(--muted);font-size:.88rem;line-height:1.5;text-align:center}.landing-path-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none}.landing-path-step{display:grid;gap:12px;min-width:0;padding:15px;border:1px solid rgba(203,213,225,.76);border-radius:18px;background:#f8fafcd1}.landing-path-number{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:12px;background:#0f766e1a;color:#0f766e;font-size:.78rem;font-weight:800}.landing-path-step h3{margin:0;color:#173f45;font-size:1rem;line-height:1.35}.landing-path-step p{margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.landing-scale-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 0}.landing-scale-item{min-width:0;padding:16px 12px;border:1px solid rgba(15,118,110,.16);border-radius:18px;background:#f0fdfa9e;text-align:center}.landing-scale-item dt{color:#0f766e;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;line-height:1.2}.landing-scale-item dd{margin:7px 0 0;color:#31535a;font-size:.9rem;line-height:1.4}.landing-access-label{margin:0!important;color:#0f766e!important;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.landing-access-card--public{border-color:#0f766e3d;background:#f0fdfabf}.landing-access-card--protected{border-color:#b4530933;background:#fffbebb8}.landing-primary-action,.landing-secondary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;max-width:100%;margin-top:16px;padding:10px 13px;border-radius:12px;font-weight:800;line-height:1.3;text-decoration:none}.landing-primary-action{background:#0f766e;color:#fff}.landing-secondary-action{border:1px solid rgba(180,83,9,.34);background:#ffffffb8;color:#92400e}.landing-primary-action:hover,.landing-primary-action:focus-visible,.landing-secondary-action:hover,.landing-secondary-action:focus-visible{text-decoration:underline}.landing-primary-action:focus-visible,.landing-secondary-action:focus-visible{outline:2px solid rgba(15,118,110,.65);outline-offset:3px}.landing-purchase-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,304px);gap:22px;align-items:center;margin-top:16px}.landing-price{color:#173f45!important;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:700}.landing-price strong{color:#b45309}.landing-purchase-note{max-width:560px;font-size:.9rem}.landing-qr-panel{display:flex;min-height:220px;align-items:center;justify-content:center;padding:12px;border:1px dashed rgba(15,118,110,.34);border-radius:18px;background:#f0fdfa80}.landing-qr-image{display:block;width:min(100%,220px);height:auto;aspect-ratio:608 / 612;object-fit:contain;border-radius:10px}.landing-qr-fallback{margin:0;color:#92400e;font-weight:700;line-height:1.6;text-align:center}@media(max-width:640px){.landing-page{padding-top:12px}.landing-hero{padding:16px;border-radius:20px}.landing-hero-body{margin-top:14px}.landing-gallery,.landing-learning-path,.landing-scale,.landing-access-model,.landing-purchase{padding:17px 15px;border-radius:20px}.landing-access-grid,.landing-purchase-layout{grid-template-columns:1fr}.landing-purchase-layout{gap:16px}.landing-gallery-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}.landing-gallery-control{width:36px;height:36px;font-size:1.7rem}.landing-gallery-card{flex-basis:min(82%,280px);grid-template-columns:1fr;gap:10px;padding:10px}.landing-gallery-image{width:min(100%,220px);margin:0 auto}.landing-gallery-card figcaption{padding:8px;text-align:center}.landing-path-list,.landing-scale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-path-step:last-child{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.landing-gallery-control,.landing-gallery-dot{transition:none}}.vocabulary-library-page{width:min(100%,980px);padding-top:16px}.library-hero{padding:20px 20px 18px;border:1px solid rgba(203,213,225,.76);border-radius:24px;background:#fffffff0;box-shadow:none}.library-hero-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.library-hero h1{margin:14px 0 0;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.02;letter-spacing:-.03em}.library-section{margin-top:18px;padding:22px;border:1px solid rgba(203,213,225,.76);border-radius:24px;background:#ffffffeb}.library-section-heading h2{margin:4px 0 0;color:#173f45;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.2}.library-hero-stats{margin:10px 0 0;color:#617080;font-size:.95rem;letter-spacing:.01em}.library-translate-toggle{flex-shrink:0}.library-level-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px}.library-level-card{display:flex;flex-direction:column;min-height:158px;padding:16px;border:1px solid rgba(203,213,225,.76);border-radius:22px;background:#fffffff5;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.library-level-card:hover,.library-level-card:focus-visible{transform:translateY(-3px);border-color:#0f766e4d;box-shadow:0 10px 24px #94a3b81f}.library-level-card:focus-visible,.library-translate-toggle:focus-visible{outline:2px solid rgba(15,118,110,.65);outline-offset:3px}.library-card-top{display:flex;justify-content:flex-start}.library-level-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(15,118,110,.14);background:#0f766e12;color:var(--badge-text);font-size:.78rem;font-weight:700;letter-spacing:.08em}.library-card-body{margin-top:14px}.library-card-body h3{margin:0;font-size:1.16rem;line-height:1.25}.library-card-info,.library-card-translation{margin:8px 0 0}.library-card-info{color:#5e6a78;font-size:.95rem}.library-card-translation{color:var(--translation);font-size:.85rem}.library-card-action{display:inline-flex;align-items:center;align-self:flex-end;gap:8px;margin-top:auto;padding-top:18px;color:#406067;font-size:.94rem;font-weight:600}.library-card-action-arrow{font-size:1rem}@media(min-width:720px){.library-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.vocabulary-library-page{padding-top:12px}.library-hero{padding:16px;border-radius:20px}.library-section{padding:17px 15px;border-radius:20px}.library-hero-bar{align-items:center}.library-hero h1{margin-top:12px}.library-level-card{min-height:148px;padding:15px;border-radius:20px}.library-card-action{padding-top:16px}}@media(prefers-reduced-motion:reduce){.library-level-card{transition:none}}:root{color-scheme:light;--panel: rgba(255, 255, 255, .9);--panel-border: rgba(203, 213, 225, .72);--text: #1f2937;--muted: #5b6472;--translation: #b7791f;--accent: #0f766e;--badge-bg: rgba(15, 118, 110, .08);--badge-text: #134e4a;--button-bg: rgba(255, 255, 255, .92);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:radial-gradient(circle at top,rgba(13,148,136,.08),transparent 28%),radial-gradient(circle at 85% 12%,rgba(245,158,11,.08),transparent 24%),linear-gradient(180deg,#fffdf8,#f8fafc 48%,#f3f4f6);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}button:hover{cursor:pointer}small{display:block;margin-top:4px;font-size:.8rem;line-height:1.4}.page-shell{width:min(100%,900px);margin:0 auto;padding:20px 16px 40px}.page-shell--deck{width:min(100%,760px)}.page-shell--practice{min-height:100dvh;padding:6px 8px 12px;display:flex;flex-direction:column}.page-shell.vocabulary-practice-page{width:min(100%,840px)}.page-shell--practice>.deck-shell--practice{flex:1 1 auto;min-height:100%}.app-header,.topic-card,.level-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app-header{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;box-shadow:0 20px 60px #94a3b82e;padding:24px 18px}.app-header-top,.topic-card-top,.topic-card-footer,.top-actions,.deck-compact-bar,.deck-controls{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.translate-toggle,.ghost-button,.nav-button,.deck-back-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:16px;border:1px solid rgba(203,213,225,.8);background:var(--button-bg);color:var(--text)}.deck-back-button{min-width:48px}.deck-back-button--minimal{min-width:40px;min-height:40px;padding:0;border-radius:999px;background:#ffffffad;border-color:#cbd5e1b8;box-shadow:0 6px 18px #94a3b81a}.deck-back-button--minimal span{font-size:1.1rem;line-height:1}.translate-toggle small,.ghost-button small,.nav-button small,.topic-count small,.hero-badges small,.deck-progress small{color:var(--translation)}.app-header h1{margin:14px 0 0;font-size:clamp(1.9rem,6vw,3rem);line-height:1.05}.header-copy{margin:12px 0 0;font-size:1rem;line-height:1.55;color:var(--muted)}.header-translation,.inline-translation{margin:6px 0 0;color:var(--translation);line-height:1.55}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.hero-badges--tight{margin-top:14px}.hero-badges span,.topic-count,.deck-progress{display:inline-flex;flex-direction:column;align-items:flex-start;padding:8px 12px;border-radius:16px;background:var(--badge-bg);color:var(--badge-text);font-size:.86rem}.topic-grid{display:grid;gap:14px;margin-top:18px}.topic-card,.level-card{display:block;padding:18px;background:linear-gradient(180deg,#fffffffa,#f9fafbfa);border:1px solid rgba(203,213,225,.8);border-radius:22px;transition:transform .2s ease,border-color .2s ease}.topic-card:hover,.level-card:hover{transform:translateY(-2px);border-color:#0f766e66}.topic-emoji{font-size:1.8rem}.topic-preview-frame{margin-top:14px;width:fit-content;max-width:100%;padding:8px;margin-left:auto;margin-right:auto;border-radius:18px;background:#f8fafcf5;border:1px solid rgba(203,213,225,.78)}.topic-preview-image{width:clamp(150px,42vw,220px);max-width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;border-radius:12px;background:#fff;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.topic-card h2,.level-card h2{margin:0;font-size:1.16rem;line-height:1.2}.topic-card p,.level-card p{margin:8px 0 0;color:var(--muted);line-height:1.55}.topic-card-heading{margin-top:12px;display:grid;gap:4px}.topic-card-heading .inline-translation{margin-top:0}.topic-card-footer{margin-top:14px;font-size:.92rem;color:#6b7280}.image-audio-panel{display:grid;gap:6px;min-height:0;padding:8px 10px;border-radius:16px;border:1px solid rgba(203,213,225,.78);background:#ffffffeb;box-shadow:0 10px 18px #94a3b80f}.image-audio-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.image-audio-list--compact{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;max-height:min(20dvh,168px);overflow:auto;padding-right:2px}.image-audio-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-height:38px;padding:7px 9px;border:1px solid rgba(15,118,110,.16);border-radius:999px;background:#f8fcfbbd;color:var(--badge-text);font-weight:700;text-align:left;font-size:.9rem}.image-audio-button--compact{min-height:38px;padding:7px 9px;border-radius:12px}.image-audio-button:hover{border-color:#0f766e52;background:#ecfdfad1}.image-audio-button:focus-visible{outline:2px solid rgba(15,118,110,.45);outline-offset:2px}.image-audio-button--active{border-color:#0f766e73;background:#ccfbf1f0}.image-audio-button-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;border-radius:999px;background:#0f766e1f;font-size:.68rem}.image-audio-status{margin:0;color:var(--muted);font-size:.82rem;line-height:1.35}.image-audio-status--error{color:#b91c1c}@media(min-width:720px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.page-shell--practice{padding-left:4px;padding-right:4px}.image-audio-panel{gap:6px}.image-audio-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.image-audio-button{min-height:36px;padding:6px 8px;font-size:.86rem}.image-audio-list--compact{max-height:min(18dvh,154px)}}.app-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;box-shadow:0 20px 60px #94a3b82e}.section-kicker{margin:0;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.access-public{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--panel-border);border-radius:18px;padding:14px 16px;color:var(--muted)}.access-public p{margin:0}.admin-page-shell{min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:32px 16px}.admin-card{width:min(100%,960px);display:grid;gap:20px;padding:24px}.admin-card:not(.admin-dashboard){width:min(100%,520px);margin-top:8vh}.admin-card h1,.admin-card h2{margin:0;color:var(--badge-text)}.admin-form,.admin-generate-form{display:grid;gap:10px}.admin-form label,.admin-generate-form label{color:var(--badge-text);font-weight:800}.admin-form input,.admin-generate-form input{min-height:48px;border:1px solid var(--panel-border);border-radius:12px;padding:0 12px;font:inherit}.admin-lead,.admin-hint{margin:0;color:var(--muted);line-height:1.6}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.admin-generate-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.admin-generate-form>div{display:grid;gap:8px}.admin-generate-form>button{min-height:48px}.admin-search-form{display:grid;gap:8px;margin:18px 0}.admin-search-form label{color:var(--badge-text);font-size:.9rem;font-weight:800}.admin-search-form>div{display:flex;gap:8px}.admin-search-form input{flex:1;min-height:44px;border:1px solid var(--panel-border);border-radius:12px;padding:0 12px;font:inherit}.admin-search-form button{min-height:44px}.code-reveal{display:grid;gap:12px;border:2px solid var(--accent);border-radius:16px;padding:16px;background:var(--badge-bg)}.code-reveal-value{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font:800 1.15rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:var(--badge-text)}.copy-status{min-height:1.4em;margin:0;color:var(--badge-text);font-weight:800}.inventory-section{display:grid;gap:12px}.inventory-section .section-heading{display:flex;justify-content:space-between;align-items:center}.code-list{display:grid;gap:10px}.code-row{display:grid;gap:10px;border:1px solid var(--panel-border);border-radius:14px;padding:14px;background:#ffffffe6}.code-row-main,.code-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.code-row-main strong{color:var(--badge-text)}.code-id,.code-hint,.code-row-meta{color:var(--muted);font-size:.9rem}.nav-button.danger{border-color:#b33d3d;color:#9b2929}.access-page-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px 32px}.access-card{width:min(100%,780px);display:grid;gap:20px;padding:22px 18px}.access-hero,.access-form,.access-status{display:grid;gap:12px}.access-card h1{margin:0;color:var(--badge-text)}.access-lead,.access-note{margin:0;color:var(--muted);line-height:1.7}.access-form,.access-status{border:1px solid var(--panel-border);border-radius:18px;background:#ffffffeb;padding:16px}.access-status-title,.access-label{margin:0;color:var(--badge-text);font-weight:800}.access-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.access-input{width:100%;min-height:52px;padding:0 14px;border-radius:14px;border:1px solid var(--panel-border);background:#fff;color:var(--text);font:inherit;font-weight:700}.access-error{margin:0;color:#a42d2d;font-weight:700}@media(max-width:640px){.admin-generate-form{grid-template-columns:1fr}.admin-header{align-items:stretch;flex-direction:column}.admin-header .nav-button{width:100%}.admin-card{padding:18px 14px}}