@font-face{font-family:Roboto Flex;src:url(/ai-web-experience-collection/grid/fonts/RobotoFlex-Latin.woff2)format("woff2");font-weight:100 1000;font-stretch:25% 151%;font-style:normal;font-display:block}@font-face{font-family:Instrument Serif;src:url(/ai-web-experience-collection/grid/fonts/InstrumentSerif-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(/ai-web-experience-collection/grid/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--paper:#f8f8f3;--ink:#121411;--accent:#d63121;--muted:#5a5c56;--line:#c7c8c1;--canvas-paper:#f8f8f3;--page-margin:clamp(24px,3.5vw,112px);--top-space:clamp(78px,9vh,132px);--bottom-space:clamp(108px,12vh,156px);--mono:"IBM Plex Mono",monospace;--grotesk:"Roboto Flex",Arial,sans-serif;--serif:"Instrument Serif",Georgia,serif;--frame-left:0px;--frame-top:0px;--frame-width:100%;--frame-height:100%;--grid-columns:12;--origin-y:.44;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scrollbar-gutter:stable;background:var(--paper);scroll-behavior:auto;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--grotesk);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;font-size:16px}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{text-decoration:none}button:disabled{cursor:default;opacity:.34}button svg,a svg{pointer-events:none}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;display:block}p,h1,h2,figure{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}::selection{background:var(--ink);color:var(--paper)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid var(--paper)}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:14px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.requires-js{display:none}.js-ready .requires-js{display:flex}.startup{display:none}.js-pending .startup{z-index:90;background:var(--paper);display:block;position:fixed;inset:0}.startup span{left:calc(var(--page-margin) + (100% - var(--page-margin) * 2) * 2 / 3);top:calc(var(--top-space) + (100% - var(--top-space) - var(--bottom-space) - var(--safe-bottom)) * var(--origin-y));background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute}.js-pending main,.js-pending .site-header{visibility:hidden}.site-header{padding:22px var(--page-margin);z-index:20;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.js-ready .site-header{pointer-events:none;padding-top:clamp(18px,2.7vh,46px);padding-bottom:0;position:fixed;inset:0 0 auto}.site-header a,.site-header button{pointer-events:auto}.wordmark{letter-spacing:-.01em;align-items:center;gap:11px;min-height:36px;font-size:clamp(14px,1vw,21px);font-weight:720;display:flex}.wordmark svg{width:22px;height:22px}.wordmark-year{font-family:var(--mono);letter-spacing:0;margin-left:6px;font-size:.59em;font-weight:400}.header-thesis{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;font-size:clamp(10px,.75vw,16px)}.header-actions{align-items:center;gap:26px}.text-button{justify-content:center;align-items:center;gap:10px;min-height:40px;font-size:clamp(12px,.82vw,18px);display:inline-flex;position:relative}.text-button:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.text-button:hover:after{transform:scaleX(1)}.text-button svg{width:12px;height:12px}.index-count{font-family:var(--mono);align-self:flex-start;margin-top:7px;font-size:.67em}.about-button{gap:10px}.stage{margin:24px var(--page-margin);min-height:650px;position:relative}.js-ready .stage{top:var(--top-space);left:var(--page-margin);right:var(--page-margin);bottom:calc(var(--bottom-space) + var(--safe-bottom));isolation:isolate;min-height:0;margin:0;position:fixed;overflow:clip}.specimen{outline:none;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid;position:relative}.specimen-title{font-family:var(--grotesk);letter-spacing:-.04em;white-space:nowrap;font-optical-sizing:none;font-variation-settings:"wght" 850,"wdth" 100,"slnt" 0,"opsz" 144;grid-column:1/9;font-size:clamp(110px,28vw,740px);font-weight:850;line-height:.82}.specimen-title span{transform-origin:50% 80%;display:inline-block}.specimen-subtitle{letter-spacing:-.025em;grid-column:1/7;font-size:clamp(30px,4vw,82px);font-weight:640;line-height:1.05}.editorial-break{display:none}.specimen-number{letter-spacing:-.04em;color:var(--accent);grid-area:1/10/auto/13;font-size:clamp(60px,15vw,220px);font-weight:820;line-height:.85}.specimen-image{background:var(--ink);grid-area:2/8/6/13;min-height:300px;position:relative;overflow:hidden}.specimen-image img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.specimen-image canvas{object-fit:fill;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.specimen-body{grid-column:1/5;max-width:none;line-height:1.35}.specimen-meta,.specimen-place{font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.02em;grid-column:1/6}.specimen-action{white-space:nowrap;text-transform:uppercase;font:12px/1 var(--mono);grid-column:1/5;place-self:start;align-items:center;gap:12px;min-height:40px;display:inline-flex}.specimen-action:after{content:"";transform-origin:0;background:currentColor;width:calc(100% - 1px);height:1px;transition:transform .23s;position:absolute;bottom:5px;left:0;transform:scaleX(.28)}.specimen-action:hover:after{transform:scaleX(1)}.specimen-action svg{stroke-width:1.5px;flex:none;width:15px;height:15px}.specimen-mark{stroke-width:1.1px;grid-column:7;width:42px;height:42px;overflow:visible}.specimen-mark *{vector-effect:non-scaling-stroke}.js-ready .specimen{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:0;display:grid;position:absolute;inset:0}.js-ready [data-content]{transform-origin:0 0;will-change:transform;grid-area:auto;max-width:none;min-height:0;margin:0;padding:0;position:absolute;top:0;left:0}.js-ready .specimen-title{white-space:nowrap;overflow:visible;width:max-content!important}.js-ready .specimen-action{min-height:40px}.js-ready .specimen-image{overflow:hidden}.js-ready .specimen-mark{aspect-ratio:1}.frame-outline,.raw-panel,.guides,.column-probe,.measure-labels{display:none}.js-ready .frame-outline{z-index:0;background:var(--canvas-paper);border:1px solid var(--ink);pointer-events:none;transform-origin:0 0;display:block;position:absolute;inset:0 auto auto 0}.js-ready .raw-panel{z-index:1;opacity:0;pointer-events:none;background:#f4f0e7;width:64%;height:40%;display:block;position:absolute;top:53%;left:0}.js-ready .guides{z-index:3;pointer-events:none;stroke-width:.6px;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.guides path{vector-effect:non-scaling-stroke}.js-ready .column-probe{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));visibility:hidden;pointer-events:none;column-gap:clamp(8px,1.2vw,40px);display:grid;position:absolute;inset:0}.js-ready .measure-labels{z-index:8;pointer-events:none;font-family:var(--mono);letter-spacing:.035em;text-transform:uppercase;color:var(--muted);font-size:9px;display:flex;position:absolute;inset:0}.measure-labels span:first-child{position:absolute;top:5px;right:0}.measure-labels span:last-child{position:absolute;top:50%;left:0}.zero-invitation{font-family:var(--mono);letter-spacing:.045em;text-transform:uppercase;z-index:7;pointer-events:none;justify-content:center;align-items:center;gap:13px;font-size:clamp(10px,.79vw,16px);position:absolute;top:61%;left:0;right:0}.zero-invitation svg{width:12px;height:18px}.invitation-line{background:currentColor;width:28px;height:1px}.scene-footer{z-index:20;bottom:calc(18px + var(--safe-bottom));left:var(--page-margin);right:var(--page-margin);justify-content:space-between;align-items:center;gap:36px;height:60px;position:fixed}.scene-caption{align-items:flex-start;gap:14px;min-width:208px;display:flex}.scene-caption>span{font-family:var(--mono);font-variant-numeric:tabular-nums;padding-top:3px;font-size:12px}.scene-caption>div{flex-direction:column;gap:6px;display:flex}.scene-caption #scene-name{letter-spacing:-.01em;font-size:clamp(14px,1vw,22px);font-weight:650}.scene-caption #scene-verb{font-family:var(--mono);color:var(--muted);font-size:clamp(9px,.62vw,13px)}.chapter-rail{flex:0 540px;align-items:center;height:48px;margin-left:auto;margin-right:auto;display:flex}.chapter-rail button{min-width:26px;min-height:46px;font:10px/1 var(--mono);color:var(--muted);flex:1;position:relative}.chapter-rail button:before{content:"";background:var(--line);height:1px;position:absolute;top:2px;left:0;right:0}.chapter-rail button:after{content:"";background:var(--muted);transform-origin:top;width:4px;height:10px;transition:transform .2s,background .2s;position:absolute;top:0;left:calc(50% - 2px);transform:scaleY(.5)}.chapter-rail button:hover,.chapter-rail button[aria-current=step]{color:var(--ink)}.chapter-rail button[aria-current=step]:after{background:var(--accent);height:10px;transform:scaleY(1)}.footer-actions{align-items:center;gap:2px;display:flex}.icon-button{flex:none;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button svg{width:19px;height:19px;transition:transform .2s}.icon-button:hover svg{transform:translate(2px)}.close-dialog:hover svg{transform:rotate(90deg)}.rules-button{min-height:40px;font-family:var(--mono);text-transform:uppercase;align-items:center;gap:13px;margin-left:18px;font-size:11px;display:flex}.rules-button svg{width:15px;height:15px}.progress-track{background:var(--line);height:2px;position:absolute;bottom:-18px;left:0;right:0;overflow:hidden}.progress-track>div{background:var(--ink);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.js-ready #scroll-track{pointer-events:none;width:1px;height:1800vh}#scroll-track{height:0}.fallback-note{max-width:720px;padding:30px var(--page-margin);color:var(--muted);line-height:1.6}.experiment-tools{z-index:12;font-family:var(--mono);background:var(--paper);border-top:1px solid var(--line);padding-top:12px;font-size:clamp(10px,.78vw,15px);position:absolute;bottom:0;left:0;right:0}.experiment-tools[hidden]{display:none!important}.frame-tools{max-width:660px;margin:0 auto}.frame-tools>label{justify-content:space-between;gap:10px;display:flex}.frame-input-row{align-items:center;gap:15px;margin-top:4px;display:flex}.frame-input-row>span{color:var(--muted);font-size:.8em}input[type=range]{appearance:none;cursor:ew-resize;width:100%;min-width:0;height:32px;accent-color:var(--ink);background:0 0;margin:0;display:block}input[type=range]::-webkit-slider-runnable-track{background:var(--muted);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:0;width:9px;height:18px;margin-top:-8px}input[type=range]::-moz-range-track{background:var(--muted);height:1px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:0;width:9px;height:18px}.axis-heading{justify-content:space-between;align-items:center;height:28px;margin-bottom:5px;display:flex}.axis-heading .text-button,.frame-input-row .text-button{font-family:var(--mono);min-height:32px;font-size:11px}.axis-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;display:grid}.axis-grid label>span{justify-content:space-between;gap:12px;display:flex}.axis-grid output{font-variant-numeric:tabular-nums;color:var(--muted)}.js-ready .specimen.native-layout{padding:var(--frame-padding);color:#20251f;background:#f8f8f3;container-type:inline-size;inset:auto!important;left:var(--frame-left)!important;top:var(--frame-top)!important;width:var(--frame-width)!important;height:var(--frame-height)!important;grid-template-rows:24px auto auto minmax(22px,1fr) auto 44px!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.js-ready .specimen.native-layout[data-format=phone]{grid-template-rows:20px auto auto auto minmax(56px,1fr) 44px!important;gap:10px!important}.native-layout [data-content]{will-change:auto;align-self:start;min-width:0;opacity:1!important;letter-spacing:0!important;width:auto!important;height:auto!important;font-family:var(--grotesk)!important;color:#20251f!important;-webkit-text-stroke:0!important;background:0 0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.native-layout .specimen-title{font-size:min(23cqw,calc(var(--frame-height) * .3))!important;letter-spacing:-.04em!important;font-variation-settings:"wght" 750,"wdth" 100,"slnt" 0,"opsz" 90!important;clip-path:none!important;grid-area:2/1/auto/7!important;font-weight:750!important;line-height:.82!important}.native-layout .specimen-title span{transform:none!important}.native-layout .specimen-subtitle{font-family:var(--serif)!important;font-size:min(4.7cqw,calc(var(--frame-height) * .065))!important;letter-spacing:-.018em!important;grid-area:3/1/auto/7!important;font-weight:400!important;line-height:1.03!important}.editorial-mode .editorial-break,.native-layout .editorial-break{display:initial}.native-layout .specimen-number{grid-area:4/1/auto/7!important;align-self:end!important;font-size:clamp(24px,2.7cqw,60px)!important;font-weight:480!important;line-height:1!important}.native-layout .specimen-image{grid-area:2/7/7/13!important;align-self:stretch!important;min-height:0!important}.native-layout .specimen-image img{object-position:50% 50%!important;filter:none!important;opacity:1!important;transform:none!important}.native-layout canvas{display:none!important}.native-layout .specimen-body{font-family:var(--mono)!important;grid-area:5/1/auto/7!important;font-size:clamp(13px,1.4cqw,21px)!important;font-weight:400!important;line-height:1.4!important}.native-layout .specimen-meta{font:clamp(10px,1cqw,15px)/1.3 var(--mono)!important;grid-area:1/1/auto/7!important}.native-layout .specimen-place{font:clamp(10px,1cqw,15px)/1.3 var(--mono)!important;grid-area:1/8/auto/12!important}.native-layout .specimen-action{justify-content:space-between;font:clamp(11px,1.3cqw,19px)/1 var(--mono)!important;color:#fff!important;background:#194fdb!important;grid-area:6/1/auto/7!important;place-self:end stretch!important;width:100%!important;min-height:44px!important;padding:12px 16px!important}.native-layout .specimen-action:after{display:none}.native-layout .specimen-mark{justify-self:end;grid-area:1/12/auto/13!important;width:22px!important;height:22px!important}@container (width<=650px){.native-layout .specimen-title{font-size:min(32cqw,calc(var(--frame-height) * .22))!important;grid-area:2/1/auto/13!important}.native-layout .specimen-subtitle{font-size:min(7cqw,calc(var(--frame-height) * .06))!important;grid-area:3/1/auto/13!important}.native-layout .specimen-image{grid-area:4/7/6/13!important}.native-layout .specimen-number{grid-area:4/1/auto/6!important;align-self:start!important;font-size:28px!important}.native-layout .specimen-body{grid-area:5/1/auto/7!important;font-size:13px!important}.native-layout .specimen-action{grid-area:6/1/auto/7!important;padding:10px!important;font-size:11px!important}.native-layout .specimen-place{grid-area:6/8/auto/13!important;align-self:center!important;font-size:10px!important}.native-layout .specimen-meta{grid-column:1/11!important;font-size:10px!important}}@container (width<=380px){.native-layout .specimen-title{font-size:min(40cqw,calc(var(--frame-height) * .18))!important;grid-column:1/13!important}.native-layout .specimen-subtitle{grid-column:1/13!important;font-size:9cqw!important}.native-layout .specimen-image{grid-area:5/1/auto/13!important;min-height:56px!important}.native-layout .specimen-number{grid-area:4/1/auto/4!important;font-size:28px!important}.native-layout .specimen-body{grid-area:4/4/auto/13!important;font-size:13px!important;line-height:1.35!important}.native-layout .specimen-action{grid-area:6/1/auto/8!important;min-height:44px!important;font-size:11px!important}.native-layout .specimen-place{grid-area:6/8/auto/13!important;font-size:10px!important;line-height:1.3!important}.native-layout .specimen-mark{width:20px!important;height:20px!important}.native-layout .specimen-meta{font-size:10px!important}}.electronic-type span{background-image:radial-gradient(circle,var(--phosphor) 56%,transparent 61%);background-color:color-mix(in srgb,var(--phosphor) 55%,transparent);-webkit-text-fill-color:transparent;color:#0000;background-size:3px 3px;-webkit-background-clip:text;background-clip:text}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation:none!important}.sheet{color:#161811;z-index:50;overscroll-behavior:contain;--ink:#161811;--paper:#f5f4ee;--muted:#5d5f55;--line:#cecec5;--accent:#d63121;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f4ee;border:1px solid #161811;width:min(820px,100% - 48px);max-height:calc(100svh - 70px);margin:auto;padding:38px 42px 26px;position:fixed;inset:0;overflow:auto}.sheet::backdrop{background:#0a0d098c}.sheet-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.rules-context{font:10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-top:16px;display:block}.sheet h2{letter-spacing:-.035em;font-size:clamp(32px,4vw,58px);font-weight:640;line-height:1.02}.sheet .close-dialog{margin-top:-10px;margin-right:-13px}.index-list{grid-template-columns:1fr 1fr;column-gap:40px;display:grid}.index-list button{text-align:left;border-top:1px solid var(--line);grid-template-columns:28px 1fr 16px;align-items:center;gap:12px;min-height:64px;display:grid}.index-list button>span:first-child{font:10px/1 var(--mono);color:var(--muted)}.index-list button>span:nth-child(2){letter-spacing:-.025em;font-size:19px}.index-list button svg{width:12px;height:12px}.index-list button:hover>span:nth-child(2){transform:translate(5px)}.index-list button[aria-current=step]{color:#c73020}.sheet-footnote{font:10px/1.6 var(--mono);color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.rule-thesis{font-family:var(--serif);max-width:550px;margin-bottom:30px;font-size:32px;line-height:1.12}.rule-list>div{border-top:1px solid var(--line);grid-template-columns:110px 1fr;gap:20px;padding:12px 0;display:grid}.rule-list dt{font:10px/1.5 var(--mono);text-transform:uppercase;padding-top:3px}.rule-list dd{margin:0;font-size:15px;line-height:1.45}.live-measures{border-top:1px solid var(--ink);font:10px/1.4 var(--mono);text-transform:uppercase;grid-template-columns:1fr auto;gap:10px;margin-top:20px;padding-top:20px;display:grid}.live-measures output{font-variant-numeric:tabular-nums}.about-intro{max-width:610px;margin-bottom:30px;font-size:20px;line-height:1.45}.preference{border-block:1px solid var(--line);grid-template-columns:1fr 30px;gap:10px;margin-bottom:24px;padding:20px 0;display:grid}.preference label{cursor:pointer;font-size:16px}.preference label span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.preference input{accent-color:#161811;width:20px;height:20px}.preference p{font:10px/1.4 var(--mono);grid-column:1/3}.preference p:empty{display:none}.sheet details{border-bottom:1px solid var(--line);padding:16px 0}.sheet summary{cursor:pointer;font-size:15px;list-style-position:inside}.sheet details p,.sheet details li{font-size:14px;line-height:1.5}.sheet details p{margin-top:16px}.sheet details ul{margin-bottom:0;padding-left:17px}.sheet details li{padding:4px 0}.sheet details a{text-underline-offset:3px;text-decoration:underline}.sheet details a:hover{color:#bd301b}.sheet a:focus-visible{outline-offset:2px}@media (width>=2000px){.scene-footer{height:80px;bottom:30px}.scene-caption{gap:22px;min-width:310px}.scene-caption>span{font-size:16px}.chapter-rail{flex-basis:780px}.chapter-rail button{height:56px;font-size:14px}.icon-button{width:54px;height:54px}.icon-button svg{width:23px;height:23px}.rules-button{margin-left:24px;font-size:15px}.site-header .wordmark svg{width:28px;height:28px}.progress-track{bottom:-30px}.measure-labels{font-size:13px!important}.axis-grid{gap:60px}.experiment-tools{padding-top:16px}.axis-heading{margin-bottom:12px}}@media (width<=1000px){.header-thesis{display:none}.scene-caption{min-width:160px}.scene-footer{gap:18px}.footer-actions{gap:0}.rules-button{margin-left:8px}.scene-caption #scene-verb{font-size:8px}.chapter-rail{flex-basis:380px}.chapter-rail button{min-width:20px;font-size:9px}.axis-grid{gap:20px}}@media (width<=600px){:root{--page-margin:20px;--top-space:74px;--bottom-space:124px;--origin-y:.32}.js-ready .site-header{padding-top:15px;right:0}.wordmark{gap:8px;font-size:14px}.wordmark svg{width:18px;height:18px}.wordmark-year{margin-left:3px;font-size:8px}.header-actions{gap:20px}.text-button{min-height:36px;font-size:12px}.about-button{gap:7px}.about-button svg{width:10px;height:10px}.scene-footer{bottom:calc(16px + var(--safe-bottom));flex-wrap:wrap;align-items:flex-start;gap:0;height:85px}.scene-caption{align-items:flex-start;gap:10px;min-width:0;max-width:62%}.scene-caption>span{padding-top:2px;font-size:10px}.scene-caption #scene-name{font-size:14px}.scene-caption #scene-verb{font-size:8px}.scene-caption>div{gap:4px}.footer-actions{gap:0;margin-top:-9px;margin-left:auto}.footer-actions>.icon-button{width:32px;height:40px}.footer-actions>.icon-button svg{width:16px;height:16px}.rules-button{gap:5px;margin-left:5px;font-size:9px}.rules-button svg{width:12px;height:12px}.chapter-rail{flex-basis:100%;order:3;width:100%;height:35px;margin-top:7px}.chapter-rail button{height:34px;min-height:34px;font-size:8px}.chapter-rail button:after{width:3px;height:8px;left:calc(50% - 1.5px)}.chapter-rail button[aria-current=step]:after{height:8px}.progress-track{bottom:-16px}.zero-invitation{letter-spacing:.025em;gap:9px;font-size:8px;top:41%}.invitation-line{width:20px}.zero-invitation svg{width:9px;height:14px}.js-ready .measure-labels{font-size:7px}.axis-grid{grid-template-columns:1fr 1fr;gap:2px 24px}.axis-grid label>span{font-size:9px}.axis-grid input{height:32px}.axis-heading{height:20px;margin-bottom:7px;font-size:9px}.axis-heading .text-button{min-height:32px;font-size:10px}.axis-tools{padding-top:8px}.frame-tools{padding-top:9px;font-size:10px}.frame-input-row{gap:9px}.frame-input-row .text-button{font-size:9px}.js-ready .raw-panel{width:100%;height:39%;top:53%}.sheet{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:24px 22px 20px}.sheet-heading{margin-bottom:23px}.sheet h2{font-size:35px}.rules-context{margin-bottom:13px;font-size:8px}.sheet .close-dialog{margin-top:-8px;margin-right:-10px}.index-list{grid-template-columns:1fr;gap:0}.index-list button{grid-template-columns:25px 1fr 16px;min-height:46px}.index-list button>span:nth-child(2){font-size:18px}.index-sheet .sheet-heading h2{font-size:31px}.sheet-footnote{margin-top:15px;padding-top:12px;font-size:9px}.rule-thesis{margin-bottom:23px;font-size:27px}.rule-list>div{grid-template-columns:63px 1fr;gap:14px;padding:11px 0}.rule-list dt{font-size:8px}.rule-list dd{font-size:13px;line-height:1.4}.about-intro{font-size:17px}.sheet details p,.sheet details li{font-size:12px}.preference label span{font-size:11px}.no-js .specimen{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.no-js .specimen-title{grid-column:1/5;font-size:41vw}.no-js .specimen-subtitle{grid-column:1/5;font-size:30px}.no-js .specimen-number{grid-area:3/3/auto/5;font-size:80px}.no-js .specimen-image{grid-area:4/1/auto/5;min-height:220px}.no-js .specimen-body,.no-js .specimen-meta,.no-js .specimen-place,.no-js .specimen-action{grid-column:1/5}.no-js .specimen-mark{grid-area:3/1}.no-js .stage{min-height:0}.fallback-note{font-size:13px}}@media (height<=650px) and (width>=601px){:root{--top-space:63px;--bottom-space:88px}.js-ready .site-header{padding-top:10px}.scene-footer{height:52px;bottom:10px}.progress-track{bottom:-10px}.scene-caption #scene-verb{display:none}.experiment-tools{padding-top:6px}.axis-heading{height:20px;margin-bottom:2px}.axis-grid input{height:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto!important}}.header-actions{display:flex}.grid-system-controls{align-items:center;gap:26px}@media (width<=600px){.grid-system-controls{gap:18px}}.js-ready .specimen.native-layout{z-index:4}.js-ready .specimen-action:after{opacity:var(--action-underline,1)}.js-ready .scene-caption .measure-labels{font:clamp(8px,.55vw,12px)/1.3 var(--mono);letter-spacing:.02em;white-space:nowrap;color:var(--muted);gap:12px;display:flex;position:static;inset:auto}.scene-caption .measure-labels span{position:static;inset:auto}.no-js .specimen-title{font-size:clamp(90px,24vw,680px)}.no-js .specimen-title,.no-js .specimen-subtitle,.no-js .specimen-number,.no-js .specimen-body{font-family:Arial,sans-serif}.photo-state{display:none}.specimen-image[data-photo-state=unavailable]>img,.specimen-image[data-photo-state=unavailable]>canvas{visibility:hidden}.specimen-image[data-photo-state=unavailable] .photo-state{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:11px/1.2 var(--mono);text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 6px;display:flex;position:absolute;inset:0}.photo-state span{max-width:100%}.experiment-tools input[type=range]:focus-visible{outline:1px solid var(--ink);outline-offset:-2px}.stage[data-proportion=wide-short] .zero-invitation{top:43%}.stage[data-proportion=wide-short] .raw-panel{width:72%;height:43%;top:57%}.stage[data-proportion=wide-short] .axis-tools{padding-top:4px}.stage[data-proportion=wide-short] .axis-heading{height:18px;margin-bottom:4px;font-size:11px}.stage[data-proportion=wide-short] .axis-grid{gap:18px}.stage[data-proportion=wide-short] .axis-grid label>span{font-size:11px;line-height:14px}.stage[data-proportion=wide-short] .axis-grid input{height:28px}.icon-button{min-width:44px;min-height:44px}.text-button,.rules-button{min-height:44px}@media (width<=600px){:root{--bottom-space:180px}.no-js .specimen-title{font-size:34vw}.scene-footer{height:140px}.scene-caption{max-width:calc(100% - 150px)}.scene-caption #scene-verb{font-size:9px}.footer-actions>.icon-button{width:44px;height:44px}.rules-button{min-height:44px;font-size:10px}.chapter-rail{grid-template-columns:repeat(6,minmax(0,1fr));height:88px;margin-top:7px;display:grid}.chapter-rail button{width:100%;min-width:44px;height:44px;min-height:44px;font-size:9px}.axis-grid label>span{font-size:11px;line-height:14px}.axis-heading,.axis-heading .text-button,.frame-input-row .text-button,.frame-tools{font-size:11px}.rule-list dt,.rules-context{font-size:9px}}html.js-ready .specimen.native-layout[data-short-frame=true]{grid-template-rows:16px auto minmax(0,1fr) 44px!important;gap:3px!important;padding:8px!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-meta{grid-area:1/1/auto/7!important;font-size:10px!important;line-height:1.3!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-place{grid-area:1/7/auto/12!important;align-self:start!important;font-size:10px!important;line-height:1.3!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-mark{grid-area:1/12/auto/13!important;width:16px!important;height:16px!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-title{font-size:clamp(48px, calc(var(--frame-height) * .21), 88px)!important;grid-area:2/1/auto/4!important;align-self:center!important;line-height:.82!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-number{font-size:clamp(28px, calc(var(--frame-height) * .1), 42px)!important;grid-area:2/4/auto/5!important;align-self:center!important;line-height:1!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-subtitle{font-size:clamp(21px, calc(var(--frame-height) * .085), 31px)!important;grid-area:2/5/auto/9!important;align-self:center!important;line-height:1.03!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-body{font-size:clamp(13px, calc(var(--frame-height) * .038), 16px)!important;grid-area:3/1/auto/9!important;align-self:end!important;line-height:1.35!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-action{grid-area:4/1/auto/9!important;align-self:stretch!important;min-height:44px!important;padding:10px!important;font-size:11px!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-image{grid-area:2/9/5/13!important;min-height:50px!important}@container (width<=540px){.js-ready .specimen.native-layout[data-short-frame=true] .specimen-title{grid-column:1/5!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-number{grid-column:5/6!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-subtitle{grid-column:6/10!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-image{grid-area:2/10/3/13!important;align-self:center!important;height:50px!important}.js-ready .specimen.native-layout[data-short-frame=true] .specimen-body,.js-ready .specimen.native-layout[data-short-frame=true] .specimen-action{grid-column:1/13!important}}