:root{color:#1d2433;background:#f5f7fb;--motion-smooth: cubic-bezier(.22, 1, .36, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-layout{min-height:100vh}.app-header{position:sticky;z-index:10;top:0;border-bottom:1px solid #dce3ef;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.top-nav{display:flex;width:100%;height:64px;align-items:center;gap:24px;padding:0 24px}.nav-items{display:flex;flex:1 1 auto;gap:8px;justify-content:flex-end;overflow-x:auto;scrollbar-width:none}.nav-items::-webkit-scrollbar{display:none}.brand-link{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;color:#111827;font-size:1.25rem;font-weight:700;letter-spacing:0}.brand-logo{width:34px;height:34px;flex:0 0 auto}.nav-link{display:inline-flex;position:relative;min-height:36px;align-items:center;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#526071;cursor:pointer;font-size:.95rem;font-weight:650;white-space:nowrap}.nav-link:after{position:absolute;right:12px;bottom:3px;left:12px;height:2px;border-radius:999px;background:#0f766e;content:"";opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.nav-link:hover:after,.nav-link:focus-visible:after{opacity:1;transform:translateY(0)}.nav-link-active{color:#111827}.nav-actions{display:flex;flex:0 0 auto;gap:4px;margin-left:16px}.nav-icon-button{display:inline-grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:transparent;color:#526071;cursor:pointer}.nav-icon-button-active{background:#e8f5f2;color:#0f766e}.app-main{width:min(100%,1120px);margin:0 auto;padding:40px 24px 64px}.app-main-with-screen-sidebar{--content-left: max(268px, calc((100vw - 1120px)/2) );width:min(1120px,calc(100vw - var(--content-left) - 24px));margin-right:24px;margin-left:var(--content-left);transition:width .52s var(--motion-smooth),margin-left .52s var(--motion-smooth)}.empty-section,.vocabulary-page{display:grid;gap:24px}.section-layout{--section-sidebar-width: 220px;display:block}.section-layout-collapsed{--section-sidebar-width: 64px}.section-sidebar{position:fixed;z-index:8;top:64px;bottom:0;left:24px;display:flex;flex-direction:column;width:var(--section-sidebar-width);gap:12px;min-width:0;padding:24px 20px 24px 0;border-right:1px solid #dce3ef;overflow-y:auto;scrollbar-width:none;transition:width .52s var(--motion-smooth)}.section-sidebar::-webkit-scrollbar{display:none}.section-sidebar-toggle,.section-subnav-item{display:inline-flex;position:relative;width:100%;height:40px;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#526071;cursor:pointer;font-weight:650;letter-spacing:0;white-space:nowrap}.section-sidebar-toggle{justify-content:flex-start;margin-top:auto}.section-sidebar-toggle svg,.section-subnav-item svg,.section-subnav-label{flex:0 0 auto;position:relative;z-index:1}.section-subnav{display:grid;gap:6px}.section-subnav-item-active{background:#e8f5f2;color:#0f766e}.section-sidebar-toggle-label,.section-subnav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:max-width .46s var(--motion-smooth),opacity .32s ease .12s;max-width:140px}.section-layout-collapsed .section-sidebar-toggle,.section-layout-collapsed .section-subnav-item{justify-content:flex-start;padding:0 12px}.section-layout-collapsed .section-subnav-item-active{background:transparent}.section-layout-collapsed .section-subnav-item-active:before{position:absolute;top:0;left:2px;width:40px;height:40px;border-radius:8px;background:#e8f5f2;content:""}.section-layout-collapsed .section-sidebar-toggle-label,.section-layout-collapsed .section-subnav-label{max-width:0;opacity:0;transition:max-width .42s var(--motion-smooth),opacity .18s ease}.section-content{min-width:0}.page-heading{display:grid;gap:8px}.page-heading h1{margin:0;color:#111827;font-size:2.5rem;line-height:1.05}.surface-message{margin:0;padding:20px;border:1px solid #dce3ef;border-radius:8px;background:#fff;color:#4b5565}.surface-message-error{border-color:#fecaca;color:#991b1b}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.vocabulary-card{display:grid;position:relative;min-height:232px;grid-template-rows:auto 1fr;gap:18px;padding:20px;border:1px solid #dce3ef;border-radius:8px;background:#fff}.vocabulary-entry-card{color:inherit;cursor:pointer;outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.vocabulary-entry-card:hover,.vocabulary-entry-card:focus-visible{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.vocabulary-entry-card:hover{transform:translateY(-2px)}.vocabulary-entry-card .vocabulary-play-button{position:relative;z-index:1}.vocabulary-level{position:absolute;top:16px;right:16px;display:inline-flex;min-width:40px;min-height:32px;align-items:center;justify-content:center;border-radius:8px;font-size:.82rem;font-weight:800}.vocabulary-level-n1{background:#fbe3f0;color:#c90072}.vocabulary-level-n2{background:#fff1dc;color:#f28d01}.vocabulary-level-n3{background:#eef8d6;color:#5f8f00}.vocabulary-level-n4{background:#e1f7f6;color:#01a69f}.vocabulary-level-n5{background:#e6f1fa;color:#0e6eb8}.vocabulary-word{display:grid;gap:10px;min-width:0}.vocabulary-script{container-type:inline-size;height:72px;overflow:hidden;padding-right:52px}.vocabulary-kana,.vocabulary-kanji,.vocabulary-translation{margin:0}.vocabulary-kana{color:#111827;font-size:min(2rem,calc((100cqw / var(--kana-length)) * .98));font-weight:750;line-height:1.1;overflow:hidden;white-space:nowrap}.vocabulary-kanji{margin-top:6px;color:#526071;font-size:min(1.1rem,calc((100cqw / var(--kanji-length)) * .98));line-height:1.2;overflow:hidden;white-space:nowrap}.vocabulary-meta{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.vocabulary-romaji{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:#eef2f7;color:#526071;font-size:.82rem;font-weight:650}.vocabulary-romaji{max-width:100%;gap:8px;padding-left:4px}.vocabulary-romaji-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocabulary-play-button{display:inline-grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:#fff;color:#0f766e;cursor:pointer}.vocabulary-play-button:disabled{cursor:default;opacity:.65}.vocabulary-card-set{min-height:260px;grid-template-rows:auto 1fr;gap:0;padding:0;overflow:hidden;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.vocabulary-card-set:hover,.vocabulary-card-set:focus-visible{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.vocabulary-card-set-button{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left}.vocabulary-card-set-head{min-height:88px;padding:16px 20px 14px}.vocabulary-card-set-type{position:absolute;top:16px;right:16px;display:inline-flex;min-height:32px;align-items:center;justify-content:center;padding:0 10px;border-radius:8px;background:#eef2f7;color:#526071;font-size:.82rem;font-weight:800}.vocabulary-card-set-header{display:grid;height:58px;align-content:start;min-width:0;overflow:hidden;padding-right:52px}.vocabulary-card-set-title,.vocabulary-card-set-count{margin:0}.vocabulary-card-set-title{display:-webkit-box;overflow:hidden;color:#111827;font-size:1.45rem;font-weight:750;line-height:1.15;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.vocabulary-card-set-count{margin-top:4px;color:#526071;font-size:1rem;line-height:1.2}.vocabulary-card-set-body{display:grid;min-height:140px;border-top:1px solid #dce3ef;background:#f8fafc}.vocabulary-card-set-image{display:block;width:100%;height:100%;min-height:140px;object-fit:cover}.vocabulary-card-set-image-placeholder{display:grid;min-height:140px;place-items:center;padding:16px;color:#526071;font-size:.95rem;font-weight:700;text-align:center}.vocabulary-custom-category-flip-card{min-height:260px;perspective:1000px}.vocabulary-custom-category-flip-inner{position:relative;min-height:260px;transform-style:preserve-3d;transition:transform .62s var(--motion-smooth)}.vocabulary-custom-category-flip-card-active .vocabulary-custom-category-flip-inner{transform:rotateY(180deg)}.vocabulary-custom-category-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.vocabulary-custom-category-flip-back{transform:rotateY(180deg)}.vocabulary-custom-category-plus-card{grid-template-rows:auto 1fr;align-items:stretch;text-align:left;border-style:dashed;background:#fff;color:#0f766e;cursor:pointer}.vocabulary-custom-category-plus-card .vocabulary-card-set-header{padding-right:0}.vocabulary-custom-category-plus-card:hover,.vocabulary-custom-category-plus-card:focus-visible{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.vocabulary-custom-category-plus-icon{width:72px;height:72px}.vocabulary-custom-category-plus-body{place-items:center}.vocabulary-custom-category-create-card{border-style:dashed}.vocabulary-custom-category-create-body{align-content:start;gap:10px;padding:16px}.vocabulary-custom-category-input{width:100%;min-height:40px;padding:0 12px;border:1px solid #dce3ef;border-radius:8px;background:#fff;color:#1d2433;outline:none}.vocabulary-custom-category-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.vocabulary-custom-category-submit{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:#0f766e;color:#fff;cursor:pointer;font-weight:750}.vocabulary-custom-category-submit:disabled,.vocabulary-custom-category-input:disabled{cursor:default;opacity:.62}.vocabulary-custom-category-error{margin:0;color:#991b1b;font-size:.82rem;font-weight:650}.vocabulary-review-heading{display:grid;gap:16px}.vocabulary-review-back-button{display:inline-flex;width:fit-content;min-height:28px;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#526071;cursor:pointer;font-weight:750}.vocabulary-review-back-button:hover,.vocabulary-review-back-button:focus-visible{color:#0f766e}.vocabulary-review-back-button:focus-visible{outline:2px solid rgba(15,118,110,.32);outline-offset:4px}.vocabulary-detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.85fr);gap:16px;align-items:stretch}.vocabulary-detail-main{display:grid;position:relative;min-height:320px;align-content:center;gap:18px;padding:28px;border:1px solid #dce3ef;border-radius:8px;background:#fff;overflow:hidden}.vocabulary-detail-level{top:20px;right:20px}.vocabulary-detail-script{height:auto;min-height:132px;padding-right:64px}.vocabulary-detail-script .vocabulary-kana{font-size:min(4.2rem,calc(((100cqw - 8px) / var(--kana-length)) * .9))}.vocabulary-detail-script .vocabulary-kanji{font-size:min(2.45rem,calc(((100cqw - 8px) / var(--kanji-length)) * .9))}.vocabulary-detail-pronunciation{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.vocabulary-detail-romaji,.vocabulary-detail-part-of-speech{min-height:32px;font-size:.9rem}.vocabulary-detail-part-of-speech{display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:#eef2f7;color:#526071;font-weight:650}.vocabulary-detail-translation{max-width:720px;margin:0;color:#111827;font-size:1.7rem;font-weight:750;line-height:1.15;overflow-wrap:anywhere}.vocabulary-detail-side{display:grid;align-content:stretch;border:1px solid #dce3ef;border-radius:8px;background:#fff;overflow:hidden}.vocabulary-detail-image{display:block;width:100%;min-height:176px;max-height:220px;object-fit:cover;border-bottom:1px solid #dce3ef;background:#f8fafc}.vocabulary-detail-list{display:grid;gap:0;margin:0;padding:4px 18px}.vocabulary-detail-list-row{display:grid;grid-template-columns:minmax(86px,.8fr) minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid #eef2f7}.vocabulary-detail-list-row:last-child{border-bottom:0}.vocabulary-detail-list dt,.vocabulary-detail-list dd{margin:0}.vocabulary-detail-list dt{color:#526071;font-size:.9rem;font-weight:650}.vocabulary-detail-list dd{min-width:0;color:#111827;font-weight:750;overflow-wrap:anywhere}.vocabulary-detail-kanji-section{align-content:start}.vocabulary-detail-kanji-list{display:grid;gap:10px}.vocabulary-detail-kanji-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:12px;border:1px solid #eef2f7;border-radius:8px;background:#f8fafc}.vocabulary-detail-kanji-value{align-self:stretch;display:grid;width:64px;min-height:64px;place-items:center;margin:0;border-radius:8px;background:transparent;color:#111827;font-size:3rem;font-weight:800;line-height:1}.vocabulary-detail-kanji-readings{display:grid;gap:8px;margin:0;min-width:0}.vocabulary-detail-kanji-reading{display:flex;align-items:baseline;gap:6px;min-width:0}.vocabulary-detail-kanji-reading dt{flex:0 0 auto;color:#526071;font-size:.78rem;font-weight:650}.vocabulary-detail-kanji-reading dd{min-width:0;margin:0;color:#111827;font-weight:750;overflow-wrap:anywhere}.vocabulary-detail-empty{margin:0;color:#526071;font-weight:650}.vocabulary-detail-section{display:grid;border:1px solid #dce3ef;border-radius:8px;background:#fff;overflow:hidden}.vocabulary-detail-section-title{padding:16px 20px;border-bottom:1px solid #eef2f7;background:#f8fafc}.vocabulary-detail-section-body{padding:20px}.vocabulary-detail-section h2{margin:0;color:#111827;font-size:1.1rem;line-height:1.2}.vocabulary-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.vocabulary-detail-tag{display:inline-flex;min-height:32px;align-items:center;padding:0 12px;border-radius:999px;background:#e8f5f2;color:#0f766e;font-size:.9rem;font-weight:750}.vocabulary-detail-translations{list-style:none;counter-reset:vocabulary-translation;display:grid;gap:8px;margin:0;padding:0}.vocabulary-detail-translation-item{counter-increment:vocabulary-translation;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;margin:0;color:#111827;font-size:1rem;font-weight:750;line-height:1.25;overflow-wrap:anywhere}.vocabulary-detail-translation-item:before{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#e8f5f2;color:#0f766e;content:counter(vocabulary-translation);font-size:.82rem;font-weight:850}.vocabulary-detail-examples{display:grid;gap:10px}.vocabulary-review-subtitle{margin:0;color:#526071;font-size:1rem;font-weight:650}.vocabulary-review-mode-page-heading{justify-items:start;text-align:left}.vocabulary-review-mode-selector{display:grid;justify-items:center;gap:16px}.vocabulary-review-mode-action{display:inline-flex;min-height:44px;align-items:center;gap:8px;margin:0;padding:6px 8px 6px 14px;border:1px solid #dce3ef;border-radius:999px;background:#fff;color:#526071;font-size:.95rem;font-weight:750;line-height:1.2;white-space:nowrap}.vocabulary-review-mode-action-target{display:inline-flex;width:108px;min-height:32px;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;background:#e8f5f2;color:#0f766e;box-sizing:border-box;font-size:1rem;font-weight:850}.vocabulary-review-mode-preview-card{display:grid;position:relative;width:min(100%,520px);height:420px;border-radius:8px;cursor:pointer;isolation:isolate;outline:none;perspective:1200px}.vocabulary-review-mode-preview-card .vocabulary-review-card-side{min-height:100%}.vocabulary-review-mode-preview-inner{position:relative;width:100%;height:100%}.vocabulary-review-mode-preview-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;overflow:hidden;border:1px solid #dce3ef;border-radius:8px;background:#fff;background-clip:padding-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:border-color .16s ease,box-shadow .16s ease,transform .68s var(--motion-smooth);will-change:transform}.vocabulary-review-mode-preview-card-active .vocabulary-review-mode-preview-face:first-child{transform:rotateY(180deg)}.vocabulary-review-mode-preview-card:hover .vocabulary-review-mode-preview-face,.vocabulary-review-mode-preview-card:focus-visible .vocabulary-review-mode-preview-face{border-color:#0f766e;box-shadow:inset 0 0 0 3px #0f766e1f}.vocabulary-review-mode-preview-back{transform:rotateY(-180deg)}.vocabulary-review-mode-preview-card-active .vocabulary-review-mode-preview-back{transform:rotateY(0)}.vocabulary-review-start-button{display:inline-flex;position:relative;min-height:40px;align-items:center;justify-content:center;z-index:0;margin-top:10px;padding:0 20px;border:0;border-radius:8px;background:#0f766e;color:#fff;cursor:pointer;font-weight:750}.vocabulary-review-stage{display:grid;justify-items:center;gap:16px}.vocabulary-review-progress{display:inline-flex;min-width:108px;min-height:44px;align-items:center;justify-content:center;margin:0;padding:0 18px;border:1px solid #dce3ef;border-radius:999px;background:#fff;color:#526071;box-sizing:border-box;font-size:1rem;font-weight:650;line-height:1.2;white-space:nowrap}.vocabulary-review-flip-card{width:min(100%,520px);min-height:420px;outline:none;perspective:1200px}.vocabulary-review-flip-inner{position:relative;min-height:420px}.vocabulary-review-flip-card-no-transition .vocabulary-review-flip-face{transition:none}.vocabulary-review-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;height:420px;overflow:hidden;border:1px solid #dce3ef;border-radius:8px;background:#fff;background-clip:padding-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:border-color .16s ease,box-shadow .16s ease,transform .68s var(--motion-smooth);will-change:transform}.vocabulary-review-flip-card-active .vocabulary-review-flip-face:first-child{transform:rotateY(180deg)}.vocabulary-review-flip-card:hover .vocabulary-review-flip-face,.vocabulary-review-flip-card:focus-visible .vocabulary-review-flip-face{border-color:#0f766e;box-shadow:inset 0 0 0 3px #0f766e1f}.vocabulary-review-flip-back{transform:rotateY(-180deg)}.vocabulary-review-flip-card-active .vocabulary-review-flip-back{transform:rotateY(0)}.vocabulary-review-card-side{display:grid;min-width:0}.vocabulary-review-translation-side{grid-template-rows:142px minmax(0,1fr);min-height:100%}.vocabulary-review-translation-head{display:grid;align-content:start;gap:16px;padding:14px 24px;overflow:hidden}.vocabulary-review-translation{margin:0;color:#111827;font-size:2rem;font-weight:700;line-height:1.15}.vocabulary-review-translation-body{position:relative;min-height:0;border-top:1px solid #dce3ef;background:#f8fafc;overflow:hidden}.vocabulary-review-image{display:block;position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%,-50%)}.vocabulary-review-image-placeholder{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;place-items:center;padding:20px;color:#526071;font-weight:750;text-align:center}.vocabulary-review-vocabulary-side{align-content:center;justify-items:center;min-height:100%;padding:24px}.vocabulary-review-vocabulary-word{width:100%;justify-items:center;gap:14px}.vocabulary-review-vocabulary-script{width:100%;height:122px;padding-right:0;text-align:center}.vocabulary-review-vocabulary-script .vocabulary-kana{font-size:min(3.35rem,calc((100cqw / var(--kana-length)) * 1.12))}.vocabulary-review-vocabulary-script .vocabulary-kanji{font-size:min(2rem,calc((100cqw / var(--kanji-length)) * 1.06))}.vocabulary-review-vocabulary-word .vocabulary-meta{justify-content:center}.vocabulary-review-romaji{width:fit-content;max-width:100%}.vocabulary-review-usage-examples{display:grid;gap:8px}.vocabulary-review-usage-example{max-width:100%;margin:0;border-radius:8px;color:#526071;font-size:1rem;line-height:1.2}.vocabulary-review-japanese-usage-example{margin-top:10px;text-align:center}.vocabulary-review-usage-example mark{padding:2px 5px;border-radius:6px;background:#e8f5f2;color:#0f766e;font-weight:850}.vocabulary-review-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.vocabulary-review-control-button{min-height:40px;padding:0 14px;border:1px solid #dce3ef;border-radius:8px;background:#fff;color:#526071;cursor:pointer;font-weight:750}.vocabulary-review-control-button-primary{border-color:#0f766e;background:#0f766e;color:#fff}.vocabulary-review-control-button:disabled{cursor:default;opacity:.52}.vocabulary-translation{align-self:end;color:#1d2433;font-size:1.05rem;font-weight:700}.vocabulary-load-trigger{width:100%;height:1px}.vocabulary-load-message{text-align:center}@media(max-width:820px){.vocabulary-detail-layout{grid-template-columns:1fr}.vocabulary-detail-main{min-height:auto}.vocabulary-detail-script{min-height:104px}}@media(max-width:640px){.top-nav{height:56px;gap:12px;padding:0 16px}.brand-link{font-size:.98rem}.app-main{padding:28px 16px 48px}.app-main-with-screen-sidebar{--content-left: 88px;width:calc(100vw - var(--content-left) - 16px);margin-right:16px;margin-left:var(--content-left)}.section-layout{--section-sidebar-width: 56px}.section-sidebar{top:56px;left:16px;padding:16px 12px 16px 0}.section-sidebar-toggle,.section-subnav-item{justify-content:center;padding:0}.section-sidebar-toggle-label,.section-subnav-label{display:none}.page-heading h1{font-size:2rem}}