.palette__field{border-bottom:1px solid var(--line);color:var(--fg-muted);align-items:center;gap:12px;padding:18px 64px 18px 20px;display:flex}.palette__field input{min-width:0;font-size:var(--fs-18);color:var(--fg);background:0 0;border:0;outline:none;flex:1}.palette__field input::-webkit-search-cancel-button{display:none}.palette__kbd,.palette kbd{font-family:var(--font-mono);border:1px solid var(--line-strong);color:var(--fg-muted);background:var(--bg);border-radius:4px;padding:2px 6px;font-size:10.5px}.palette__results{max-height:min(56vh,460px);padding:8px;list-style:none;overflow-y:auto}.palette__group{padding:12px 12px 6px}.palette__option{border-radius:var(--r-sm);cursor:pointer;color:var(--fg);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:11px 12px;display:grid}.palette__option svg{color:var(--fg-faint);opacity:0;transition:opacity var(--dur-2), transform var(--dur-2) var(--ease-out);transform:translate(-4px)}.palette__option.is-active{background:var(--bg-sunken)}.palette__option.is-active svg{opacity:1;color:var(--c-blue);transform:none}.palette__title{font-weight:560;font-size:var(--fs-15);white-space:nowrap}.palette__meta{font-size:var(--fs-13);color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.palette__empty{color:var(--fg-muted);font-size:var(--fs-14);text-align:center;padding:28px 12px}.palette__foot{border-top:1px solid var(--line);color:var(--fg-muted);gap:20px;padding:12px 20px;font-size:11px;display:flex}@media (width<=560px){.palette__option{grid-template-columns:1fr auto}.palette__meta{grid-area:2/1}.palette__foot{display:none}}.site-header{z-index:100;height:var(--header-h);color:var(--fg);transition:transform var(--dur-4) var(--ease-out), background-color var(--dur-3) var(--ease-out), color var(--dur-3) var(--ease-out), border-color var(--dur-3);background:0 0;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-header.is-scrolled{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:saturate(160%)blur(16px);border-bottom-color:var(--line)}.site-header.is-hidden{transform:translateY(-100%)}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--s-5);height:100%;display:flex}.logo{color:var(--fg);letter-spacing:-.025em;white-space:nowrap;border-radius:4px;align-items:center;gap:10px;font-size:1.0625rem;font-weight:650;display:inline-flex}.logo__mark{transition:transform var(--dur-4) var(--ease-out)}.logo:hover .logo__mark{transform:rotate(-12deg)}.logo__tld{color:var(--fg-muted);font-weight:450}.site-header__nav ul{gap:clamp(1.25rem,.5rem + 1.6vw,2.25rem);display:flex}.nav-link{font-size:var(--fs-14);color:var(--fg-muted);transition:color var(--dur-2);padding:8px 0;font-weight:480;display:inline-block;position:relative}.nav-link:after{content:"";background:var(--c-blue);width:4px;height:4px;transition:transform var(--dur-3) var(--ease-out);border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(0)}.nav-link:hover,.nav-link.active{color:var(--fg)}.nav-link.active:after{transform:translate(-50%)scale(1)}.site-header__actions{align-items:center;gap:10px;display:flex}.icon-btn{width:40px;height:40px;color:var(--fg);transition:background var(--dur-2);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:color-mix(in srgb, var(--fg) 9%, transparent)}.site-header__login{margin-left:2px}.burger{gap:6px;width:20px;display:grid}.burger span{background:currentColor;border-radius:2px;height:1.5px}.burger span:last-child{justify-self:end;width:13px}.site-header__burger{display:none}.site-header__logo,.site-header__nav li,.site-header__actions>*{animation:nav-in .9s var(--ease-out) both;animation-play-state:paused}.site-header__nav li{animation-delay:calc(.12s + var(--i) * 60ms)}.site-header__actions>*{animation-delay:.48s}html:not(.is-loading) .site-header__logo,html:not(.is-loading) .site-header__nav li,html:not(.is-loading) .site-header__actions>*{animation-play-state:running}@keyframes nav-in{0%{opacity:0;transform:translateY(-10px)}}@media (width<=1080px){.site-header__nav ul{gap:1.1rem}}@media (width<=960px){.site-header__nav,.site-header__search{display:none}.site-header__burger{display:grid}}@media (width<=600px){.site-header__cta{display:none}.site-header__actions{gap:6px}.site-header__login{--btn-px:10px;--btn-h:32px}}@media (width<=360px){.site-header .logo__tld{display:none}}.mobile-menu{width:100%;max-width:none;height:100dvh;max-height:none;padding:0 0 max(24px, env(safe-area-inset-bottom));background:var(--c-ink);color:var(--fg);animation:menu-in .52s var(--ease-out) both;border:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu::backdrop{background:0 0}.mobile-menu.is-closing{animation:menu-out .36s var(--ease-in-out) both}@keyframes menu-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes menu-out{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}.mobile-menu__top{height:var(--header-h);flex:none;justify-content:space-between;align-items:center;display:flex}.mobile-menu__top-actions{gap:4px;display:flex}.mobile-menu__nav{flex:1;padding-top:clamp(1.5rem,6vh,3.5rem)}.mobile-menu__nav li{border-bottom:1px solid var(--line);animation:menu-item .7s var(--ease-out) both;animation-delay:calc(.14s + var(--i) * 55ms)}@keyframes menu-item{0%{opacity:0;transform:translateY(18px)}}.mobile-menu__link{align-items:baseline;gap:18px;padding:12px 0 10px;display:flex}.mobile-menu__link .display{color:var(--fg-muted);transition:color var(--dur-2);font-size:clamp(2.6rem,11vw,4.5rem);line-height:.95}.mobile-menu__link.active .display,.mobile-menu__link:hover .display{color:var(--fg)}.mobile-menu__link.active .mobile-menu__num{color:var(--c-blue-soft)}.mobile-menu__num{width:2ch;color:var(--fg-faint)}.mobile-menu__foot{padding-top:var(--s-6);animation:menu-item .7s var(--ease-out) .42s both;gap:16px;display:grid}.mobile-menu__login{justify-self:start}.mobile-menu__meta{font-size:var(--fs-14);gap:4px;display:grid}.site-header__search,.site-header__burger{min-width:44px;min-height:44px}main:focus{outline:none}.cookie-banner{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:90;border-radius:var(--r-md);background:color-mix(in srgb, var(--c-ink-2) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(420px,100vw - 32px);color:var(--fg);border:1px solid var(--line);box-shadow:var(--shadow-3);font-size:var(--fs-14);animation:cookie-in .7s var(--ease-out) both;gap:14px;padding:18px;line-height:1.5;display:grid;position:fixed}.cookie-banner p{color:var(--fg-muted)}.cookie-banner a{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.cookie-banner__actions{flex-wrap:wrap;gap:8px;display:flex}@keyframes cookie-in{0%{opacity:0;transform:translateY(16px)}}.loader{z-index:500;background:var(--c-ink);color:var(--c-paper);transition:clip-path .9s var(--ease-in-out), visibility 0s .9s;clip-path:inset(0);place-items:center;display:grid;position:fixed;inset:0}.loader__bar:after{animation-duration:.45s!important}.loader.is-done{clip-path:inset(0 0 100%);visibility:hidden}.loader__inner{justify-items:center;gap:18px;display:grid}.loader__word{letter-spacing:-.03em;animation:loader-word .9s var(--ease-out) both;align-items:center;gap:12px;font-size:1.25rem;font-weight:650;display:flex}.loader__word span{color:var(--c-grey);font-weight:450}.loader__bar{background:#ffffff1f;width:160px;height:1px;overflow:hidden}.loader__bar:after{content:"";background:linear-gradient(90deg, var(--c-paper), var(--c-blue));transform-origin:0;height:100%;animation:loader-bar 1s var(--ease-in-out) both;display:block}@keyframes loader-word{0%{opacity:0;transform:translateY(8px)}}@keyframes loader-bar{0%{transform:scaleX(0)}}.legal__layout{gap:var(--col-gap);padding-top:var(--s-6);border-top:1px solid var(--line);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.legal__toc{top:calc(var(--header-h) + 24px);align-self:start;gap:14px;display:grid;position:sticky}.legal__toc ol{gap:2px;display:grid}.legal__toc a{font-size:var(--fs-15);color:var(--fg-muted);gap:12px;padding:6px 0;display:flex}.legal__toc a:hover{color:var(--fg)}.legal__toc .mono{color:var(--fg-faint)}.legal__updated{margin-top:10px;font-size:11px}.legal__body>section{scroll-margin-top:calc(var(--header-h) + 24px)}.legal__body>section:focus{outline:none}.legal__body>section+section{margin-top:0}.legal__body h2{font-size:var(--fs-24);align-items:baseline;gap:16px;margin-top:1.8em;display:flex}.legal__body>section:first-child h2{margin-top:0}.legal__num{color:var(--c-blue);font-size:12px}@media (width<=860px){.legal__layout{grid-template-columns:minmax(0,1fr)}.legal__toc{position:static}}.cookies{gap:var(--s-7) var(--col-gap);grid-template-columns:minmax(0,8fr) minmax(0,4fr);display:grid}.cookies__panel{border-bottom:1px solid var(--line)}.cookies__actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;min-width:0;max-width:100%;padding-top:24px;display:flex}.cookies__status{padding:16px 0 24px;font-size:11px}.cookies__aside{align-content:start;gap:12px;display:grid}.cookies__aside a{text-underline-offset:3px;color:var(--fg);text-decoration:underline}@media (width<=860px){.cookies{grid-template-columns:minmax(0,1fr)}}.system{background:var(--bg);min-height:max(640px,100svh);color:var(--fg);isolation:isolate;align-items:center;display:grid;position:relative;overflow:hidden}.system__inner{gap:var(--s-6);padding-top:calc(var(--header-h) + 3rem);padding-bottom:4rem;display:grid}.system__title{animation:page-in 1s var(--ease-out) both;font-size:clamp(4rem,1.5rem + 11vw,13rem);line-height:.82}.system__body{max-width:44ch;color:var(--fg-muted);font-size:var(--fs-18)}.system__detail{color:var(--fg-faint);margin-top:12px;font-size:11.5px}.system__actions{flex-wrap:wrap;gap:10px;display:flex}.system__orbit{z-index:-1;aspect-ratio:1;width:min(80vw,900px);position:absolute;top:50%;right:-12vw;transform:translateY(-50%)}.system__orbit span{border:1px solid #f7f8fa1a;border-radius:50%;animation:60s linear infinite spin;position:absolute;inset:0}.system__orbit span:nth-child(2){border-style:dashed;border-color:#f7f8fa24;animation-duration:90s;animation-direction:reverse;inset:14%}.system__orbit span:nth-child(3){background:radial-gradient(#f7f8fa59 .8px,#0000 1.2px) 0 0/10px 10px;border:0;inset:30%;-webkit-mask:radial-gradient(circle,#000 40%,#0000 71%);mask:radial-gradient(circle,#000 40%,#0000 71%)}.system__orbit i{background:var(--c-blue);width:10px;height:10px;box-shadow:0 0 20px var(--c-blue);transform-origin:calc(min(40vw,450px) + 5px) 5px;border-radius:50%;margin:-5px 0 0 -5px;animation:14s linear infinite spin;position:absolute;top:50%;left:0}@media (width<=720px){.system__orbit{opacity:.6;width:120vw;right:-50vw}}.cookies__actions>*{max-width:100%}
