body:has(.app){padding-top:0}.app{--appbar-h:56px;--drawer-w:min(420px, 40vw);background:var(--paper);flex-direction:column;height:100dvh;display:flex}.app-shell{display:contents}.app-boot{flex:1}.appbar{height:var(--appbar-h);align-items:center;gap:var(--s-4);padding-inline:var(--s-4);background:var(--surface);border-bottom:1px solid var(--hairline);flex:none;display:flex}.appbar .card img{width:auto;height:32px;margin:0;display:block}.appbar__tabs{gap:var(--s-1);display:flex}.appbar__tab{appearance:none;font:inherit;font-size:var(--text-sm);color:var(--ink-soft);border-radius:var(--radius-sm);padding:var(--s-2) var(--s-3);cursor:pointer;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:0;font-weight:600}span.appbar__tab{cursor:default}.appbar__tab:hover,.appbar__tab[aria-current=page],.appbar__tab[aria-expanded=true]{background:var(--sea-wash);color:var(--sea)}.appbar__site{font-size:var(--text-sm);color:var(--ink-muted);white-space:nowrap;margin-left:auto;text-decoration:none}.appbar__site:hover{color:var(--sea)}.app-body{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;overflow:clip}.app-shell[data-drawer=open] .app-body{grid-template-columns:minmax(0, 1fr) var(--drawer-w)}.app-main{padding:var(--s-6) clamp(var(--s-4), 4vw, var(--s-7));overflow-y:auto}.app-main:focus{outline:none}.app-main>.xtr{max-width:960px;margin-inline:auto}.app .btn{appearance:none;cursor:pointer;font:inherit;font-weight:640;font-size:var(--text-base);border-radius:var(--radius-sm);transition:background-color var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);border:1px solid #0000;padding:.6rem 1.1rem}.app .btn--marker{background:var(--marker);color:var(--ink)}.app .btn--marker:hover:not(:disabled){background:var(--marker-edge)}.app .btn:disabled{opacity:.45;cursor:not-allowed}.xtr-idiom{appearance:none;font:inherit;color:var(--sea);text-align:left;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.xtr-idiom:hover{text-decoration-thickness:2px}.drawer{background:var(--surface);border-left:1px solid var(--hairline);min-height:0;animation:drawer-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__head{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--hairline);flex:none;justify-content:space-between;align-items:center;display:flex}.drawer__title{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-weight:700}.drawer__title:focus{outline:none}.drawer__close,.drawer__back{appearance:none;font:inherit;font-size:var(--text-sm);color:var(--ink-soft);border-radius:var(--radius-sm);padding:var(--s-1) var(--s-2);cursor:pointer;background:0 0;border:0}.drawer__close:hover,.drawer__back:hover{background:var(--paper-sunk);color:var(--ink)}.drawer__body{min-height:0;padding:var(--s-4);flex:1;overflow-y:auto}.drawer__search{gap:var(--s-2);margin-bottom:var(--s-3);display:flex}.drawer__input,.drawer__select{font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);padding:var(--s-2) var(--s-3)}.drawer__input{flex:1;min-width:0}.drawer__input:focus-visible,.drawer__select:focus-visible{outline:2px solid var(--sea);outline-offset:1px}.drawer__status{margin:var(--s-3) 0;font-size:var(--text-sm);color:var(--ink-muted)}.drawer__status--error{color:var(--danger);background:var(--danger-wash);border-radius:var(--radius-sm);padding:var(--s-3)}.drawer__results{margin:0;padding:0;list-style:none}.drawer__result{appearance:none;justify-content:space-between;gap:var(--s-3);width:100%;font:inherit;text-align:left;color:var(--ink);border:0;border-bottom:1px solid var(--hairline);padding:var(--s-2) var(--s-1);cursor:pointer;background:0 0;display:flex}.drawer__result:hover{background:var(--sea-wash);color:var(--sea)}.drawer__resultLang{font-size:var(--text-xs);color:var(--ink-muted);flex:none}.drawer__nav{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.drawer__public{font-size:var(--text-sm)}.drawer__entryTitle{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;line-height:var(--leading-tight);margin:0}.drawer__entryLang{margin:var(--s-1) 0 var(--s-4);font-size:var(--text-sm);color:var(--ink-muted)}.drawer__entry .idiom-meanings h2{font-size:var(--text-md);margin:0 0 var(--s-2)}@media (max-width:768px){.app-shell[data-drawer=open] .app-body{grid-template-columns:minmax(0,1fr)}.drawer{inset:var(--appbar-h) 0 0 0;z-index:var(--z-modal);border-left:0;position:fixed}.appbar{gap:var(--s-2);padding-inline:var(--s-3)}}@media (prefers-reduced-motion:reduce){.drawer{animation:none}.appbar__tab{transition:none}}
