*{box-sizing:border-box}html,body{background:#f5f7fb;max-width:100%;min-height:100%;margin:0;overflow-x:clip}#root{min-height:100%}:root{--jp-font:"Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Meiryo", sans-serif;--jp-scale:1}[lang=ja]{font-family:var(--jp-font)}.app-shell{background:#f5f7fb;min-height:100dvh}.app-header{z-index:20;background:#fff;align-items:center;gap:24px;height:64px;padding-inline:24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.app-brand{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0!important}.app-brand-subtitle{margin-left:8px;font-size:13px}.desktop-nav{border-bottom:none;flex:1;min-width:0}.study-card-actions{justify-content:flex-end;margin-top:16px;display:flex}.example-sentences{text-align:left;background:#f8f9fc;border-block:1px solid #e9edf5;margin:18px 0;padding:14px 16px}.example-sentences-heading{color:#465066;align-items:center;gap:7px;margin-bottom:10px;display:flex}.example-sentences-heading .ant-typography-secondary{margin-left:auto;font-size:12px}.example-sentences-list{gap:12px;display:grid}.example-sentence+.example-sentence{border-top:1px solid #e5e8ef;padding-top:12px}.example-sentence-source{color:#747c8d;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:12px;overflow:hidden}.example-sentence-japanese{color:#20242d;font-size:17px;line-height:1.7}.example-sentence-translation{color:#6d7482;margin-top:2px;font-size:13px;line-height:1.55}.example-sentence-highlight{color:inherit;background:#fff0a8;border-radius:3px;padding:0 2px}.example-sentences-toggle{margin-top:8px;padding-inline:0}.app-content{width:100%;margin:24px auto;padding:0 16px}.mobile-tabbar{display:none}.mobile-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-more-item{color:#30333a;min-height:58px;font:inherit;background:#fff;border:1px solid #e3e7ef;border-radius:8px;align-items:center;gap:12px;padding:0 16px;display:flex}.mobile-more-item .anticon{color:#667085;font-size:20px}.mobile-more-item.selected{color:#315fd6;background:#f1f4ff;border-color:#aebdf6}ruby rt{-webkit-user-select:none;user-select:none}.ruby-word ruby{ruby-align:center}.reader-token-popover .ant-popover-container{overscroll-behavior:contain;max-height:min(520px,70vh);overflow-y:auto}.reader-token-dictionary{text-underline-offset:4px;-webkit-text-decoration:underline dotted #aeb5c2;text-decoration:underline dotted #aeb5c2;text-decoration-thickness:1px}.reader-token-dictionary:hover{background:#f0f2f5!important}.stats-chart,.stats-calendar{width:100%;min-width:0}.stats-chart svg,.stats-calendar svg{display:block;overflow:visible}.stats-calendar>div{margin-top:10px}.kana-chart .ant-card-head{padding-inline:10px}.kana-chart .ant-card-head-title{padding-block:10px}.kana-chart .ant-card-extra{padding-block:7px}.kana-chart .ant-segmented{font-size:11px}.kana-chart .ant-segmented-item-label{min-height:24px;padding-inline:6px;line-height:24px}.kana-chart-script{margin:0 0 5px 2px}.kana-chart-grid{border-collapse:separate;border-spacing:1px;width:100%}.kana-chart-grid td{text-align:center;border:1px solid #0000;border-radius:4px;height:35px;padding:2px 1px;position:relative}.kana-chart-kana{font-size:16px;line-height:1.05}.kana-chart-romaji{color:#9ba1ad;font-size:9px;line-height:1.1}.kana-chart-variant{color:#315fd6;background:#fff;border:1px solid #9eb1f8;border-radius:9px;min-width:17px;height:17px;padding:0 3px;font-size:10px;font-weight:600;line-height:15px;position:absolute;top:-4px;right:-3px}.kana-chart-current{border-top:1px solid #e8ebf1;margin-top:8px;padding-top:8px}.kana-chart-current>.ant-typography{font-size:11px}.kana-chart-units{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.kana-chart-unit{text-align:center;background:#fff;border:1px solid #dfe4ee;border-radius:5px;min-width:36px;padding:3px 5px}.kana-chart-unit>span{font-size:14px;line-height:1.1;display:block}.kana-chart-unit>small{color:#9299a7;margin-top:2px;font-size:9px;display:block}.kana-chart-special{margin-top:8px}.kana-chart-special>.ant-typography{margin-bottom:5px;font-size:11px;display:block}.kana-chart-rule{color:#315fd6;background:#f2f5ff;border:1px solid #9eb1f8;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-width:56px;min-height:38px;padding:4px 8px;display:inline-flex}.kana-chart-rule>strong{font-size:14px;line-height:1.1}.kana-chart-rule>small{color:#6d7aa8;margin-top:2px;font-size:9px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:.18s ease-in-out shake}@media (width<=899px){.app-header{height:calc(54px + env(safe-area-inset-top));min-height:54px;padding:env(safe-area-inset-top) 16px 0;justify-content:center}.app-brand{line-height:1;font-size:20px!important}.app-content{padding:0 12px calc(82px + env(safe-area-inset-bottom));min-width:0;margin:12px auto 0}.typing-focused .app-content{padding-bottom:16px}.mobile-tabbar{z-index:40;min-height:calc(58px + env(safe-area-inset-bottom));padding:4px 6px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-top:1px solid #e7e9ef;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -4px 18px #18213414}.mobile-tabbar-item{color:#727783;min-width:0;min-height:52px;font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:3px 1px;font-size:11px;display:flex}.mobile-tabbar-item.selected{color:#4266d5}.mobile-tabbar-icon{min-height:22px;font-size:21px;line-height:1}.mobile-sheet .ant-drawer-content{border-radius:8px 8px 0 0}.mobile-sheet .ant-drawer-body{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.app-content .ant-card{border-radius:8px}.app-content .ant-card-head{padding-inline:16px}.app-content .ant-card-head-wrapper{flex-wrap:wrap;align-items:flex-start;gap:8px}.app-content .ant-card-body{padding:16px}.app-content .ant-btn:not(.ant-btn-link){min-height:44px}.app-content .ant-btn-sm:not(.ant-btn-link){min-height:40px}.app-content .ant-input,.app-content .ant-input-number,.app-content .ant-select-selector,.app-content .ant-tree-select-selector{min-height:44px!important}.app-content .ant-select-selection-wrap{min-height:42px}.app-content .ant-checkbox-wrapper{align-items:center;min-height:40px;display:inline-flex}.app-content .ant-segmented{max-width:100%}.app-content .ant-segmented-item{align-items:center;min-height:40px;display:inline-flex}.app-content .ant-table-wrapper{max-width:100%}.typing-box{scroll-margin-block:180px}.drill-mobile-toolbar{grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-bottom:12px;display:grid}.drill-mobile-toolbar .ant-btn{min-width:0}.drill-options-summary{margin-left:8px;font-size:12px}.drill-mobile-options,.drill-mobile-options>.ant-space,.drill-mobile-options>.ant-space>.ant-space-item{width:100%}.drill-direction-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;width:100%;display:grid}.drill-new-words{grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid!important}.drill-new-words .ant-input-number{width:100%!important}.drill-aids{grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:6px 8px!important;display:grid!important}.drill-aids .ant-checkbox-wrapper{margin-inline-start:0}.drill-options-reload{width:100%}.drill-card-title,.study-card-title{white-space:normal}.drill-actions{width:100%;margin-top:12px}.drill-actions>.ant-space-item{flex:1}.drill-actions .ant-btn{width:100%}.study-card-actions{justify-content:stretch}.study-card-actions .ant-btn{width:100%}.example-sentences{margin-inline:-2px;padding:12px}.example-sentences-heading .ant-typography-secondary{display:none}.example-sentence-japanese{font-size:16px}.ime-candidates-mobile{overflow:visible!important}.ime-candidates-mobile .ime-candidate-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow-x:auto}.ime-candidates-mobile .ime-candidate-list::-webkit-scrollbar{display:none}.ime-candidate{width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;border:0;border-bottom:1px solid #eef0f4;border-radius:0;align-items:baseline;gap:12px;padding:6px 14px;font-size:20px;transition:background 80ms;display:flex}.ime-candidates-mobile .ime-candidate{scroll-snap-align:start;border-bottom:0;border-right:1px solid #eef0f4;flex:none;width:auto;min-width:108px;min-height:50px}.ime-candidate-number{opacity:.55;width:14px;font-size:13px}.ime-candidate-common{opacity:.6;font-size:11px}.ime-candidate-footer{align-items:center;gap:8px;min-height:44px}.ime-page-controls{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.ime-page-controls button{color:#4d5668;background:#f2f4f8;border:0;border-radius:8px;width:40px;height:40px;font-size:24px}}.ime-candidate{width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;border:0;border-bottom:1px solid #eef0f4;border-radius:0;align-items:baseline;gap:12px;padding:6px 14px;font-size:20px;transition:background 80ms;display:flex}.ime-candidate-number{opacity:.55;width:14px;font-size:13px}.ime-candidate-common{opacity:.6;font-size:11px}.library-coverage{width:200px}.library-item{border-radius:8px;grid-template-columns:minmax(220px,1fr) auto auto 200px auto auto;align-items:center;gap:14px;padding:7px 10px;transition:background .12s;display:grid}.library-item.readable{cursor:pointer}.library-item-title{min-width:0}.library-item-count,.library-item-action{white-space:nowrap;font-size:12px}@media (width<=899px){.library-filters .ant-space,.library-filters .ant-space-item{width:100%}.library-item{border-bottom:1px solid #eef0f4;border-radius:0;grid-template-columns:minmax(0,1fr) auto auto;gap:7px 8px;padding:12px 4px}.library-item-title{grid-column:1/-1;font-size:16px;font-weight:500}.library-coverage{grid-column:1/-1;width:100%}.library-item-count{grid-column:1}.library-item-action{grid-column:3;justify-self:end}.reader-toolbar,.reader-toolbar>.ant-space-item{width:100%}.reader-legend{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.reader-card .ant-card-body{padding-inline:14px}.reader-card .ant-btn.ant-btn-icon-only{min-width:40px;min-height:40px}.vocab-toolbar,.vocab-toolbar>.ant-space-item:first-child{width:100%}.vocab-mobile-list .ant-list-item{align-items:flex-start;gap:12px;padding-block:14px}.vocab-mobile-main{flex:1;min-width:0}.vocab-mobile-heading{flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;font-size:18px;display:flex}.vocab-mobile-heading .ant-typography{font-size:13px}.vocab-mobile-meta{align-items:center;gap:8px;margin-top:8px;display:flex}.vocab-mobile-pagination{justify-content:center;margin-top:16px}.stats-range{margin-bottom:12px}.import-kind{width:100%}.import-source-title{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.import-source-title .ant-tag{margin-inline-end:0}.settings-form,.settings-voice-row,.settings-voice-row>.ant-space-item:first-child,.settings-actions,.settings-actions>.ant-space-item,.settings-actions .ant-btn{width:100%}.keymap-mobile-list{border-top:1px solid #eef0f4}.keymap-mobile-row{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding-block:10px;display:flex}.keymap-mobile-row>div{min-width:0}.keymap-mobile-row>div>div{margin-top:5px}.settings-form .ant-slider{margin-inline:10px}.settings-form .ant-slider-mark-text{white-space:nowrap;font-size:11px}}@media (width>=900px) and (width<=1150px){.app-header{gap:12px;padding-inline:16px}.app-brand-subtitle{display:none}}