@font-face{font-family:"Roboto";src:url("roboto.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Mono";src:url("roboto-mono.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Onest;src:url('onest.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
body{--install-bg:#19191d;--install-text:#fff;--install-border:#424248;--muted:#b2b2bd;--dialog-bg:#17171c;--dialog-text:#f8f8fa;--focus:#e254c5}
body.landing-youtube{--install-bg:#f00;--install-text:#fff;--install-border:#e2e2e2;--muted:#606060;--dialog-bg:#fff;--dialog-text:#0f0f0f;--focus:#9d207f}
body.landing-rutube{--install-bg:#221e45;--install-border:#514b7f;--muted:#b1b4d1;--dialog-bg:#15102e}
.brand-name{font-family:Onest,system-ui,sans-serif!important;letter-spacing:-.025em!important;text-transform:none!important}
.brand-logo{display:inline-block;object-fit:contain;flex:none;vertical-align:middle}
.brand-logo[width="60"],.brand-logo[width="58"]{display:block;margin:0 auto 22px}
.studio-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.install-widget{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:20px;min-width:0;max-width:100%;scroll-margin-top:90px}
.install-widget--center{align-items:center;margin-bottom:32px}
.install-main{display:flex;max-width:100%}
.install-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 22px;min-height:58px;max-width:100%;border:1px solid var(--install-border);border-radius:12px;background:var(--install-bg);color:var(--install-text);font:600 17px/1.3 Onest,system-ui,sans-serif;text-decoration:none;text-align:center;transition:filter .15s}
.install-primary:hover{filter:brightness(1.16)}
.install-primary img{flex:none;object-fit:contain}
.install-primary>span:last-child{font-size:20px}
[data-header-store][hidden],.install-primary[hidden],.browser-option[hidden]{display:none!important}
.browser-caption{font:400 12px/1.5 Onest,system-ui,sans-serif;color:var(--muted);margin:18px 0 6px}
.browser-options{display:flex;flex-wrap:wrap;gap:4px 12px;max-width:100%}
.install-widget--center .browser-options{justify-content:center}
.browser-option{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--muted);font:400 12px/1.4 Onest,system-ui,sans-serif;text-decoration:none;border-radius:6px}
.browser-option img{flex:none;object-fit:contain}
.browser-option:hover{text-decoration:underline;text-underline-offset:3px}
.donate-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 18px;border:1px solid #914061;border-radius:11px;background:rgba(225,37,114,.1);color:#ffc0d8;font:600 14px/1.4 Onest,system-ui,sans-serif;cursor:pointer}
.landing-youtube .donate-trigger{color:#9d2056;border-color:#e7b8cc;background:#fff3f8}
.donate-trigger:hover{filter:brightness(1.1)}
.install-primary:focus-visible,.browser-option:focus-visible,.donate-trigger:focus-visible,.studio-link:focus-visible,.donate-close button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.donation-open{overflow:hidden;scrollbar-gutter:stable}
.donate-dialog{position:fixed;box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:40px 32px 32px;border:1px solid var(--install-border);border-radius:20px;background:var(--dialog-bg);color:var(--dialog-text);box-shadow:0 24px 80px #0006;font-family:Onest,system-ui,sans-serif}
.donate-dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(5px)}
.donate-close{position:absolute;top:10px;right:10px;margin:0}
.donate-close button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:400 30px/1 Onest,system-ui,sans-serif;cursor:pointer}
.donate-close button:hover{background:#8882}
.donate-logo{display:block;margin-bottom:24px;object-fit:contain}
.donate-dialog h2{font:600 28px/1.15 Onest,system-ui,sans-serif!important;letter-spacing:-.03em;margin:0 0 18px}
.donate-dialog p{font:400 16px/1.6 Onest,system-ui,sans-serif;color:var(--muted);margin:0}
@media(max-width:600px){.install-main,.install-primary{width:100%}.install-primary{padding:15px 12px;font-size:16px;gap:9px}.install-widget--center .install-primary{font-size:15px}.browser-options{gap:2px 12px}.install-widget--center .browser-options{justify-content:center}.donate-dialog{padding:40px 24px 28px}}
@media(prefers-reduced-motion:reduce){.install-primary{transition:none}}
.donation-form{margin-top:24px}
.donation-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}
.donation-presets button{min-height:46px;padding:10px 6px;border:1px solid var(--install-border);border-radius:8px;background:transparent;color:inherit;font:500 15px/1.4 Onest,system-ui,sans-serif;cursor:pointer}
.donation-presets button[aria-pressed="true"]{border-color:var(--focus);background:#c755a526}
.donation-form>label{display:block;margin-bottom:8px;font-size:14px}
.donation-form input{box-sizing:border-box;width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--install-border);border-radius:8px;background:var(--dialog-bg);color:var(--dialog-text);font:500 18px/1.4 Onest,system-ui,sans-serif}
.donation-form input[aria-invalid="true"]{border-color:#d46d85}
.donate-dialog .donation-hint,.donate-dialog .donation-error,.donate-dialog .donation-note{font-size:12px;line-height:1.6;margin-top:10px}
.donate-dialog .donation-error{color:#ef9bae}
.landing-youtube .donation-error{color:#a02447}
.donation-submit{display:block;width:100%;min-height:52px;margin-top:22px;padding:12px 10px;border:0;border-radius:9px;background:#d962bb;color:#17121a;font:600 15px/1.4 Onest,system-ui,sans-serif;cursor:pointer}
.donation-submit:disabled{opacity:.45;cursor:not-allowed}
.donation-presets button:focus-visible,.donation-form input:focus-visible,.donation-submit:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.header-actions{display:flex;align-items:center;gap:10px;flex:none}
.header-actions [data-header-store]{min-height:40px;justify-content:center;white-space:nowrap;margin-left:0!important}
.header-actions .header-donate{min-height:40px;padding:9px 14px;border-radius:9px;background:#a62d78;border-color:transparent;color:#fff;font-size:14px;white-space:nowrap}
@media(max-width:1100px){.site-header .nav-link{display:none!important}}
@media(max-width:600px){
  .site-header{flex-wrap:wrap;gap:12px!important;padding:12px 20px!important}
  .header-actions{flex:0 0 100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .header-actions .header-donate,.header-actions [data-header-store]{width:100%;min-height:44px;padding:10px 8px;font-size:13px}
  html{scroll-padding-top:128px}
}

.product-note{font:400 13px/1.6 Onest,system-ui,sans-serif;color:var(--muted);max-width:600px;margin:14px 0 22px}
.site-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 22px;padding:20px 24px;background:var(--dialog-bg);color:var(--dialog-text);font:400 13px/1.5 Onest,system-ui,sans-serif}
.site-links a,.site-links button{color:inherit;text-underline-offset:3px}
.site-links button{border:0;background:transparent;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.analytics-note{position:fixed;bottom:16px;left:16px;right:16px;z-index:60;max-width:680px;margin:auto;padding:18px 20px;background:var(--dialog-bg);color:var(--dialog-text);border:1px solid var(--install-border);border-radius:12px;box-shadow:0 8px 40px #0003;font:400 13px/1.5 Onest,system-ui,sans-serif}
.analytics-note[hidden]{display:none}.analytics-note p{margin:0 0 12px}.analytics-note a{color:inherit;text-underline-offset:3px}.analytics-note>div{display:flex;gap:12px;flex-wrap:wrap}.analytics-note button{min-height:40px;padding:8px 14px;border:1px solid var(--install-border);border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer}.analytics-note button:last-child{background:var(--install-bg);color:var(--install-text)}
.site-links :focus-visible,.analytics-note :focus-visible{outline:3px solid var(--focus);outline-offset:3px}