.topbar{z-index:40;padding:max(10px, env(safe-area-inset-top)) 10px 10px;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar[data-tone=scene]{color:var(--scene-ink)}.topbar[data-tone=page]{color:var(--page-fg);-webkit-backdrop-filter:blur(6px);background:linear-gradient(#13294beb,#13294b99 70%,#0000)}.topbar-mark,.topbar-title{font-family:var(--font-text);padding-top:4px;font-size:30px;font-weight:600;line-height:1}.topbar-title{font-size:24px;font-weight:500}.drawer-backdrop{z-index:80;opacity:0;pointer-events:none;background:#060e1c80;transition:opacity .35s;position:fixed;inset:0}.drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto}.drawer{z-index:81;width:min(88vw,380px);padding:max(14px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));background:radial-gradient(90% 40% at 100% 0%, #3fb8af2e, transparent 70%), linear-gradient(180deg, #17345f, var(--color-lajvard-deep));color:var(--page-fg);visibility:hidden;transition:transform .5s var(--ease-tide), visibility 0s linear .5s;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%)}.drawer[data-open=true]{visibility:visible;transition:transform .5s var(--ease-tide);transform:none;box-shadow:-30px 0 60px -30px #0009}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-mark{font-family:var(--font-text);font-size:34px;font-weight:600}.drawer-links{gap:4px;margin-top:28px;display:grid}.drawer-links a{border-radius:14px;margin-inline:-12px;padding:12px;transition:background-color .2s;display:block}.drawer-links a:hover,.drawer-links a[aria-current=page]{background:#ffffff0f}.drawer-label{font-family:var(--font-text);font-size:28px;font-weight:500;line-height:1.3;display:block}.drawer-links a[aria-current=page] .drawer-label{color:var(--color-firoozeh-pale)}.drawer-sub{color:var(--page-muted);font-size:13px;display:block}.drawer-sky{margin-top:auto;padding-top:24px}.drawer-sky-label{color:var(--page-muted);margin-bottom:8px;font-size:13px;display:block}.segmented{background:#ffffff0f;border-radius:999px;padding:4px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.segmented button{min-height:38px;color:var(--page-muted);border-radius:999px;flex:1;font-size:13px;transition:background-color .2s,color .2s}.segmented button[aria-checked=true]{background:var(--color-firoozeh);color:var(--color-lajvard-deep);font-weight:600}.drawer-foot{font-family:var(--font-text);color:var(--page-muted);margin-top:18px;font-size:17px}
