:root{--tabbed-tab-height:44px;--tabbed-tab-gap:.5em;--tabbed-text-muted:#655f56}.dark-mode{--tabbed-text-muted:var(--color-dark-theme-text-muted)}.tabbed-kanji-card-modal{flex-direction:column;display:flex}.tabbed-kanji-card-header{margin-bottom:1em}.tabbed-kanji-card-tabs{gap:var(--tabbed-tab-gap);margin-bottom:-1px;display:flex}.tabbed-kanji-card-tab{height:var(--tabbed-tab-height);background:var(--color-light-theme-background-base);border:1px solid var(--color-light-theme-border);color:var(--tabbed-text-muted);font-size:var(--16px);cursor:pointer;box-sizing:border-box;border-bottom:none;border-radius:8px 8px 0 0;flex:1;padding:0 1em;font-weight:500;transition:color .2s,background-color .2s;position:relative}.dark-mode .tabbed-kanji-card-tab{background:var(--color-dark-theme-surface);border-color:var(--color-dark-theme-border)}.tabbed-kanji-card-tab:hover{background:var(--color-light-theme-background-base);color:var(--color-light-theme-text-default)}.dark-mode .tabbed-kanji-card-tab:hover{background:var(--color-dark-theme-background-base);color:var(--color-dark-theme-text-default)}.tabbed-kanji-card-tab.active{background:var(--color-light-theme-surface);color:var(--color-light-theme-text-default);box-shadow:0 2px 0 0 var(--color-light-theme-surface);z-index:1;border-bottom:none}.dark-mode .tabbed-kanji-card-tab.active{background:var(--color-dark-theme-background-base);color:var(--color-dark-theme-text-default);box-shadow:0 2px 0 0 var(--color-dark-theme-background-base)}.tabbed-kanji-card-tab:focus-visible{outline:2px solid var(--color-light-theme-accent);outline-offset:-2px}.dark-mode .tabbed-kanji-card-tab:focus-visible{outline-color:var(--color-dark-theme-accent)}.tabbed-kanji-card-content{border-top:1px solid var(--color-light-theme-border);min-height:0;margin-left:calc(-1 * var(--modal-box-padding));margin-right:calc(-1 * var(--modal-box-padding));padding:1em var(--modal-box-padding) 0;box-sizing:border-box;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.dark-mode .tabbed-kanji-card-content{border-top-color:var(--color-dark-theme-border)}.tabbed-kanji-card-tab-panel:not([data-tab-panel=write]){overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-height:0;line-height:1.65;overflow:hidden auto}.tabbed-kanji-card-tab-panel::-webkit-scrollbar{display:none}.tabbed-kanji-card-tab-panel.hidden{display:none}.tabbed-kanji-card-tab-panel[data-tab-panel=write]{margin-inline:calc(-1 * var(--modal-box-padding))}.tabbed-kanji-card-tab-panel[data-tab-panel=write].hidden{display:none}@media (width<=768px){:root{--tabbed-tab-height:40px}.tabbed-kanji-card-meaning,.tabbed-kanji-card-tab{font-size:var(--15px)}}@media (orientation:portrait) and (display-mode:browser){.tabbed-kanji-card-modal .kanji-write-surface{--writing-kanji-canvas-size:min(62vw, 400px)}}@media (height<=768px) and (orientation:landscape){:root{--tabbed-tab-height:40px;--tabbed-tab-gap:.35em}.tabbed-kanji-card-modal{--tabbed-landscape-tabs-top-offset:2.65em;--tabbed-landscape-tabs-stack-height:calc((var(--tabbed-tab-height) * 3) + (var(--tabbed-tab-gap) * 2))}.tabbed-kanji-card-modal:after{content:"";top:0;bottom:0;left:calc(100% - var(--modal-box-padding) - var(--kanji-writing-right-width));border-left:1px solid var(--color-light-theme-border);pointer-events:none;z-index:1;width:0;position:absolute}.dark-mode .tabbed-kanji-card-modal:after{border-left-color:var(--color-dark-theme-border)}.tabbed-kanji-card-tabs{align-self:start;align-items:stretch;gap:var(--tabbed-tab-gap);min-width:0;padding-top:var(--tabbed-landscape-tabs-top-offset);pointer-events:none;z-index:2;flex-direction:column;grid-area:1/3/-1;margin-bottom:0;margin-left:0}.tabbed-kanji-card-tab{width:100%;height:var(--tabbed-tab-height);pointer-events:auto;border:1px solid var(--color-light-theme-border);border-bottom:1px solid var(--color-light-theme-border);min-width:0;font-size:var(--16px);border-radius:0 8px 8px 0;flex:none;padding:0 .45em}.dark-mode .tabbed-kanji-card-tab{border-color:var(--color-dark-theme-border)}.tabbed-kanji-card-tab.active{border-color:var(--color-light-theme-border);border-left:none;border-bottom:1px solid var(--color-light-theme-border);box-shadow:-2px 0 0 0 var(--color-light-theme-surface);z-index:3}.dark-mode .tabbed-kanji-card-tab.active{border-color:var(--color-dark-theme-border);box-shadow:-2px 0 0 0 var(--color-dark-theme-background-base);border-left:none}.tabbed-kanji-card-content{z-index:0;border-top:none;border-left:none;margin-left:0;margin-right:0}.dark-mode .tabbed-kanji-card-content{border-left-color:#0000}.tabbed-kanji-card-tab-panel{box-sizing:border-box;flex:1;min-width:0;height:100%;min-height:0}.tabbed-kanji-card-tab-panel.hidden{display:none}.tabbed-kanji-card-tab-panel:not([data-tab-panel=write]){overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.5em calc(var(--modal-box-padding) - var(--writing-modal-surface-inset)) var(--modal-box-padding);overflow:hidden auto}.tabbed-kanji-card-tab-panel[data-tab-panel=write]{height:100%;margin-inline:0;padding:0}.tabbed-kanji-card-tab-panel[data-tab-panel=write].hidden{display:none}}