/* Content-sized preview, without a second application toolbar. */
.wordmark{text-decoration:none}.wordmark:focus-visible{outline:2px solid #555;outline-offset:6px;border-radius:4px}
#focusDialog{width:min(860px,calc(100vw - 48px));height:auto;max-height:calc(100dvh - 48px);padding:0;border:0;background:transparent;overflow:visible}#focusDialog[open]{display:block}
#focusDialog::backdrop{background:rgba(20,22,25,.24);backdrop-filter:blur(12px)}
#focusDialog .focus-card{width:100%;min-width:0;height:auto;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#fff;border:1px solid #ffffff80;border-radius:16px!important;box-shadow:0 24px 100px #0003;overflow:hidden}
#focusDialog .focus-content{display:grid;place-items:center;padding:0;background:#f7f7f8;overflow:auto;max-height:66dvh;flex:0 1 auto}
#focusDialog .focus-content>img,#focusDialog .focus-content>video{display:block;width:auto;height:auto;max-width:100%;max-height:66dvh;object-fit:contain;border-radius:0}
#focusDialog[data-content-type="video"] .focus-content iframe{width:100%;height:auto;aspect-ratio:16/9;min-height:0;border-radius:0}
#focusDialog .focus-content .text-block{width:100%;max-width:none;padding:32px;border:0;border-radius:0;min-height:160px}
#focusDialog #focusContent.archive-view{display:block;height:58dvh;max-height:58dvh;padding:0;background:#fff}
#focusDialog #focusContent.archive-view .snapshot-image{width:100%;height:auto;max-height:none;border-radius:0;box-shadow:none}
#focusDialog .focus-card aside{padding:18px 24px;gap:12px;flex:0 1 auto;overflow:auto;min-height:0;max-height:38dvh;border:0}
#focusDialog .focus-card aside h2{font-size:22px!important;line-height:1.25;margin:0;letter-spacing:-.02em}
.focus-information{font-size:12px;color:#666}.focus-information summary{cursor:pointer;list-style:none;padding:4px 0}.focus-information summary::after{content:' +';color:#888}.focus-information[open] summary::after{content:' −'}.focus-information summary::-webkit-details-marker{display:none}.focus-information[open]{padding-bottom:8px}.focus-information .focus-description{font-size:16px!important}.focus-information .focus-field{margin-top:12px}.focus-information .focus-facts{margin:16px 0}.focus-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:2px}.focus-actions button{border:0;background:transparent;padding:8px 0;font-size:12px;color:#666}.focus-actions .favorite-detail{margin-right:auto;color:#555}.focus-actions .focus-delete{color:#9a4848}.focus-actions .focus-done{margin-left:auto;background:#f0f0f2;color:#333;padding:8px 18px;border-radius:8px}.focus-actions button:hover{color:#111}.focus-actions button:focus-visible,.focus-information summary:focus-visible{outline:2px solid #888;outline-offset:3px}.archive-navigation{justify-content:flex-start;background:none!important;padding:0!important;gap:16px!important}.archive-navigation button{border-radius:0!important;padding:6px 0!important;background:none!important;color:#888!important}.archive-navigation button.active{color:#111!important;box-shadow:0 1px 0 #111}.archive-state{font-size:10px!important;margin:8px 0!important}.archive-reader{padding:24px 30px}
@media(max-width:760px){#focusDialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}#focusDialog .focus-card{max-height:calc(100dvh - 24px)}#focusDialog .focus-card aside{padding:16px 18px;max-height:42dvh}#focusDialog .focus-content{max-height:58dvh}#focusDialog .focus-content>img,#focusDialog .focus-content>video{max-height:58dvh}.focus-actions{gap:16px}}
@media(prefers-reduced-motion:reduce){#focusDialog,#focusDialog .focus-card{animation:none!important;transition:none!important}}