.app{min-height:100vh}aside{top:0;height:100vh}.button{display:inline-block;padding:12px;border:1px solid var(--line);border-radius:12px;background:white}#connection{padding:10px 32px;color:#66756c;font-size:12px}#crumb{border:0;background:transparent;text-align:left;font-weight:500}.source-grid{margin-top:20px}.source-grid .card{min-width:0;overflow-wrap:anywhere}.word-list{margin-top:16px}.word-link{border:0;background:transparent;text-align:left;padding:4px;min-width:0}.word-link small{overflow-wrap:anywhere}.card+.card{margin-top:20px}.overview-home-grid>.card{margin-top:0}form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}input[type=password]{display:block;padding:12px;border:1px solid var(--line);border-radius:8px;max-width:100%}#writing{max-width:100%;touch-action:none;background:#faf8f0;border:1px solid var(--line)}#detail-body h1{font-size:64px}.body>footer{font-size:12px}@media(max-width:650px){aside{height:auto}#connection{padding:8px 20px}.overview-map-card{min-width:0}.overview-home-grid{gap:12px}.word-row{grid-template-columns:20px minmax(0,1fr) 42px 72px}.body header{gap:8px;padding:12px 20px}#crumb{font-size:12px}.body header>div{gap:6px}}

@media(max-width:700px){#screen>h1{margin:4px 0 8px}#screen>.muted{margin:8px 0 14px}.overview-stats-card .overview-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.overview-stats-card .overview-numbers button{padding:4px 0}.overview-stats-card .overview-numbers strong{font-size:27px}.overview-stats-card .overview-numbers span{font-size:10px}.overview-stats-card h2{font-size:19px}.overview-stats-card .overview-coverage{margin:10px 0}.overview-stats-card .caption{margin:8px 0}.overview-home-grid .card{padding:16px}.overview-controls label{font-size:10px}.overview-map-card .section-head{margin-bottom:8px}}