.mobile-menu,.mobile-shade { display:none; }
.shell { height:100dvh; }
@media (pointer:coarse) {
  button { min-height:44px; }
  input,select,textarea { font-size:16px; }
  .card-menu { width:44px;height:44px; }
  .card-dropdown button { min-height:44px; }
}
@media (max-width:1050px) and (min-width:761px) {
  .sidebar:not(.collapsed) { width:180px; }
  .top { flex-wrap:wrap;gap:12px; }
  .words-panels.split { grid-template-columns:180px minmax(0,1fr); }
  .words-panels .word { font-size:36px; }
}
@media(max-width:760px) {
  .shell { padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box; }
  .sidebar,.sidebar.collapsed,.sidebar:not(.collapsed) { display:none; }
  .mobile-nav-open .sidebar,.mobile-nav-open .sidebar.collapsed { display:flex;position:fixed;inset:0 auto 0 0;width:min(280px,85vw);height:100dvh;z-index:81;background:var(--bg);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box; }
  .mobile-nav-open .sidebar .brand strong,.mobile-nav-open .sidebar .mark { display:inline-flex; }
  .mobile-nav-open .sidebar .nav,.mobile-nav-open .sidebar .account { display:flex; }
  .mobile-nav-open .sidebar .nav { flex-direction:column; }
  .mobile-nav-open .sidebar .nav button,.mobile-nav-open .sidebar .account button { justify-content:flex-start;padding:12px; }
  .mobile-nav-open .sidebar .nav button span,.mobile-nav-open .sidebar .account button span,.mobile-nav-open .sidebar .nav label { display:initial; }
  .sidebar .brand strong { font-size:17px; }
  .sidebar .nav button { font-size:15px; }
  .mobile-nav-open .mobile-shade { display:block;position:fixed;inset:0;background:#0008;border:0;border-radius:0;z-index:80; }
  .mobile-menu { display:inline-flex;width:44px;height:44px;padding:10px; }
  .top { padding:12px;gap:10px;position:relative;flex-direction:column;align-items:stretch;background:var(--bg); }
  .top .header-title { grid-template-columns:44px 36px minmax(0,1fr);column-gap:8px; }
  .top .mobile-menu { grid-column:1;grid-row:1/3; }
  .top .header-fullscreen { grid-column:2;grid-row:1/3;width:36px; }
  .top .header-title h1,.top .header-title .status { grid-column:3; }
  .top .header-title h1 { font-size:22px;margin:0; }
  .top .status { font-size:11px;margin-top:4px; }
  .top > .actions,.feature-actions { gap:6px; }
  .top .actions button { padding:8px;min-height:44px; }
  .top .actions button span { display:none; }
  .top .actions button[data-action="save-menu"] span { display:inline; }
  .main { width:100%; }
  .content { padding:16px; }
  .quick-form { gap:8px; }
  .quick-form input { flex:1 1 100%;width:100%;min-width:0;box-sizing:border-box; }
  .words-tools-panel .quick-form input { flex:1 1 calc(50% - 8px);width:calc(50% - 8px); }
  .start-gallery { margin:-16px; }
  .gallery-inner { padding:20px 16px; }
  .template-row { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
  .template-card { box-sizing:border-box;width:100%;min-width:0;height:154px;padding:14px; }
  .template-card strong { font-size:14px; }
  .recent-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
  .recent-card strong { padding-left:10px; }
  .table th:nth-child(2),.table td:nth-child(2),.table th:nth-child(3),.table td:nth-child(3),.table .size { display:none; }
  .table td { padding:12px 4px; }
  .table .filename { min-width:0; }
  .table th:first-child { width:auto; }
  .words-tools-panel { max-height:32%;padding:12px; }
  .words-panels.split { grid-template-columns:minmax(0,1fr);grid-template-rows:130px minmax(0,1fr); }
  .words-list-panel { border-right:0;border-bottom:1px solid var(--line); }
  .words-list-panel h2 { padding:8px 12px; }
  .words-list-panel .list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px; }
  .words-panels > .flash { padding:20px 12px; }
  .words-panels .word { font-size:32px; }
  .main.note-editing > .content { padding:12px 8px; }
  .note-editing .editor { padding:20px 12px;min-height:800px; }
  .main > .note-toolbar { padding:8px; }
  .rich-surface .tiptap { padding:8px 0; }
  .file-preview { width:100%;height:65dvh;min-height:280px; }
  dialog,dialog.search-dialog,dialog.install-guide { box-sizing:border-box;width:calc(100vw - 24px);max-width:560px;max-height:calc(100dvh - 32px);padding:20px;overflow:auto; }
  dialog.account-popup { bottom:calc(12px + env(safe-area-inset-bottom));left:12px;width:calc(100vw - 24px); }
  dialog .actions { flex-wrap:wrap; }
  .clock { font-size:48px; }
  .quiz-screen .quiz-prompt { font-size:26px;overflow-wrap:anywhere; }
  .idea-layout { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important;transition:none !important;animation:none !important; } }