book-app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-height) minmax(0,1fr);block-size:100dvh;overflow:hidden}app-bar{display:flex;align-items:center;gap:var(--space-2xs);padding-inline:var(--space-xs);padding-block-start:env(safe-area-inset-top,0);border-block-end:1px solid var(--rule);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(14px);z-index:30}app-identity{display:flex;align-items:baseline;gap:var(--space-xs);flex:1;min-inline-size:0;padding-inline-start:var(--space-2xs)}app-name{font-family:var(--voice-machine);font-size:var(--type-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-faint)}app-book-title{flex:1;min-inline-size:0;font-size:1rem;font-weight:500;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}run-progress{font-family:var(--voice-machine);font-size:var(--type-mono-sm);font-weight:500;color:var(--ink-faint);font-variant-numeric:tabular-nums}app-bar icon-button[count=""]:after{display:none}app-bar icon-button[state=alert]{color:var(--fail)}app-bar icon-button[count]:not([count=""]):after{content:attr(count);position:absolute;inset-block-start:.15rem;inset-inline-end:.05rem;min-inline-size:1.1rem;padding-inline:.22rem;border-radius:var(--shape-full);background:var(--fail);color:var(--paper-raised);font-family:var(--voice-machine);font-size:.625rem;font-weight:600;line-height:1.1rem;text-align:center}app-bar icon-button{position:relative}app-body{display:grid;grid-template-columns:var(--outline-width) minmax(0,1fr) var(--failures-width);min-block-size:0}app-drawer{display:block;min-block-size:0;overflow:hidden}app-drawer[side=start]{border-inline-end:1px solid var(--rule)}app-drawer[side=end]{border-inline-start:1px solid var(--rule)}app-main{display:block;min-inline-size:0;overflow-y:auto;overscroll-behavior:contain}app-scrim{display:none}run-realm{display:none}app-bar>icon-button[aria-label="Ver el \edndice"],app-bar>icon-button[aria-label="Ver los fallos"]{display:none}@media(max-width:34rem){app-name{display:none}app-bar text-button[tone=accent]{padding-inline:var(--space-sm)}app-bar text-button[tone=accent] button-label{display:none}}@media(max-width:78rem){app-body{grid-template-columns:var(--outline-width) minmax(0,1fr)}app-bar>icon-button[aria-label="Ver los fallos"]{display:inline-grid}app-drawer[side=end]{position:fixed;inset-block:var(--topbar-height) 0;inset-inline-end:0;z-index:50}}@media(max-width:56rem){app-body{grid-template-columns:minmax(0,1fr)}app-bar>icon-button[aria-label="Ver el \edndice"]{display:inline-grid}app-drawer[side=start]{position:fixed;inset-block:var(--topbar-height) 0;inset-inline-start:0;z-index:50}}@media(max-width:78rem){app-drawer[side=start],app-drawer[side=end]{inline-size:min(21rem,88vw);box-shadow:var(--shadow-3);transition:translate var(--motion-base) var(--ease-standard),visibility var(--motion-base) var(--ease-standard);visibility:hidden}app-drawer[side=start]{translate:-100% 0}app-drawer[side=end]{translate:100% 0}book-app[outline=open] app-drawer[side=start],book-app[failures=open] app-drawer[side=end]{translate:0 0;visibility:visible}book-app[outline=open] app-scrim,book-app[failures=open] app-scrim{display:block;position:fixed;inset-block:var(--topbar-height) 0;inset-inline:0;z-index:40;background:var(--paper-scrim)}}@media(min-width:78.0625rem){app-drawer[side=start],app-drawer[side=end]{visibility:visible;translate:none}}@media(min-width:56.0625rem)and (max-width:78rem){app-drawer[side=start]{position:static;visibility:visible;translate:none;inline-size:auto;box-shadow:none}}