@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}:root{color-scheme:light;--bg: #fafafa;--on-bg: #171717;--surface: #fafafa;--surface-variant: #ffffff;--on-variant: #737373;--outline: #737373;--outline-variant: #e5e5e5;--primary: #4f46e5;--on-primary: #ffffff;--error: #b3261e;--scrim: rgba(0, 0, 0, .32);--shadow: 0 8px 24px rgba(0, 0, 0, .12);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", "Noto Sans", sans-serif;--gutter: 24px;--content-max: 640px;--bar-height: 64px;--radius: 12px;--touch: 48px}:root[data-theme=dark]{color-scheme:dark;--bg: #171717;--on-bg: #fafafa;--surface: #171717;--surface-variant: #202020;--on-variant: #a1a1a1;--outline: #a1a1a1;--outline-variant: rgba(255, 255, 255, .1);--primary: #818cf8;--on-primary: #171717;--error: #f2b8b5;--scrim: rgba(0, 0, 0, .6);--shadow: 0 8px 24px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #171717;--on-bg: #fafafa;--surface: #171717;--surface-variant: #202020;--on-variant: #a1a1a1;--outline: #a1a1a1;--outline-variant: rgba(255, 255, 255, .1);--primary: #818cf8;--on-primary: #171717;--error: #f2b8b5;--scrim: rgba(0, 0, 0, .6);--shadow: 0 8px 24px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--on-bg);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}p,h1,h2,h3{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a{color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}hr{border:0;border-top:1px solid var(--outline-variant);margin:0;width:100%}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.body{font-size:16px;line-height:24px}.body-medium{font-size:14px;line-height:20px}.body-small{font-size:12px;line-height:16px}.muted{color:var(--on-variant)}.error{color:var(--error)}.grow{flex:1 1 0;min-width:0}.clamp-1,.clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;overflow-wrap:anywhere}.clamp-1{-webkit-line-clamp:1;line-clamp:1}.clamp-2{-webkit-line-clamp:2;line-clamp:2}.section-title,.sheet-title{font-size:22px;line-height:28px;font-weight:600}.page-title{font-size:22px;line-height:28px;font-weight:500;padding-block:16px}.page-title.inline{padding:0}.section-label{font-size:16px;font-weight:400;color:var(--on-variant);padding-top:12px;padding-bottom:4px}.wordmark{font-weight:600;letter-spacing:-.025em;line-height:1.1;white-space:nowrap;unicode-bidi:isolate}.wordmark .accent,.family-line .accent{color:var(--primary)}.family-line{color:var(--on-variant);white-space:nowrap;unicode-bidi:isolate}.family-line strong{color:var(--on-bg);font-weight:600}.family-line strong.accent{color:var(--primary)}.lockup{display:flex;flex-direction:column;align-items:flex-start}.screen{min-height:100dvh;padding-bottom:calc(var(--bar-height) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center}.screen>*{width:100%;max-width:var(--content-max)}.page{padding:0 16px 16px}.stack{display:flex;flex-direction:column;gap:12px}.stack.small{gap:8px}.stack.xsmall{gap:4px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-bar{display:flex;align-items:center;gap:4px;padding-block:8px;margin-inline-start:-8px}.centered-message,.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:var(--gutter);text-align:center;color:var(--on-variant)}.home{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter);padding-bottom:12vh}.home-block{display:flex;flex-direction:column;align-items:center;animation:rise .45s cubic-bezier(.2,0,0,1) both}@keyframes rise{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:none}}.link-field{margin-top:32px;width:100%;display:flex;align-items:center;gap:12px;height:60px;padding-inline:16px 8px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface);transition:border-color .15s}.link-field:hover{border-color:var(--outline)}.link-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.link-field .lead{color:var(--on-variant);flex:none}.link-field input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;font-size:16px;text-overflow:ellipsis}.link-field input::placeholder{color:var(--on-variant);opacity:1}.search-button{flex:none;width:44px;height:44px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;transition:opacity .15s}.search-button:disabled{opacity:.38}.text-button{min-height:var(--touch);padding:0 12px;border-radius:999px;color:var(--primary);font-weight:500;font-size:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}.text-button:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.home-block .text-button{margin-top:8px}.button{min-height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;text-decoration:none;width:100%}.button.compact{width:auto;min-height:var(--touch);border-radius:var(--radius)}.button.primary{background:var(--primary);color:var(--on-primary)}.button.primary:hover:not(:disabled){filter:brightness(1.06)}.button.primary:disabled{opacity:.38}.button.outlined{border:1px solid var(--outline);color:var(--primary)}.button.strong{font-weight:600}.icon-button{flex:none;width:var(--touch);height:var(--touch);border-radius:50%;display:grid;place-items:center}.icon-button:hover{background:color-mix(in srgb,var(--on-bg) 8%,transparent)}.icon-button[aria-pressed=true]{background:color-mix(in srgb,var(--primary) 14%,transparent)}.spinner{width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-bar{position:fixed;inset-inline:0;bottom:0;z-index:10;display:flex;justify-content:center;height:calc(var(--bar-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--outline-variant)}.tab{flex:1;max-width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--on-variant)}.tab .indicator{width:64px;height:32px;border-radius:16px;display:grid;place-items:center;transition:background .2s,color .2s}.tab-label{font-size:12px;line-height:16px;font-weight:500}.tab[aria-current=page]{color:var(--on-bg)}.tab[aria-current=page] .indicator{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.scrim{position:fixed;inset:0;z-index:50;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease-out both}@keyframes fade{0%{opacity:0}}.panel{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;background:var(--surface);border-radius:28px 28px 0 0;box-shadow:var(--shadow);outline:0;animation:slide-up .25s cubic-bezier(.2,0,0,1) both;padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}}@media(min-width:640px){.scrim{align-items:center}.panel{border-radius:28px;max-height:88dvh}}.scrim.dialog{align-items:center;padding:16px}.scrim.dialog .panel{border-radius:28px;max-width:480px}.sheet-content{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px}.dialog-content{padding:24px}.grab{width:32px;height:4px;border-radius:2px;background:var(--outline);opacity:.4;margin:12px auto 8px}@media(min-width:640px){.grab{display:none}.sheet-content{padding-top:24px}}.dialog-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.header-row{display:flex;align-items:center;gap:16px}.thumb{position:relative;flex:none;border-radius:8px;overflow:hidden;background:var(--surface-variant);display:grid;place-items:center}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sheet-thumb{width:120px;height:68px}.list-thumb{width:112px;height:63px}@media(max-width:380px){.list-thumb{width:88px;height:50px}}.format-row,.more-row,.nav-row{display:flex;align-items:center;gap:16px;width:100%;min-height:var(--touch);padding-block:12px;text-align:start}.more-row{gap:8px}.nav-row{border-bottom:1px solid var(--outline-variant);padding-inline:4px}.format-row:hover,.more-row:hover{background:color-mix(in srgb,var(--on-bg) 4%,transparent)}.check{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--outline);display:grid;place-items:center;color:transparent;transition:background .15s,border-color .15s,color .15s,transform .15s}.check.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary);transform:scale(1.04)}.placeholder{background:var(--surface-variant);border-radius:8px;animation:pulse 1.4s ease-in-out infinite}.placeholder.line{height:16px;width:100%}.placeholder.line.short{width:120px;height:12px}.row-skeleton{height:48px;width:100%}@keyframes pulse{50%{opacity:.55}}.linear-indeterminate,.linear{position:relative;height:3px;width:100%;border-radius:2px;background:color-mix(in srgb,var(--primary) 20%,transparent);overflow:hidden}.linear-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .4s ease}.linear-indeterminate:after{content:"";position:absolute;inset-block:0;width:40%;background:var(--primary);border-radius:2px;animation:slide 1.2s ease-in-out infinite}@keyframes slide{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}.list{padding:16px;display:flex;flex-direction:column;gap:16px}.downloaded-header{display:flex;align-items:center;padding-top:12px}.row{display:flex;align-items:center;gap:12px}.row.downloaded{gap:0}.row-main{flex:1;min-width:0;display:flex;align-items:center;gap:16px;text-align:start;border-radius:8px}.meta-row{display:flex;align-items:center;gap:8px}.search-field{display:flex;align-items:center;gap:8px;padding-inline:16px 4px;border:1px solid var(--outline-variant);border-radius:999px;height:52px}.search-field input{flex:1;min-width:0;background:none;border:0;outline:0}.menu{position:relative;flex:none}.menu-list{position:absolute;inset-inline-end:0;top:100%;z-index:20;min-width:200px;padding:8px 0;background:var(--surface-variant);border:1px solid var(--outline-variant);border-radius:12px;box-shadow:var(--shadow)}.menu-item{width:100%;min-height:var(--touch);padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start}.menu-item:hover{background:color-mix(in srgb,var(--on-bg) 6%,transparent)}.radio-group{border:0;margin:0;padding:0;display:flex;flex-direction:column}.radio-row{display:flex;align-items:center;gap:12px;min-height:var(--touch);cursor:pointer}.radio-row input{width:20px;height:20px;accent-color:var(--primary);margin:0}.field-label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--on-variant)}.textarea{width:100%;resize:vertical;padding:12px;border:1px solid var(--outline-variant);border-radius:var(--radius);background:var(--surface);color:var(--on-bg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.toast-region{position:fixed;inset-inline:0;bottom:calc(var(--bar-height) + 16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;justify-content:center;pointer-events:none;padding:0 16px}.toast{background:var(--on-bg);color:var(--bg);padding:14px 20px;border-radius:8px;font-size:14px;box-shadow:var(--shadow);animation:rise .2s ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}