.ok-root{background:var(--bg);color:var(--ink);min-height:100vh;position:relative;overflow-x:clip}.ok-curtain{z-index:100;background:var(--accent);color:var(--acc-ink);pointer-events:none;font:400 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:flex-end;padding:32px;display:flex;position:fixed;inset:0}.ok-grain{z-index:70;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.ok-cursor{z-index:90;pointer-events:none;display:none;position:fixed;top:0;left:0}.ok-cursor__dot{background:var(--accent);mix-blend-mode:difference;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.ok-cursor__text{opacity:0;white-space:nowrap;background:var(--accent);color:var(--acc-ink);font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;position:absolute;top:8px;left:22px}.ok-header{z-index:50;height:var(--header-h);padding:0 var(--gutter);background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);color:var(--ink);align-items:center;gap:24px;display:flex;position:fixed;top:0;left:0;right:0}.ok-brand{align-items:center;gap:10px;display:flex}.ok-brand__mark{background:var(--accent);width:14px;height:14px;display:block}.ok-brand__name{font:900 24px/1 var(--f-display);letter-spacing:.01em;text-transform:uppercase}.ok-brand__ver{font:500 10px var(--f-mono);color:var(--mute);letter-spacing:.06em}.ok-nav{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;gap:28px;margin-left:auto;display:flex}.ok-nav a{color:var(--mute);padding:6px 0;transition:color .2s;position:relative}.ok-nav a:hover,.ok-nav a[aria-current=page]{color:var(--ink)}.ok-nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .5s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ok-nav a[aria-current=page]:after{transform:scaleX(1)}.ok-header__tools{align-items:center;gap:8px;margin-left:auto;display:flex}.ok-nav+.ok-header__tools{margin-left:0}.ok-search-btn{background:var(--panel);border:1px solid var(--line);height:36px;font:400 12px var(--f-mono);color:var(--mute);align-items:center;gap:12px;padding:0 8px 0 12px;display:flex}.ok-search-btn:hover{border-color:var(--ink)}.ok-theme-btn{border:1px solid var(--line);background:0 0;place-items:center;width:36px;height:36px;display:grid}.ok-theme-btn:hover{border-color:var(--ink)}.ok-theme-btn span{border:1.5px solid var(--ink);background:linear-gradient(90deg, var(--ink) 50%, transparent 50%);border-radius:50%;width:14px;height:14px;display:block}@media (width<=899px){.ok-nav,.ok-brand__ver{display:none}}.ok-palette{z-index:80;background:color-mix(in oklab, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(6px);color:var(--ink);justify-content:center;align-items:flex-start;padding:12vh 16px 0;display:flex;position:fixed;inset:0}.ok-palette__panel{background:var(--panel);border:1px solid var(--line);width:100%;max-width:640px;box-shadow:0 40px 80px -20px #00000080}.ok-palette__bar{border-bottom:1px solid var(--line);align-items:center;gap:14px;height:64px;padding:0 16px;display:flex}.ok-palette__badge{font:500 10px var(--f-mono);background:var(--accent);color:var(--acc-ink);padding:4px 6px}.ok-palette__input{min-width:0;height:100%;color:var(--ink);font:500 20px var(--f-sans);background:0 0;border:0;outline:none;flex:1}.ok-palette__list{max-height:50vh;padding:6px;overflow:auto}.ok-palette__opt{cursor:pointer;align-items:center;gap:14px;padding:12px;display:flex}.ok-palette__opt[aria-selected=true]{background:var(--accent);color:var(--acc-ink)}.ok-palette__code{font:500 10px var(--f-mono);opacity:.7;width:64px}.ok-palette__name{font:800 22px/1 var(--f-display);text-transform:uppercase;flex:1}.ok-palette__cat{font:500 10px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.ok-palette__empty{font:400 13px var(--f-mono);color:var(--mute);padding:28px 12px}.ok-palette__empty a{color:var(--acc-text)}.ok-palette__foot{border-top:1px solid var(--line);font:400 10px var(--f-mono);color:var(--mute);letter-spacing:.06em;text-transform:uppercase;gap:18px;padding:10px 16px;display:flex}.ok-footer{z-index:2;background:var(--bg);padding:64px var(--gutter) 0;position:relative;overflow:hidden}.ok-footer__cols{flex-wrap:wrap;gap:40px 64px;display:flex}.ok-footer__col{min-width:180px}.ok-footer__col .ok-label{margin-bottom:14px;display:block}.ok-footer__links{flex-direction:column;gap:8px;font-size:15px;display:flex}.ok-footer__links a:hover{color:var(--acc-text)}.ok-footer__end{flex-direction:column;align-items:flex-start;gap:12px;margin-left:auto;display:flex}.ok-footer__end button{border:1px solid var(--line);height:40px;font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:0 16px}.ok-footer__end button:hover{border-color:var(--ink)}.ok-footer__word{font:900 25.5vw/.74 var(--f-display);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;margin:56px 0 -.06em -.02em}.hm-hero{z-index:0;min-height:100vh;padding-top:var(--header-h);background:var(--bg);position:relative}.hm-hero__inner{padding:28px var(--gutter) 32px;min-height:calc(100vh - var(--header-h));transform-origin:50% 20%;flex-wrap:wrap;gap:40px;display:flex}.hm-hero__main{flex-direction:column;flex:620px;justify-content:space-between;gap:40px;min-width:0;display:flex}.hm-hero__meta{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.hm-hero__title{font:900 clamp(64px, 10.4vw, 210px)/.84 var(--f-display);letter-spacing:-.015em;text-transform:uppercase}.hm-hero__title>span{display:block}.hm-hero__title .hm-last{flex-wrap:wrap;gap:.22em;display:flex}.hm-hero__foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.hm-hero__lede{max-width:400px;color:var(--mute);text-wrap:pretty;font-size:17px;line-height:1.5}.hm-search{background:var(--panel);border:1px solid var(--line);text-align:left;flex:0 520px;align-items:center;gap:16px;min-width:260px;height:64px;padding:0 12px 0 20px;display:flex}.hm-search:hover{border-color:var(--accent)}.hm-search__ring{border:1.5px solid var(--ink);border-radius:50%;flex:none;width:10px;height:10px}.hm-search__hint{font:400 14px var(--f-mono);color:var(--mute);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hm-search__key{font:500 11px var(--f-mono);background:var(--accent);color:var(--acc-ink);padding:6px 8px}.hm-live{border:1px solid var(--line);background:var(--panel);flex-direction:column;flex:300px;align-self:stretch;max-width:400px;display:flex}.hm-live__head{border-bottom:1px solid var(--line);font:500 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.hm-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.hm-live__row{border-bottom:1px solid var(--line);padding:14px;display:block}.hm-live__row:last-child{border-bottom:0;flex:1}.hm-live__row:hover{background:var(--bg2)}.hm-live__row--split{gap:14px;display:flex}.hm-live__cap{font:500 10px var(--f-mono);letter-spacing:.08em;color:var(--mute);justify-content:space-between;margin-bottom:8px;display:flex}.hm-readout{background:var(--ro-bg);color:var(--ro-ink);font:500 12.5px var(--f-mono);white-space:nowrap;padding:10px 12px;overflow:hidden}.hm-readout--pw{letter-spacing:.08em;font-size:15px}.hm-qr{background:var(--ro-bg);flex:none;width:116px;padding:10px}.hm-qr canvas{aspect-ratio:1;width:100%;color:var(--ro-ink);display:block}.hm-live__stack{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.hm-live__name{font:800 28px/.9 var(--f-display);text-transform:uppercase}.hm-swatch{background:var(--accent);flex:none;width:56px;min-height:56px}.hm-hex{font:500 18px var(--f-mono)}.hm-featured{z-index:2;background:var(--bg2);border-top:1px solid var(--line);flex-direction:column;justify-content:center;gap:32px;min-height:100vh;padding:88px 0 40px;display:flex;position:relative}.hm-sechead{padding:0 var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.hm-sechead .ok-label{margin-bottom:16px}.hm-progress{width:min(320px,100%)}.hm-progress__meta{justify-content:space-between;margin-bottom:10px;display:flex}.hm-progress__bar{background:var(--line);height:2px}.hm-progress__bar div{background:var(--accent);transform-origin:0;height:100%}.hm-viewport{overflow:auto hidden}.hm-track{padding:8px var(--gutter);gap:16px;width:max-content;display:flex}.hm-card{background:var(--panel);border:1px solid var(--line);flex-direction:column;flex:none;justify-content:space-between;width:clamp(280px,29vw,440px);height:clamp(400px,60vh,560px);padding:22px;display:flex}.hm-card__top{font:500 10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);justify-content:space-between;display:flex}.hm-card__abbr{font:900 clamp(140px, 15vw, 230px)/.8 var(--f-display);letter-spacing:-.03em;opacity:.9}.hm-card__name{font:800 clamp(34px, 3.2vw, 48px)/.9 var(--f-display);text-transform:uppercase;margin-bottom:12px}.hm-card__desc{color:var(--mute);text-wrap:pretty;max-width:320px;margin:0 0 18px;font-size:15px;line-height:1.45}.hm-card__cta{border-top:1px solid var(--line);font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.hm-card__cta span:last-child{color:var(--acc-text)}.hm-card--end{background:var(--accent);width:clamp(240px,22vw,320px);color:var(--acc-ink);border-color:var(--accent);justify-content:flex-end}.hm-card--end:hover{color:var(--acc-ink)}.hm-card--end .ok-label{color:inherit;margin-bottom:auto}.hm-card--end strong{font:900 64px/.86 var(--f-display);text-transform:uppercase}.hm-chapters{z-index:2;position:relative}.hm-chapter{min-height:100vh;padding:96px var(--gutter) 32px;flex-direction:column;justify-content:space-between;gap:32px;display:flex;position:relative;overflow:hidden}.hm-chapter__meta{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;display:flex}.hm-chapter__body{flex-wrap:wrap;align-items:flex-end;gap:32px 48px;display:flex}.hm-chapter__num{font:900 clamp(220px, 36vw, 620px)/.74 var(--f-display);letter-spacing:-.05em;flex:420px;margin-left:-.04em}.hm-chapter__copy{flex:380px;max-width:560px}.hm-chapter__copy h3{font:900 clamp(56px, 7vw, 124px)/.86 var(--f-display);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 14px}.hm-chapter__copy p{opacity:.75;text-wrap:pretty;max-width:420px;margin:0 0 28px;font-size:18px;line-height:1.45}.hm-chapter__list{border-top:1px solid color-mix(in oklab, currentColor 25%, transparent)}.hm-chapter__list a{border-bottom:1px solid color-mix(in oklab, currentColor 25%, transparent);transition:padding-left .3s var(--ease-out);align-items:baseline;gap:16px;padding:14px 0;display:flex}.hm-chapter__list a:hover{color:inherit;padding-left:8px}.hm-chapter__list .code{font:500 11px var(--f-mono);letter-spacing:.06em;opacity:.65;flex:none;width:72px}.hm-chapter__list .name{font:800 28px/1 var(--f-display);text-transform:uppercase;flex:1}.hm-chapter__list .arrow{font:500 14px var(--f-mono)}.hm-index{z-index:2;background:var(--bg);padding:120px var(--gutter);border-top:1px solid var(--line);position:relative}.hm-index .hm-sechead{margin-bottom:56px;padding:0}.hm-index__note{max-width:360px;color:var(--mute);font-size:16px;line-height:1.5}.hm-index__note kbd{font-family:var(--f-mono);color:var(--ink)}.hm-rows{border-top:1px solid var(--line)}.hm-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px 28px;padding:22px 8px;display:flex;position:relative}.hm-row:hover{background:var(--panel)}.hm-row__code{font:500 11px var(--f-mono);letter-spacing:.06em;color:var(--mute);width:76px}.hm-row__abbr{border:1px solid var(--line);background:var(--bg2);width:56px;height:56px;font:700 13px var(--f-mono);color:var(--acc-text);place-items:center;display:grid}.hm-row__main{flex:280px;min-width:0}.hm-row__name{font:800 clamp(30px, 3.2vw, 46px)/.95 var(--f-display);text-transform:uppercase;display:block}.hm-row__desc{color:var(--mute);margin-top:6px;font-size:15px;display:block}.hm-row__cat{width:120px}.hm-row__tags{width:180px}.hm-row__go{border:1px solid var(--line);width:40px;height:40px;font:500 14px var(--f-mono);place-items:center;display:grid}.hm-contrib{z-index:2;background:var(--bg2);border-top:1px solid var(--line);padding:120px 0 0;position:relative;overflow:hidden}.hm-contrib__top{padding:0 var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:48px;display:flex}.hm-contrib__title{flex:560px;min-width:0}.hm-contrib__title .ok-label{margin-bottom:16px}.hm-contrib__title h2{font:900 clamp(56px, 8vw, 150px)/.84 var(--f-display);letter-spacing:-.01em;text-transform:uppercase}.hm-contrib__title h2 span{display:block}.hm-contrib__side{flex-direction:column;flex:0 380px;gap:20px;display:flex}.hm-contrib__side p{color:var(--mute);text-wrap:pretty;font-size:17px;line-height:1.5}.hm-contrib__side ol{font:400 12px var(--f-mono);color:var(--mute);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hm-contrib__ctas{flex-wrap:wrap;gap:10px;display:flex}.hm-stats{margin:72px var(--gutter) 0;border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.hm-stat{border-right:1px solid var(--line);padding:20px 0 28px 20px}.hm-stat:first-child{padding-left:0}.hm-stat:last-child{border-right:0}.hm-stat__val{font:900 clamp(80px, 10vw, 160px)/.9 var(--f-display);font-variant-numeric:tabular-nums}.hm-stat:last-child .hm-stat__val{color:var(--acc-text)}.hm-marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:6px;margin-top:56px;padding:18px 0;display:flex}.hm-marquee>div{overflow:hidden}.hm-marquee__row{will-change:transform;width:max-content;display:flex}.hm-marquee__item{font:900 clamp(64px, 8vw, 132px)/1 var(--f-display);text-transform:uppercase;white-space:nowrap;align-items:center;gap:36px;padding-right:36px;display:flex}.hm-marquee__sq{background:var(--accent);width:.28em;height:.28em;display:block}.hm-marquee__cat{font:400 .2em var(--f-mono);-webkit-text-stroke:0;color:var(--mute)}@media (width<=899px){.hm-row__cat,.hm-row__tags{display:none}.hm-stat{border-right:0;border-bottom:1px solid var(--line);padding-left:0}}.nf{min-height:100vh;padding:100px var(--gutter) 40px;flex-direction:column;justify-content:space-between;gap:40px;display:flex}.nf__meta{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.nf__body{flex-wrap:wrap;align-items:flex-end;gap:32px 56px;display:flex}.nf__code{font:900 clamp(200px, 34vw, 600px)/.74 var(--f-display);letter-spacing:-.05em;flex:560px;margin-left:-.03em}.nf__code>span{display:inline-block}.nf__zero{color:#0000;-webkit-text-stroke:2px var(--ink)}.nf__side{flex-direction:column;flex:380px;gap:22px;max-width:520px;display:flex}.nf__req{background:var(--ro-bg);color:var(--ro-ink);font:500 14px var(--f-mono);gap:12px;padding:14px 16px;display:flex;overflow:hidden}.nf__req>span:first-child{opacity:.6}.nf__path{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nf__side h2{font:900 clamp(44px, 4.6vw, 76px)/.88 var(--f-display);text-transform:uppercase}.nf__side p{color:var(--mute);text-wrap:pretty;font-size:17px;line-height:1.5}.nf__ctas{flex-wrap:wrap;gap:10px;display:flex}.nf__near{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));display:grid}.nf__near a{border-bottom:1px solid var(--line);font:500 14px var(--f-mono);align-items:baseline;gap:14px;padding:16px 12px 16px 0;display:flex}.nf__near a:hover{color:var(--acc-text)}.nf__near .code{color:var(--mute);flex:none;width:66px;font-size:10px}.nf__near .name{font:800 26px/1 var(--f-display);text-transform:uppercase;flex:1}.ct-hero{min-height:86vh;padding:100px var(--gutter) 28px;flex-direction:column;justify-content:space-between;gap:32px;display:flex;position:relative;overflow:hidden}.ct-hero__meta{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.ct-crumbs{gap:10px;display:flex}.ct-crumbs a,.ct-crumbs span:not([aria-current]){opacity:.7}.ct-crumbs a:hover{opacity:1;color:inherit}.ct-hero__body{flex-wrap:wrap;align-items:flex-end;gap:24px 48px;display:flex}.ct-hero__num{font:900 clamp(200px, 30vw, 520px)/.74 var(--f-display);letter-spacing:-.05em;flex:0 auto;margin-left:-.04em}.ct-hero__copy{flex:420px;min-width:0}.ct-hero__copy h1{font:900 clamp(72px, 10vw, 196px)/.84 var(--f-display);text-transform:uppercase;letter-spacing:-.015em;margin:0 0 18px}.ct-hero__copy p{opacity:.8;text-wrap:pretty;max-width:460px;font-size:19px;line-height:1.45}.ct-tabs{flex-wrap:wrap;gap:8px;display:flex}.ct-tabs a{height:40px;font:600 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.6;border:1px solid;align-items:center;gap:10px;padding:0 14px;display:inline-flex}.ct-tabs a:hover,.ct-tabs a[aria-current=page]{opacity:1;color:inherit}.ct-grid-wrap{padding:24px var(--gutter) 0}.ct-grid-head{justify-content:space-between;padding:12px 0 24px;display:flex}.ct-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.ct-cell{background:var(--panel);min-height:380px;color:var(--ink);border:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:24px;padding:22px;display:flex}.ct-cell--big{min-height:440px}.ct-cell--propose{background:var(--accent);color:var(--acc-ink)}.ct-cell--propose:hover{color:var(--acc-ink)}.ct-cell__top{font:500 10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75;justify-content:space-between;gap:12px;display:flex}.ct-cell__preview{background:var(--ro-bg);max-width:100%;color:var(--ro-ink);font:500 13px var(--f-mono);white-space:nowrap;align-self:flex-start;align-items:center;gap:14px;padding:14px 16px;display:flex;overflow:hidden}.ct-cell__preview canvas{aspect-ratio:1;width:120px;color:var(--ro-ink);display:block}.ct-cell__preview .pw{letter-spacing:.06em;font-size:17px}.ct-cell__preview .sw{background:var(--accent);flex:none;width:40px;height:40px;display:block}.ct-cell__preview .hex{font-size:18px}.ct-cell__plus{font:900 clamp(96px, 10vw, 160px)/.8 var(--f-display)}.ct-cell__foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.ct-cell__text{flex:260px;min-width:0}.ct-cell__name{font:800 clamp(36px, 3.4vw, 52px)/.9 var(--f-display);text-transform:uppercase;margin-bottom:10px;display:block}.ct-cell--big .ct-cell__name{font-size:clamp(44px,4.4vw,72px)}.ct-cell__desc{opacity:.75;max-width:420px;font-size:15px;line-height:1.45;display:block}.ct-cell__go{width:44px;height:44px;font:500 16px var(--f-mono);border:1px solid;flex:none;place-items:center;display:grid}.ct-next{padding:40px var(--gutter) 32px;margin:120px 0 0;display:block;overflow:hidden}.ct-next:hover{color:inherit}.ct-next__meta{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;display:flex}.ct-next__name{font:900 clamp(80px, 13vw, 240px)/.82 var(--f-display);text-transform:uppercase;letter-spacing:-.02em;margin-top:24px;display:block}@media (width<=899px){.ct-cell{grid-column:span 12!important}}.tl-page{padding:100px var(--gutter) 0;max-width:1680px;margin:0 auto}.tl-crumbs{flex-wrap:wrap;gap:10px;display:flex}.tl-crumbs a:hover,.tl-crumbs [aria-current]{color:var(--ink)}.tl-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin:24px 0 32px;padding-bottom:28px;display:flex}.tl-head h1{min-width:0;font:900 clamp(60px, 9.2vw, 172px)/.84 var(--f-display);letter-spacing:-.015em;text-transform:uppercase;flex:640px}.tl-head__side{flex-direction:column;flex:0 380px;gap:14px;display:flex}.tl-head__side p{color:var(--mute);text-wrap:pretty;font-size:17px;line-height:1.5}.tl-tags{font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:8px;display:flex}.tl-tags>*{border:1px solid var(--line);padding:5px 8px}.tl-tags .is-cat{background:var(--accent);color:var(--acc-ink);border-color:var(--accent)}.tl-tags .is-new{border-color:var(--accent);color:var(--acc-text)}.tl-frame{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.tl-in{flex-direction:column;flex:360px;gap:26px;min-width:0;max-width:560px;display:flex}.tl-in__head{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:12px;display:flex}.tl-out{background:var(--ro-bg);min-width:0;color:var(--ro-ink);border:1px solid var(--line);flex-direction:column;flex:1.5 520px;display:flex;position:sticky;top:88px}.tl-out__head{border-bottom:1px solid var(--ro-line);font:500 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ro-dim);justify-content:space-between;padding:12px 16px;display:flex}.tl-out__dot{background:var(--ro-ink);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.tl-out__dot.is-busy{animation:.6s steps(2,end) infinite tl-blink}@keyframes tl-blink{50%{opacity:.2}}.tl-out__body{background-image:linear-gradient(var(--ro-line) 1px, transparent 1px), linear-gradient(90deg, var(--ro-line) 1px, transparent 1px);background-position:-1px -1px;background-size:40px 40px;flex-direction:column;flex:1;justify-content:center;gap:26px;min-height:460px;padding:28px 24px;display:flex}.tl-out__actions{border-top:1px solid var(--ro-line);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.tl-out__note{font:400 10px var(--f-mono);color:var(--ro-dim);letter-spacing:.06em;text-transform:uppercase;align-self:center;margin-left:auto}.tl-err{font:500 13px var(--f-mono);color:var(--danger)}.tl-cap{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ro-dim)}.tl-big{font:900 clamp(72px, 8.6vw, 156px)/.86 var(--f-display);font-variant-numeric:tabular-nums}.tl-kv{border-top:1px solid var(--ro-line);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:24px;display:grid}.tl-kv>div{border-bottom:1px solid var(--ro-line);font:500 13px var(--f-mono);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.tl-kv>div>span:first-child{color:var(--ro-dim)}.tl-field{flex-direction:column;gap:8px;display:flex}.tl-field__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tl-field__aside{color:var(--ink)}.tl-text,.tl-area{background:var(--panel);border:1px solid var(--line);width:100%;height:60px;color:var(--ink);font:500 20px var(--f-mono);color-scheme:var(--scheme);outline:none;padding:0 14px}.tl-area{height:auto;font:500 15px/1.5 var(--f-mono);resize:vertical;padding:14px}.tl-text:focus,.tl-area:focus,.tl-num:focus-within{border-color:var(--accent)}.tl-num{background:var(--panel);border:1px solid var(--line);align-items:center;height:60px;display:flex}.tl-num input{min-width:0;height:100%;color:var(--ink);font:500 22px var(--f-mono);background:0 0;border:0;outline:none;flex:1;padding:0 10px}.tl-num__pre{font:500 20px var(--f-mono);color:var(--mute);padding-left:14px}.tl-num__suf{font:500 12px var(--f-mono);color:var(--mute);padding-right:14px}.tl-seg{border:1px solid var(--line);display:flex}.tl-seg--wrap{flex-wrap:wrap}.tl-seg button{min-height:48px;font:600 12px var(--f-mono);text-transform:uppercase;background:0 0;border:0;flex-direction:column;flex:90px;justify-content:center;align-items:center;gap:2px;display:flex}.tl-seg button small{opacity:.7;font-size:10px;font-weight:400}.tl-seg button[aria-pressed=true]{background:var(--accent);color:var(--acc-ink)}.tl-chips{flex-wrap:wrap;gap:6px;display:flex}.tl-chips button{border:1px solid var(--line);background:var(--panel);min-width:56px;height:44px;font:600 13px var(--f-mono);padding:0 12px}.tl-chips button[aria-pressed=true]{background:var(--accent);color:var(--acc-ink);border-color:var(--accent)}.tl-toggles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.tl-toggle{background:var(--panel);border:1px solid var(--line);height:52px;font:500 13px var(--f-mono);text-align:left;align-items:center;gap:12px;padding:0 14px;display:flex}.tl-toggle__box{border:1.5px solid var(--ink);flex:none;width:14px;height:14px}.tl-toggle__label{flex:1}.tl-toggle[aria-pressed=true]{border-color:var(--accent)}.tl-toggle[aria-pressed=true] .tl-toggle__box{background:var(--accent)}.tl-ghost{border:1px solid var(--line);background:var(--panel);height:40px;font:600 12px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;padding:0 14px}.tl-ghost:hover{border-color:var(--accent)}.tl-note{color:var(--mute);font-size:14px;line-height:1.5}.tl-act{border:1px solid var(--ro-line);height:48px;color:var(--ro-ink);font:600 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;align-items:center;gap:10px;padding:0 18px;transition:background-color .25s,color .25s;display:inline-flex}.tl-act--small{height:36px;padding:0 12px;font-size:11px}.tl-act--primary,.tl-act--done{background:var(--ro-ink);color:var(--acc-ink);border-color:var(--ro-ink)}.tl-act:disabled{opacity:.4;cursor:not-allowed}.tl-qr{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;display:flex}.tl-qr__tile{aspect-ratio:1;background:#fff;width:min(340px,100%)}.tl-qr__tile canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.tl-qr__stats{font:500 13px var(--f-mono);grid-template-columns:auto auto;align-content:center;gap:12px 28px;display:grid}.tl-qr__stats span:nth-child(odd){color:var(--ro-dim)}.tl-pw{font:500 48px/1.2 var(--f-mono);letter-spacing:.03em;word-break:break-all;min-height:1.2em}.tl-meter{gap:6px;margin-bottom:12px;display:flex}.tl-meter div{background:var(--ro-line);flex:1;height:6px;transition:background-color .4s}.tl-meter div.on{background:var(--ro-ink)}.tl-meter-cap{font:500 12px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.tl-meter-cap span:last-child{color:var(--ro-dim)}.tl-uu{max-height:440px;overflow:auto}.tl-uu>div{border-bottom:1px solid var(--ro-line);font:500 16px var(--f-mono);gap:16px;padding:11px 0;display:flex}.tl-uu--one>div{font-size:24px}.tl-uu .n{color:var(--ro-dim);flex:none;width:28px}.tl-uu .v{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tl-unit__from{font:500 14px var(--f-mono);color:var(--ro-dim)}.tl-unit__res{flex-wrap:wrap;align-items:baseline;gap:6px 18px;display:flex}.tl-unit__res .tl-big{word-break:break-all;font-size:clamp(64px,7.4vw,136px);line-height:.9}.tl-unit__name{font:800 32px/1 var(--f-display);text-transform:uppercase}.tl-unit__formula{border-top:1px solid var(--ro-line);font:500 13px var(--f-mono);color:var(--ro-dim);padding-top:14px}.tl-swatch{background:var(--accent);justify-content:space-between;align-items:flex-end;gap:12px;min-height:200px;padding:18px;display:flex}.tl-swatch strong{font:900 clamp(48px, 5vw, 80px)/.9 var(--f-display)}.tl-swatch span{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.06em}.tl-co-rows{border-top:1px solid var(--ro-line)}.tl-co-rows>div{border-bottom:1px solid var(--ro-line);align-items:center;gap:16px;padding:12px 0;display:flex}.tl-co-rows .k{width:44px;font:500 11px var(--f-mono);color:var(--ro-dim)}.tl-co-rows .v{min-width:0;font:500 18px var(--f-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tl-co-picker{gap:8px;display:flex}.tl-co-picker .tl-text{flex:1;min-width:0}.tl-co-picker input[type=color]{border:1px solid var(--line);background:var(--panel);cursor:pointer;width:60px;height:60px;padding:4px}.tl-samples{flex-wrap:wrap;gap:8px;display:flex}.tl-samples button{border:1px solid var(--line);background:var(--panel);height:40px;font:500 12px var(--f-mono);align-items:center;gap:8px;padding:0 12px 0 8px;display:flex}.tl-samples button:hover{border-color:var(--ink)}.tl-samples i{width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--line)}.tl-share{background:var(--ro-line);height:12px;overflow:hidden}.tl-share div{background:var(--ro-ink);transform-origin:0;height:100%;transition:transform .9s var(--ease-out)}.tl-share-cap{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-top:8px;display:flex}.tl-share-cap span:last-child{color:var(--ro-dim)}.tl-totals{border-top:1px solid var(--ro-line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.tl-totals>div{padding:14px 14px 0 0}.tl-totals .tl-cap{margin-bottom:6px;font-size:10px}.tl-totals .val{font:800 30px/1 var(--f-display);font-variant-numeric:tabular-nums}.tl-sched{border:1px solid var(--line);background:var(--panel);margin-top:24px}.tl-sched__toggle{text-align:left;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:20px;display:flex}.tl-sched__title{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.tl-sched__title strong{font:800 clamp(28px, 3vw, 40px)/1 var(--f-display);text-transform:uppercase}.tl-sched__btn{font:600 12px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);padding:8px 12px}.tl-sched__body{border-top:1px solid var(--line);max-height:440px;font:500 13px var(--f-mono);font-variant-numeric:tabular-nums;overflow:auto}.tl-sched__row{border-bottom:1px solid var(--line);grid-template-columns:minmax(90px,1fr) repeat(3,minmax(0,1.4fr));gap:12px;padding:10px 20px;display:grid}.tl-sched__row>span:not(:first-child){text-align:right}.tl-sched__row>span:first-child{color:var(--mute)}.tl-sched__row--head{background:var(--panel);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:12px 20px;font-size:10px;position:sticky;top:0}.tl-sched__row--year{background:color-mix(in oklab, var(--accent) 14%, transparent)}.tl-bmi__val{flex-wrap:wrap;align-items:baseline;gap:8px 24px;display:flex}.tl-bmi__val .tl-big{font-size:clamp(96px,11vw,200px);line-height:.84}.tl-bmi__cat{font:800 40px/1 var(--f-display);text-transform:uppercase}.tl-scale{padding-top:16px;position:relative}.tl-scale__mark{width:100%;transition:transform .9s var(--ease-out);position:absolute;top:0;left:0}.tl-scale__mark span{background:var(--ro-ink);width:2px;height:46px;margin-left:-1px;display:block}.tl-scale__bar,.tl-scale__labels{gap:3px;display:flex}.tl-scale__bar{height:24px}.tl-scale__bar div{background:var(--ro-line);transition:background-color .4s}.tl-scale__bar div.on{background:var(--ro-ink)}.tl-scale__labels{font:500 10px var(--f-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ro-dim);margin-top:8px}.tl-scale__labels span{min-width:0;overflow:hidden}.tl-scale__labels span.on{color:var(--ro-ink)}.tl-bmi__foot{border-top:1px solid var(--ro-line);font:500 14px var(--f-mono);flex-direction:column;gap:6px;padding-top:14px;display:flex}.tl-bmi__foot span:last-child{font:400 12px var(--f-mono);color:var(--ro-dim)}.tl-age{flex-wrap:wrap;align-items:flex-end;gap:16px 36px;display:flex}.tl-age .tl-big{font-size:clamp(56px,5.4vw,96px);line-height:.8;display:block}.tl-age>div:first-child .tl-big{font-size:clamp(110px,12vw,220px)}.tl-age .tl-cap{margin-top:10px}.tl-related{margin-top:120px}.tl-related__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px;display:flex}.tl-related__head .ok-label{margin-bottom:14px}.tl-related__head h2{font:900 clamp(48px, 6vw, 104px)/.86 var(--f-display);text-transform:uppercase;letter-spacing:-.01em}.tl-related__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;display:grid}.tl-rel{background:var(--panel);border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:340px;padding:20px;display:flex}.tl-rel__top{font:500 10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);justify-content:space-between;display:flex}.tl-rel__abbr{font:900 128px/.8 var(--f-display);letter-spacing:-.03em}.tl-rel__name{font:800 36px/.9 var(--f-display);text-transform:uppercase;margin-bottom:10px;display:block}.tl-rel__desc{color:var(--mute);font-size:15px;line-height:1.45;display:block}.tl-soon{flex-direction:column;align-items:flex-start;gap:18px;padding:48px 0;display:flex}.tl-soon p{max-width:420px;color:var(--mute);font-size:17px;line-height:1.5}@media (width<=899px){.tl-out{position:relative;top:0}.tl-out__body{min-height:320px}}:root{--bg:#0d0e0b;--bg2:#14150f;--panel:#1a1c15;--ink:#eeefe7;--mute:#8f9285;--line:#eeefe721;--accent:#c8f23a;--acc-ink:#10110d;--acc-text:#c8f23a;--ro-bg:#070806;--ro-ink:#c8f23a;--ro-dim:color-mix(in oklab, var(--ro-ink) 62%, transparent);--ro-line:color-mix(in oklab, var(--ro-ink) 18%, transparent);--danger:#ff8a6b;--grain:.07;--scheme:dark;--f-display:"Big Shoulders Display", "Arial Narrow", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--f-sans:"Hanken Grotesk", system-ui, sans-serif;--gutter:24px;--header-h:64px;--ease-out:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#edede6;--bg2:#e2e2d9;--panel:#f7f7f1;--ink:#121310;--mute:#5c5f55;--line:#12131026;--acc-text:#4a6100;--ro-bg:#141511;--grain:.05;--scheme:light;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit;text-decoration:none}a:hover{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}::selection{background:var(--accent);color:var(--acc-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]{width:100%;accent-color:var(--accent)}.ok-label{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.ok-meta{font:400 11px var(--f-mono);color:var(--mute)}.ok-display{font-family:var(--f-display);text-transform:uppercase;font-weight:900}.ok-h2{font:900 clamp(52px, 7.4vw, 136px)/.86 var(--f-display);letter-spacing:-.01em;text-transform:uppercase}.ok-outline{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.ok-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ok-btn{border:1px solid var(--ink);height:52px;font:700 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;align-items:center;gap:10px;padding:0 22px;display:inline-flex}.ok-btn--accent{background:var(--accent);color:var(--acc-ink);border-color:var(--accent)}.ok-btn--accent:hover{color:var(--acc-ink)}.ok-btn--quiet{border-color:var(--line);height:44px;padding:0 16px;font-size:11px;font-weight:600}.ok-btn--quiet:hover{border-color:var(--ink)}.ok-kbd{font:500 10px var(--f-mono);border:1px solid var(--line);color:var(--ink);padding:2px 6px}.ok-spot{position:relative;overflow:hidden}.ok-spot:before{content:"";pointer-events:none;opacity:var(--spot,0);background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--accent) 20%, transparent), transparent 62%);transition:opacity .3s;position:absolute;inset:0}.ok-spot>*{position:relative}