.materials-toolbar{display:none}.materials-drawer{display:none}.materials-menu-open{overflow:hidden}
@media(max-width:760px){
.materials-toolbar:not([hidden]){display:flex;align-items:center;position:sticky;top:0;z-index:20;padding:8px 0 12px;background:#f7f7f3}.materials-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;background:#fff;border:1px solid #dce3d3;border-radius:9px;color:#35482d;font-size:14px;font-weight:600}.materials-toggle span{font-size:21px;line-height:1}.materials-drawer[open]{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;margin:0;width:min(360px,92vw);height:100dvh;max-width:92vw;max-height:100dvh;border:0;border-radius:0 14px 14px 0;padding:14px;background:#f0f2e9;overflow:auto;box-shadow:12px 0 50px #26321f38}.materials-drawer::backdrop{background:#17201480;backdrop-filter:blur(2px)}.materials-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce3d3;padding:0 6px 12px}.materials-drawer-heading h2{font-size:17px;margin:0}.materials-close{min-width:44px;min-height:44px;border:0;border-radius:8px;background:transparent;font-size:28px;color:#4d6141}.materials-drawer aside{display:flex;flex:1;flex-direction:column;padding:18px 0;border:0;max-height:none!important;overflow:visible}.materials-drawer #boards,.materials-drawer #tree{max-height:none;overflow:visible;display:block}.materials-drawer .board-link{min-height:44px;max-width:none;width:100%;font-size:13px;line-height:1.5;padding-top:10px;padding-bottom:10px}.materials-drawer .tree-toggle{min-width:32px;min-height:44px;font-size:17px}.materials-drawer .tree-create{gap:6px}.materials-drawer .subtle{min-height:44px;font-size:12px}.materials-drawer .aside-heading{padding-bottom:8px}.workspace{display:block;min-height:0;border-radius:12px}#private-app header{padding:14px 16px;gap:10px;flex-wrap:wrap}#private-app .account{gap:8px}#private-app .account .subtle{min-height:40px}#private-app a.brand{font-size:22px}#private-app main{padding-top:8px}#breadcrumbs,#trail{flex-wrap:nowrap;overflow:auto;white-space:nowrap;padding-top:10px;margin-bottom:8px}#breadcrumbs button,#trail button{flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis}#trail>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.viewer-page h1{font-size:21px}.viewer-page{padding:20px 16px}.board-heading h2,.collection-heading h2{font-size:21px}.board-actions .subtle{min-height:40px}.board-heading{gap:10px}.collection-create{margin:16px 0 22px}.collection-grid{grid-template-columns:1fr}.collection-card{min-height:110px}.table-wrap,.viewer-table{overflow:visible}.table-wrap table,.viewer-table table{display:block;min-width:0;table-layout:auto}.table-wrap thead,.viewer-table thead{display:none}.table-wrap tbody,.viewer-table tbody{display:block}.table-wrap tr,.viewer-table tr{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid #e3e6de;padding:18px 16px;gap:12px}.table-wrap td,.viewer-table td{display:block;padding:0!important;border:0;min-width:0}.table-wrap td:first-child,.viewer-table td:first-child{padding-bottom:2px!important}.table-wrap .player-cell::before,.viewer-table .player-cell::before{display:block;font-size:10px;color:#89947c;margin:0 0 7px}.table-wrap td:nth-child(2)::before,.viewer-table td:nth-child(2)::before{content:'Оригинал · 1×'}.table-wrap td:nth-child(3)::before,.viewer-table td:nth-child(3)::before{content:'Медленнее · 0.75×'}.viewer-table audio,.table-wrap audio{width:100%;min-width:0;height:40px}.table-wrap .row-actions{display:flex;gap:8px;justify-content:flex-end}.table-wrap .row-actions button{display:inline-block;min-width:40px;min-height:36px}.japanese{font-size:18px}.reading,.meaning{font-size:12px}.toolbar{flex-wrap:wrap;gap:10px}.toolbar .search{flex:1;min-width:130px}.toolbar .search input{width:100%}.viewer-table{margin-left:-16px;margin-right:-16px}.viewer-caption{margin-top:18px}.readonly-note{margin-top:20px}.materials-drawer:focus{outline:none}
}

@media(max-width:760px){.materials-drawer aside>h2{display:none}body>main{padding-top:8px}}