.site-root:has(.oq)[data-mode]{--t-bg:0 0% 100%;--t-card:0 0% 100%;--t-canvas:0 0% 95%;--t-panel:0 0% 97%;--t-fg:0 0% 7%;--t-muted:0 0% 38%;--t-border:0 0% 87%;--radius:0px;--radius-xs:0px;--radius-xl:0px;--radius-2xl:0px;--radius-3xl:0px}.site-root:has(.oq)[data-mode=dark]{--t-bg:0 0% 7.5%;--t-card:0 0% 10%;--t-canvas:0 0% 4%;--t-panel:0 0% 9%;--t-fg:0 0% 96%;--t-muted:0 0% 66%;--t-border:0 0% 22%}@media (prefers-color-scheme:dark){.site-root:has(.oq)[data-mode=auto]{--t-bg:0 0% 7.5%;--t-card:0 0% 10%;--t-canvas:0 0% 4%;--t-panel:0 0% 9%;--t-fg:0 0% 96%;--t-muted:0 0% 66%;--t-border:0 0% 22%}}.site-root:has(.oq)[data-palette=okean]{--t-accent-l:174 100% 25%;--t-accent-d:166 100% 55%}.site-root:has(.oq)[data-palette=quyosh]{--t-accent-l:18 100% 40%;--t-accent-d:30 100% 60%}.site-root:has(.oq)[data-palette=tun]{--t-accent-l:232 100% 50%;--t-accent-d:226 100% 74%}.site-root:has(.oq)[data-palette=gilos]{--t-accent-l:348 100% 42%;--t-accent-d:348 100% 70%}.site-root:has(.oq)[data-palette=ormon]{--t-accent-l:148 100% 24%;--t-accent-d:148 80% 52%}.site-root:has(.oq)[data-palette=binafsha]{--t-accent-l:258 100% 52%;--t-accent-d:258 100% 78%}.site-root .oq{--oq-sans:var(--font-google-sans), "Helvetica Neue", Arial, sans-serif;--oq-display:var(--font-oqim-display), "Arial Narrow", sans-serif;--oq-mono:var(--font-oqim-mono), ui-monospace, monospace;--oq-serif:var(--font-serif), Georgia, serif;--oq-rule:hsl(var(--t-fg) / .12);font-family:var(--oq-sans)}@layer base{.site-root .oq-title{font-family:var(--oq-sans);letter-spacing:-.012em;font-weight:700}.site-root .oq-display{font-family:var(--oq-display);letter-spacing:-.01em;font-weight:700;line-height:.95}.site-root .oq-serif{font-family:var(--oq-serif)}.site-root .oq-kicker,.site-root .oq-meta{font-family:var(--oq-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px;line-height:1.35}.site-root .oq-meta{color:hsl(var(--t-muted))}.site-root .oq-meta .normal-case{text-transform:none;letter-spacing:0}.site-root .oq-credit{font-family:var(--oq-mono);color:hsl(var(--t-muted));font-size:10px}.site-root .oq-tag{background:hsl(var(--t-accent));color:hsl(var(--t-accent-fg));font-family:var(--oq-mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 5px 1px;font-size:11px;font-weight:700;line-height:1.25;display:inline-block}}.site-root .oq-hl{background:linear-gradient(hsl(var(--t-accent)), hsl(var(--t-accent))) no-repeat left 100% / 0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:1px}.site-root .oq-card:hover .oq-hl,.site-root .oq-card:focus-within .oq-hl,.site-root a.oq-hl:hover,.site-root a.oq-hl:focus-visible{background-size:100% 2px}.site-root .oq-pic{isolation:isolate;position:relative}.site-root .oq-pic:before{content:"";z-index:-1;background:hsl(var(--t-accent));position:absolute;inset:0}.site-root .oq-pic>:first-child{transform:translate(0)}.site-root .oq-card:hover .oq-pic>:first-child,.site-root .oq-card:focus-within .oq-pic>:first-child{transform:translate(-6px,-6px)}@media (prefers-reduced-motion:no-preference){.site-root .oq-hl{transition:background-size .25s cubic-bezier(.2,.7,.2,1)}.site-root .oq-pic>:first-child{transition:transform .2s cubic-bezier(.2,.7,.2,1)}}.site-root .oq{--oq-a:var(--t-accent);--oq-a-fg:var(--t-accent-fg)}.site-root .oq-band{--t-bg:var(--oq-a);--t-card:var(--oq-a);--t-canvas:var(--oq-a);--t-fg:var(--oq-a-fg);--t-muted:var(--oq-a-fg);--t-border:var(--oq-a-fg);--t-accent:var(--oq-a-fg);--t-accent-fg:var(--oq-a);background:hsl(var(--oq-a));color:hsl(var(--oq-a-fg));border-color:hsl(var(--oq-a-fg) / .35)}.site-root .oq-band :is(.border-t,.md\:border-r){border-color:hsl(var(--oq-a-fg) / .35)}.site-root .oq-rubric{border-top:3px solid hsl(var(--t-accent))}.site-root .oq-dotted{border-color:hsl(var(--t-fg) / .25);border-style:dotted}.site-root .oq-vmark{writing-mode:vertical-rl;font-family:var(--oq-display);letter-spacing:-.02em;white-space:nowrap;font-weight:700;line-height:.82;transform:rotate(180deg)}.site-root .oq-vmark:not([data-fit]){visibility:hidden}.site-root .oq-live{flex:none;width:.5rem;height:.5rem;display:inline-block;position:relative}.site-root .oq-live>span{background:hsl(var(--t-accent));border-radius:9999px;position:absolute;inset:0}.site-root .oq-live>span:nth-child(2){opacity:0}@media (prefers-reduced-motion:no-preference){.site-root .oq-live>span:nth-child(2){animation:1.6s cubic-bezier(0,0,.2,1) infinite oq-ping}}@keyframes oq-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.site-root .oq-round{border-radius:9999px;position:relative}.site-root .oq-round:after{content:"";border:2px solid hsl(var(--t-accent));pointer-events:none;border-radius:9999px;position:absolute;inset:-5px}.site-root .oq-round-hand{pointer-events:none;background:conic-gradient(hsl(var(--t-fg)) 0 12%, transparent 12%);border-radius:9999px;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}@media (prefers-reduced-motion:no-preference){.site-root .oq-round-hand{animation:8s linear infinite paused spin}.site-root .oq-card:hover .oq-round-hand,.site-root [data-playing=true] .oq-round-hand{animation-duration:2.4s;animation-play-state:running}}.site-root .oq-round-progress{z-index:2;pointer-events:none;background:conic-gradient(hsl(var(--t-fg)) var(--oq-turn,0deg), transparent var(--oq-turn,0deg));border-radius:9999px;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}@media (prefers-reduced-motion:no-preference){.site-root .oq-in{animation:.35s cubic-bezier(.2,.7,.2,1) oq-fade}}@keyframes oq-fade{0%{opacity:0;transform:translateY(12px)}}.site-root .oq-loader{align-items:flex-end;gap:4px;width:2rem;height:1.5rem;display:inline-flex}.site-root .oq-loader>span{background:hsl(var(--t-accent));transform-origin:bottom;flex:1;height:100%;transform:scaleY(.4)}@media (prefers-reduced-motion:no-preference){.site-root .oq-loader>span{animation:.9s ease-in-out infinite oq-eq}.site-root .oq-loader>span:nth-child(2){animation-delay:.15s}.site-root .oq-loader>span:nth-child(3){animation-delay:.3s}}@keyframes oq-eq{50%{transform:scaleY(1)}}.site-root .oq-progress{background:conic-gradient(hsl(var(--t-accent)) calc(var(--oq-p,0) * 1turn), hsl(var(--t-border)) 0)}.site-root .oq-scroller{scrollbar-width:none}.site-root .oq-scroller::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:no-preference){.site-root .oq-pop{animation:.45s cubic-bezier(.2,.7,.2,1) oq-pop}.site-root .oq-mix-bar{animation:1s cubic-bezier(.2,.7,.2,1) .15s both oq-wipe}}@keyframes oq-pop{35%{transform:scale(1.3)rotate(-8deg)}}@keyframes oq-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){.site-root .oq-drawer{animation:.22s cubic-bezier(.2,.7,.2,1) oq-slide}.site-root .oq-overlay{animation:.22s ease-out oq-dim}}@keyframes oq-slide{0%{transform:translate(100%)}}@keyframes oq-dim{0%{opacity:0}}.site-root .oq-fill{transform:scaleX(1)}@media (prefers-reduced-motion:no-preference){.site-root .oq-fill{animation:5s linear forwards oq-fill}}@keyframes oq-fill{0%{transform:scaleX(0)}}.site-root .oq-hover-video video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.site-root .oq-hover-video[data-playing] video{opacity:1}.site-root .oq-hover-video .oq-hover-bar{z-index:6;background:hsl(var(--t-accent));transform-origin:0;height:3px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.site-root .oq-body{--t-accent-soft:var(--t-canvas)}.site-root .oq-body [class*=shadow]{box-shadow:none}.site-root .oq-body .prose{font-family:var(--oq-serif);font-size:1.1875rem;line-height:1.6}.site-root .oq-body .prose a{color:hsl(var(--t-fg));font-weight:inherit;text-decoration:underline;-webkit-text-decoration-color:hsl(var(--t-accent));text-decoration-color:hsl(var(--t-accent));text-underline-offset:4px;text-decoration-thickness:2px}.site-root .oq-body .prose a:hover{background:hsl(var(--t-accent));color:hsl(var(--t-accent-fg))}.site-root .oq-body .prose :is(h2,h3,h4){font-family:var(--oq-sans);letter-spacing:-.012em}.site-root .oq-body .prose blockquote{border-left:3px solid hsl(var(--t-accent));font-style:normal}.site-root .oq-body figcaption{font-family:var(--oq-mono);color:hsl(var(--t-muted));font-size:11px}.site-root .oq-body button.rounded-full:has(>video){--tw-ring-shadow:0 0 transparent;outline:2px solid hsl(var(--t-accent));outline-offset:4px}