:root{--pcol: 720px;--pwide: 1120px}.page{height:auto;min-height:100dvh;display:flex;flex-direction:column;overscroll-behavior:auto}html:has(body.page){height:auto}.page .wrap{width:100%;max-width:var(--pwide);margin-inline:auto;padding-inline:var(--s5);box-sizing:border-box}.page__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;max-width:var(--pwide);margin-inline:auto;box-sizing:border-box;min-height:56px;padding:calc(var(--s4) + env(safe-area-inset-top)) var(--s5) 0}.page__brand{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;min-height:44px}.page__brand:hover,.page__brand:focus-visible{color:var(--accent);outline:none}.page__logo path{transform-box:fill-box;transform-origin:center;transition:transform var(--d-mid) var(--ease)}.brand:hover .page__logo path,.brand:focus-visible .page__logo path{animation:brand-pm .62s var(--ease-o)}@keyframes brand-pm{0%{transform:translateY(0)}28%{transform:translateY(-22%)}58%{transform:translateY(9%)}80%{transform:translateY(-3%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.brand:hover .page__logo path,.brand:focus-visible .page__logo path{animation:none}}.page__logo{height:24px;width:auto;display:block;margin-left:-5.448px}.page__tools{display:inline-flex;align-items:center;gap:var(--s2)}.page__tools .langbtn,.page__tools .themebtn{height:44px;min-width:44px}.page__domain{font-size:var(--t-xs);font-weight:500;color:var(--ink-3);margin-left:var(--s2)}.page__main{flex:1;width:100%;max-width:var(--pcol);margin-inline:auto;box-sizing:border-box;padding:var(--s7) var(--s5) var(--s8)}.page__main h1{margin:0 0 var(--s4);font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:700;letter-spacing:var(--tight);line-height:1.05;text-wrap:balance}.page__lead{margin:0 0 var(--s6);max-width:34em;font-size:var(--t-lg);line-height:1.35;color:var(--ink-2);text-wrap:pretty}.page__main h2{margin:var(--s8) 0 var(--s3);font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em;line-height:1.25;text-wrap:balance}.page__main p{margin:0 0 var(--s3);max-width:62ch;font-size:var(--t-md);line-height:1.5;color:var(--ink-2);text-wrap:pretty}.page__main p a,.page__main li a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--line-strong)}.page__main a:hover{text-decoration-color:var(--ink)}.page__main a:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.page__main h2+p{color:var(--ink);font-weight:500}.page__byline{margin:0 0 var(--s6);padding:var(--s3) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:var(--t-sm);color:var(--ink-3);display:flex;flex-wrap:wrap;column-gap:var(--s5);row-gap:var(--s1);font-variant-numeric:tabular-nums}.page__byline a,.page__byline b{font-weight:500;color:var(--ink);text-decoration:none}.page__byline a:hover{text-decoration:underline;text-underline-offset:3px}.rows{margin:var(--s2) 0 var(--s3);padding:0;list-style:none;max-width:62ch}.rows>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--line);font-size:var(--t-md);line-height:1.4}.rows>li:last-child{border-bottom:1px solid var(--line)}.rows__k{color:var(--ink)}.rows__k a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px;margin:-10px 0}.rows__k a:hover{text-decoration:underline}.rows__v{color:var(--ink-3);font-size:var(--t-xs);font-weight:500;text-align:right;white-space:nowrap}@media (max-width: 420px){.rows>li{grid-template-columns:1fr;row-gap:2px}.rows__v{text-align:left}}.fig{margin:var(--s5) 0 var(--s6);padding:0}.fig__sheet{--hue: 150;position:relative;max-width:420px;padding:var(--s6) var(--s5) var(--s5);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-up)}.fig__sheet:before{content:"";position:absolute;top:10px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:var(--r-full);background:var(--line)}.page__main .fig__num{margin:0;max-width:none;font-size:var(--t-mega);font-weight:700;letter-spacing:var(--tight);line-height:.95;color:var(--ink);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap}.fig__num small{font-size:var(--t-md);font-weight:400;letter-spacing:0;color:var(--ink-2)}.page__main .fig__verdict{margin:var(--s3) 0 0;font-size:var(--t-md);font-weight:500;color:var(--ink);line-height:1.4;max-width:30ch}.fig__curve{position:relative;margin:var(--s4) 0 0}.fig__curve svg{width:100%;height:56px;display:block;overflow:visible}.fig__area{fill:var(--accent-soft);stroke:var(--accent-line);stroke-width:.7}.fig__truth{stroke:var(--ink);stroke-width:.9}.fig__mine{stroke:var(--accent);stroke-width:1.4;stroke-dasharray:2.5 2}.fig__axis{position:relative;height:1.4em;margin-top:4px;font-size:var(--t-xs);font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.fig__axis span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.fig__axis .is-mine{color:var(--accent)}.fig__axis .is-truth{color:var(--ink)}.page__main .fig__src{margin:var(--s4) 0 0;font-size:var(--t-xs);font-weight:500;color:var(--ink-3)}.page__main .fig__src a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}.fig__src a:hover{color:var(--ink)}.page__main .fig__cap{margin:var(--s4) 0 0;font-size:var(--t-sm);color:var(--ink-3);max-width:52ch;text-wrap:pretty}.fig__grid{display:grid;grid-template-columns:1fr;gap:var(--s5);align-items:start}@media (min-width: 640px){.fig__grid{grid-template-columns:minmax(0,420px) 1fr;column-gap:var(--s6)}}.fig__keys{margin:0;padding:0;list-style:none;font-size:var(--t-sm);color:var(--ink-2)}.fig__keys li{padding:var(--s3) 0;border-top:1px solid var(--line);display:grid;grid-template-columns:2.6em 1fr;column-gap:var(--s3);align-items:baseline}.fig__keys li:last-child{border-bottom:1px solid var(--line)}.fig__keys b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.ten10{display:grid;grid-template-columns:1fr;margin:var(--s4) 0 0;padding:0;list-style:none}@media (min-width: 560px){.ten10{grid-template-columns:1fr 1fr;column-gap:var(--s6)}}.page__main .ten10 a{text-decoration:none}.ten10 a{--accent: oklch(50% .17 var(--h));--accent-soft: oklch(96% .025 var(--h));display:grid;grid-template-columns:40px 1fr;column-gap:var(--s3);align-items:center;min-height:64px;padding:var(--s2) 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}[data-theme=dark] .ten10 a{--accent: oklch(78% .14 var(--h));--accent-soft: oklch(24% .04 var(--h))}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .ten10 a{--accent: oklch(78% .14 var(--h));--accent-soft: oklch(24% .04 var(--h))}}.ten10 a:last-child{border-bottom:1px solid var(--line)}@media (min-width: 560px){.ten10 a:nth-last-child(-n+2){border-bottom:1px solid var(--line)}}.ten10 i{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-sm);background:var(--accent-soft)}.ten10 svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ten10 b{display:block;font-size:var(--t-md);font-weight:600;letter-spacing:-.01em}.ten10 small{display:block;font-size:var(--t-xs);color:var(--ink-3);margin-top:1px}.ten10 a:hover b,.ten10 a:focus-visible b{color:var(--accent)}.ten10 a:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.ten10 a{position:relative}.ten10 .neu{position:absolute;top:-.5px;transform:translateY(-50%);left:calc(40px + var(--s3));box-shadow:0 0 0 3px var(--paper)}.page__main p:has(>.page__btn){margin-top:var(--s6)}.page__main p a.page__btn,.page__btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border-radius:var(--r-full);background:var(--ink);color:var(--paper);font-weight:600;font-size:var(--t-md);letter-spacing:-.01em;margin-top:var(--s2);transition:transform var(--d-fast) var(--ease),box-shadow var(--d-mid) var(--ease)}.page__btn:hover,.page__main p a.page__btn:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px);box-shadow:0 6px 18px -6px color-mix(in oklab,var(--accent) 55%,transparent),0 2px 6px -2px #0e0e1140}.page__btn:active{transform:translateY(0) scale(.98);box-shadow:none}.page__btn:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}.page__main .note{margin-top:var(--s4)}.page__main .note .h3{margin:0;font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em}.posts{list-style:none;margin:0;padding:0}.post{border-top:1px solid var(--line)}.post:last-child{border-bottom:1px solid var(--line)}.page__main .post__link{text-decoration:none}.post__link{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "meta" "title" "excerpt";gap:var(--s1);padding:var(--s5) 0;color:inherit;text-decoration:none}@media (min-width: 640px){.post__link{grid-template-columns:minmax(0,1fr) 176px;grid-template-areas:"meta visual" "title visual" "excerpt visual" ". visual";column-gap:var(--s5);align-content:start}}.post__visual{grid-area:visual;display:block;aspect-ratio:3 / 2;border-radius:var(--r-md);overflow:hidden;background:var(--paper-2);margin-bottom:var(--s2)}@media (min-width: 640px){.post__visual{margin-bottom:0;align-self:start}}.post__visual img,.post__visual svg{width:100%;height:100%;display:block;object-fit:cover}.post:not(:first-child) .post__visual img{object-position:0 50%}.post__meta{grid-area:meta;font-size:var(--t-xs);font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.post__title{grid-area:title;font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--ink);text-wrap:balance;transition:color var(--d-fast) var(--ease)}.post__excerpt{grid-area:excerpt;font-size:var(--t-md);line-height:1.45;color:var(--ink-2);max-width:62ch;text-wrap:pretty}.post:first-child .post__link{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "meta" "title" "excerpt";padding:var(--s6) 0}.post:first-child .post__visual{aspect-ratio:2 / 1;border-radius:var(--r-lg);margin-bottom:var(--s3)}.post:first-child .post__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:var(--tight);line-height:1.12;max-width:24ch}.post:not(:first-child) .post__excerpt{display:none}.post__link:hover .post__title,.post__link:focus-visible .post__title{color:var(--accent)}.post__link:focus-visible{outline:2px solid var(--accent-line);outline-offset:4px}@media (prefers-reduced-motion: reduce){.post__title{transition:none}}.posts--b{display:grid;grid-template-columns:1fr;gap:var(--s6) var(--s5)}@media (min-width: 640px){.posts--b{grid-template-columns:1fr 1fr}.posts--b .post:first-child{grid-column:1 / -1}}.posts--b .post,.posts--b .post:last-child{border:0}.posts--b .post__link,.posts--b .post:first-child .post__link{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "meta" "title";padding:0;gap:var(--s2)}.posts--b .post__visual{aspect-ratio:3 / 2;border-radius:var(--r-md);margin:0 0 var(--s1)}.posts--b .post:first-child .post__visual{aspect-ratio:21 / 9;border-radius:var(--r-lg)}.posts--b .post__excerpt{display:none}.posts--b .post__title{font-size:var(--t-lg);max-width:none}.posts--b .post:first-child .post__title{font-size:clamp(1.5rem,3vw,2rem);max-width:26ch}.posts--b .post__meta{font-size:var(--t-xs)}.posts--b+.posts__empty{margin-top:var(--s4)}.posts:has(.post)+.posts__empty{display:none}.posts__empty{padding:var(--s5) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.posts__empty p{margin:0}@media (prefers-reduced-motion: reduce){.page__btn:active{transform:none}}.round{--accent: oklch(50% .17 var(--hue));--accent-soft: oklch(96% .025 var(--hue));--accent-line: oklch(80% .09 var(--hue));padding:var(--s6) 0 var(--s7)}[data-theme=dark] .round,[data-theme=dark] .ruler{--accent: oklch(78% .14 var(--hue));--accent-soft: oklch(24% .04 var(--hue));--accent-line: oklch(45% .1 var(--hue));--accent-ink: #0C0C0E}@media (prefers-color-scheme: dark){html:not([data-theme=light]) :is(.round,.ruler){--accent: oklch(78% .14 var(--hue));--accent-soft: oklch(24% .04 var(--hue));--accent-line: oklch(45% .1 var(--hue));--accent-ink: #0C0C0E}}.round__wrap{width:100%;max-width:var(--pwide);margin-inline:auto;padding-inline:var(--s5);box-sizing:border-box;display:grid;gap:var(--s3)}.round__h1{margin:0;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:700;letter-spacing:var(--tight);line-height:.98;text-wrap:balance}.round__q{margin:var(--s2) 0 0;max-width:34em;font-size:var(--t-lg);line-height:1.3;color:var(--ink);font-weight:500;text-wrap:pretty}.round__hint{margin:0;font-size:var(--t-sm);color:var(--ink-3)}.stage{position:relative;margin-top:var(--s4);aspect-ratio:1000 / 520;max-height:62dvh;width:100%;perspective:1400px;touch-action:none;user-select:none;cursor:grab;overflow:visible}.stage:active{cursor:grabbing}.stage3d{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.stage__lay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stage__lay--0{transform:translateZ(-30px)}.stage__lay--1{transform:translateZ(0)}.stage__lay--2{transform:translateZ(40px)}.stage__ground{stroke:var(--line-strong);stroke-width:1.2}.stage__ticks line{stroke:var(--line-strong);stroke-width:1}.stage__ticks text{fill:var(--ink-3);font-size:13px;font-weight:500;text-anchor:middle;font-variant-numeric:tabular-nums}.stage__bus{fill:var(--ink-3);opacity:.55}.stage__whale{fill:var(--ink);filter:drop-shadow(0 6px 8px rgba(14,14,17,.14));transition:fill var(--d-fast) var(--ease)}[data-theme=dark] .stage__whale{filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.handle{position:absolute;z-index:5;width:52px;height:52px;margin:-26px 0 0 -26px;transform:translateZ(60px);appearance:none;border:0;padding:0;cursor:ew-resize;background:var(--accent);color:var(--accent-ink);border-radius:var(--r-full);box-shadow:0 0 0 4px var(--paper),0 8px 24px -6px #0e0e1159;display:grid;place-items:center}.handle svg{width:24px;height:24px}.handle:before{content:"";position:absolute;inset:-10px;border-radius:inherit;background:var(--accent-line);opacity:0;z-index:-1;transition:opacity var(--d-fast) var(--ease),transform var(--d-fast) var(--ease)}.handle[data-idle]:before{animation:handleBreathe 2.4s var(--ease) infinite}.handle[data-grab]:before,.handle:active:before{opacity:.55;transform:scale(1.1)}.handle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes handleBreathe{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.5;transform:scale(1.15)}}.sheet3d{position:absolute;inset:auto 0 0;max-width:480px;margin-inline:auto;border-radius:var(--r-lg);padding:var(--s6) var(--s5) var(--s5);z-index:30;pointer-events:none;transform:perspective(900px) rotateX(14deg) translateY(110%);transform-origin:50% 100%;opacity:0;transition:transform var(--d-slow) var(--ease-o),opacity var(--d-mid) var(--ease)}.sheet3d:before{content:"";position:absolute;top:10px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:var(--r-full);background:var(--line)}.sheet3d[data-open]{transform:perspective(900px) rotateX(0) translateY(0);opacity:1;pointer-events:auto}.sheet3d .factor{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap;margin:0}.sheet3d .factor__num{font-size:var(--t-mega);font-weight:700;letter-spacing:var(--tight);line-height:.95;color:var(--ink);font-variant-numeric:tabular-nums}.sheet3d .factor__dir{font-size:var(--t-md);color:var(--ink-2)}.sheet3d .factor--spot .factor__num,.sheet3d .factor--spot .factor__dir{color:var(--good)}.sheet3d .sheet__verdict{margin:var(--s3) 0 0;font-size:var(--t-md);font-weight:500;color:var(--ink);line-height:1.4}.sheet3d .dist{margin:var(--s4) 0 0}.sheet3d .fig__curve svg{transform:scaleY(0);transform-origin:50% 100%;transition:transform var(--d-slow) var(--ease-o) .26s}.sheet3d[data-open] .fig__curve svg{transform:scaleY(1)}.sheet3d .fig__axis span{transition:left var(--d-mid) var(--ease)}.sheet3d .sheet__src{margin:var(--s3) 0 0;font-size:var(--t-xs);font-weight:500;color:var(--ink-3)}.sheet3d .sheet__src a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}.sheet3d .sheet__src a:hover{color:var(--ink)}.sheet3d .sheet__row{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin-top:var(--s4)}.sheet3d .btn{flex:1 1 auto}.sheet3d .btn--ghost{flex:0 0 auto}.round__dock{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s3)}.round__readout{margin:0;font-size:var(--t-xl);font-weight:700;letter-spacing:var(--tight);font-variant-numeric:tabular-nums;min-width:5ch}.round__readout b{font-weight:700}.round__lock{margin-left:auto;min-width:160px}@media (max-width: 560px){.round__lock{flex:1 1 100%;margin-left:0}.stage{max-height:none;aspect-ratio:auto;height:300px}.sheet3d{position:fixed;max-width:none;border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:max(var(--s5),env(safe-area-inset-bottom));box-shadow:var(--shadow-up)}}.ten10 a{position:relative;isolation:isolate}.ten10 a:before{content:"";position:absolute;inset:4px -12px;z-index:-1;border-radius:var(--r-sm);background:var(--accent-soft);opacity:0;transform:scaleX(.96);transform-origin:50% 50%;transition:opacity var(--d-fast) var(--ease),transform var(--d-fast) var(--ease)}.ten10 a:after{content:"";position:absolute;right:2px;top:50%;width:9px;height:9px;margin-top:-5px;border-right:1.75px solid var(--accent);border-top:1.75px solid var(--accent);transform:translate(-8px) rotate(45deg);opacity:0;transition:opacity var(--d-fast) var(--ease),transform var(--d-mid) var(--ease-o)}.ten10 a:hover:before,.ten10 a:focus-visible:before{opacity:1;transform:scaleX(1)}.ten10 a:hover:after,.ten10 a:focus-visible:after{opacity:1;transform:translate(0) rotate(45deg)}.ten10 a:hover small{color:var(--ink-2)}.ten10 a:active:before{background:var(--accent-line)}@media (prefers-reduced-motion: reduce){.ten10 a:before,.ten10 a:after{transition:none}}.ten10 svg [data-draw]{stroke-linecap:round}@media (prefers-reduced-motion: reduce){.ten10 svg [data-draw]{stroke-dasharray:none!important;stroke-dashoffset:0!important}.ten10 a i{transition:none}}.ruler{--accent: oklch(50% .17 var(--hue));--accent-soft: oklch(96% .025 var(--hue));--accent-line: oklch(80% .09 var(--hue));position:relative;height:520vh;margin:var(--s8) 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.ruler__pin{position:sticky;top:0;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.ruler__head{width:100%;max-width:var(--pcol);margin-inline:auto;padding:calc(var(--s6) + env(safe-area-inset-top)) var(--s5) 0;box-sizing:border-box}.ruler__head h2{margin:0 0 var(--s2);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:var(--tight);line-height:1.05;text-wrap:balance}.ruler__head p{margin:0;max-width:58ch;font-size:var(--t-sm);color:var(--ink-2);text-wrap:pretty}.ruler__svg{width:100%;height:100%;min-height:0;display:block}.ruler__obj path{fill:var(--ink-3);opacity:.5;transition:fill var(--d-mid) var(--ease),opacity var(--d-mid) var(--ease)}.ruler__obj[data-focus] path{fill:var(--ink);opacity:1}.ruler__lbl{fill:var(--ink-3);font-size:13px;font-weight:500}.ruler__obj[data-focus] .ruler__lbl{fill:var(--ink)}.ruler__hud{width:100%;max-width:var(--pcol);margin-inline:auto;padding:0 var(--s5) max(var(--s6),env(safe-area-inset-bottom));box-sizing:border-box}.ruler__name{margin:0;font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}.ruler__size{margin:2px 0 var(--s3);font-size:var(--t-md);color:var(--ink-2);font-variant-numeric:tabular-nums}.ruler__scale{display:flex;align-items:center;gap:var(--s4);font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.ruler__bar{position:relative;display:block;height:2px;background:var(--accent);min-width:8px}.ruler__bar:before,.ruler__bar:after{content:"";position:absolute;top:-4px;width:2px;height:10px;background:var(--accent)}.ruler__bar:before{left:0}.ruler__bar:after{right:0}.ruler__barlbl{position:absolute;left:0;top:8px;white-space:nowrap;color:var(--ink-2);font-weight:500}.ruler__of{margin-left:auto}@media (max-height: 620px){.ruler__head p{display:none}}