body[data-page=opos]{&{--paper:#f3f0e8;--ink:#1a1a1a;--muted:#1a1a1a;--rule:#1a1a1a;--surface:#f3f0e8;--accent:#1a1a1a;--focus:#1a1a1a;--jaryo-serif:Georgia,"Iowan Old Style","Times New Roman",serif;--jaryo-cond:"Arial Narrow","Roboto Condensed",sans-serif-condensed,sans-serif;--jaryo-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:var(--jaryo-serif);--sans:var(--jaryo-body);--opos-space:clamp(64px,9vh,120px);font-family:var(--jaryo-body)}@media (prefers-color-scheme:dark){&{--paper:#000;--ink:#e6e2d9;--muted:#e6e2d9;--rule:#e6e2d9;--surface:#000;--accent:#e6e2d9;--focus:#e6e2d9}}& :is(h1,h2,h3){font-weight:700}& :is(a:focus-visible,button:focus-visible){border-radius:0}& main{font-size:clamp(16px,1.35vw,19px);line-height:1.65}& .opos-label{font:700 13px/1.5 var(--jaryo-cond);letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px}& h2{font-family:var(--jaryo-serif);max-width:1000px;margin-bottom:36px;font-size:clamp(36px,5vw,72px);line-height:1.07}& :is(.opos-story-step h3,.opos-principles h3,.opos-platforms dt,.opos-comfort dt,.opos-stat){font:650 18px/1.4 var(--jaryo-body);letter-spacing:normal;text-transform:none;margin-bottom:8px}& :is(.opos-chapter,.opos-section){padding-block:var(--opos-space);border-bottom:1px solid var(--ink)}& .opos-chapter{min-height:0}& .opos-appendix{border-bottom:1px solid var(--ink);padding-block:clamp(48px,8vh,88px)}& :is(.opos-appendix h2){font-size:clamp(32px,4vw,52px)}& .opos-disclaimer{border-block:3px double var(--ink);background:var(--paper);padding-block:18px}& .opos-disclaimer .container{grid-template-columns:180px 1fr;gap:28px;display:grid}& .opos-disclaimer p{margin:0;font-size:16px;line-height:1.6}& .opos-disclaimer .opos-label{font-size:13px}& .opos-hero{text-align:center}& .opos-hero h1{font:700 clamp(32px,4.5vw,56px)/1.1 var(--jaryo-serif);letter-spacing:-.02em;border-top:1px solid var(--ink);border-bottom:3px solid var(--ink);margin-bottom:10px;padding-block:12px 14px}& .opos-dateline{font:700 13px/1.5 var(--jaryo-cond);letter-spacing:.04em;text-transform:uppercase;margin:0 0 40px}& .opos-tagline{font:700 clamp(40px,7vw,96px)/1.04 var(--jaryo-serif);letter-spacing:-.045em;margin-bottom:24px}& .opos-vignette{text-align:left;max-width:42rem;margin:0 auto 24px}& .opos-demo-link{text-align:left;max-width:42rem;margin:4px auto 0;font-size:15px}& .opos-text-link{align-items:center;gap:12px;min-height:44px;padding-block:8px;font-size:15px;display:inline-flex}& .opos-hero-visual{margin-top:54px}& .opos-phone{aspect-ratio:390/800;border:10px solid var(--ink);background:var(--paper);border-radius:34px;flex-shrink:0;display:block;position:relative;overflow:hidden}& .opos-phone img{object-fit:contain;object-position:center;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}& .opos-phone-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px);width:min(100%,648px);margin-inline:auto;display:grid}& :is(.opos-phone-front,.opos-phone-rear){width:100%}& :is(figcaption,.opos-caption){max-width:48rem;margin:24px auto 0;font-size:13px;line-height:1.6}& .opos-hero-meta{border-top:1px solid var(--ink);text-align:left;grid-template-columns:1.35fr 1fr;gap:48px;margin-top:40px;padding-top:24px;display:grid}& .opos-hero-meta p{max-width:36rem;margin:0;font-size:15px}& .opos-facts{font:700 12px/1.8 var(--jaryo-cond);text-transform:uppercase;letter-spacing:.04em;margin:0;padding:0;list-style:none}& .opos-story-frame{display:none}& .opos-story-step{flex-direction:column;justify-content:center;gap:32px;min-height:70vh;padding-block:48px;display:flex}& .opos-story-step>div{max-width:36rem}& .opos-inline-device .opos-phone{width:min(70vw,260px);margin-inline:auto}& .opos-story-step p:last-child{margin-bottom:0}& .opos-math{border-bottom:0;padding-bottom:0}& .opos-math-band{background:var(--ink);color:var(--paper);padding-block:clamp(64px,10vh,120px)}& .opos-equation{grid-template-columns:repeat(5,max-content);justify-content:center;align-items:baseline;gap:8px clamp(8px,2.5vw,40px);margin:42px 0;display:grid}& :is(.opos-number,.opos-op){font:700 clamp(36px,8vw,104px)/1.1 var(--jaryo-serif);font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap;grid-row:1}& .opos-op{font-weight:400}& .opos-equation-label{text-align:center;font:700 13px/1.5 var(--jaryo-cond);text-transform:uppercase;letter-spacing:.04em;grid-row:2}& .opos-equation .opos-t1{grid-column:1}& .opos-equation .opos-op.opos-t2{grid-column:2}& .opos-equation .opos-t2:not(.opos-op){grid-column:3}& .opos-equation .opos-op.opos-t3{grid-column:4}& .opos-equation .opos-t3:not(.opos-op){grid-column:5}& .opos-measure{max-width:36rem;margin:0}& .opos-math-note{border-bottom:1px solid var(--ink);padding-block:48px}& .opos-math.opos-chapter{padding-top:0}& .opos-math-note p{max-width:36rem;margin:0}& .opos-rules{flex-direction:column;justify-content:center;display:flex}& .opos-rules>p:last-child{max-width:36rem;margin-bottom:0}& .opos-helper-grid{gap:48px;display:grid}& :is(dl,dd){margin:0}& dt{font-family:var(--jaryo-cond);text-transform:uppercase;letter-spacing:.04em;font-weight:700}& .opos-helper-list>div{border-top:1px solid var(--ink);padding-block:28px}& .opos-helper-list dt{font:700 13px/1.5 var(--jaryo-cond);margin-bottom:8px}& .opos-helper-phone .opos-phone{width:min(70vw,260px);margin-inline:auto}& .opos-helper-phone figcaption{max-width:26rem}& .opos-glimmer-capture{max-width:42rem;margin:0 auto 48px}& .opos-notice{border:3px double var(--ink);padding:24px}& .opos-notice p:last-child{margin-bottom:0}& .opos-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;display:grid}& .opos-stats>div{border-top:1px solid var(--ink);padding-top:20px}& .opos-stat{font-variant-numeric:tabular-nums;white-space:nowrap}& .opos-stats .opos-stat{white-space:normal}& .opos-stats p:last-child{margin-bottom:0;font-size:16px}& #simulation>.opos-caption{margin-inline:0}& .opos-jaryo-lead{max-width:48rem;margin-bottom:64px}& .opos-jaryo-grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}& .opos-principles{margin:0;padding:0;list-style:none}& .opos-principles li{border-top:1px solid var(--ink);grid-template-columns:32px 1fr;gap:16px;padding-block:24px;display:grid}& .opos-principles p{margin-bottom:0;font-size:16px}& .opos-principle-number{font:700 14px/1.8 var(--jaryo-cond)}& .opos-specimen{min-width:0}& .opos-specimen-masthead{font:700 clamp(36px,4vw,56px)/1.1 var(--jaryo-serif);border-block:3px solid var(--ink);margin-bottom:24px;padding-block:18px}& .opos-specimen-serif{font:700 30px/1.2 var(--jaryo-serif);margin-bottom:20px}& .opos-specimen-subhead{font:700 21px/1.3 var(--jaryo-cond);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}& .opos-specimen-body{margin-bottom:24px}& .opos-states{flex-wrap:wrap;gap:6px;display:flex}& .opos-states>span{border:1px solid var(--ink);justify-content:center;align-items:center;min-height:48px;padding:5px 8px;font-size:12px;display:inline-flex}& .opos-states .opos-pressed{background:var(--ink);color:var(--paper)}& .opos-states .opos-unavailable{border-style:dashed}& .opos-states .opos-notice{border:3px double var(--ink)}& .opos-states .opos-primary{border-width:3px}& .opos-swatches{grid-template-columns:1fr 1fr;gap:12px;margin-block:28px;display:grid}& .opos-swatches p{border:1px solid var(--ink);margin:0;padding:16px;font-size:12px}& .opos-swatches .opos-swatch-day{--ink:#1a1a1a;--paper:#f3f0e8;--muted:#1a1a1a;color:var(--ink);background:var(--paper)}& .opos-swatches .opos-swatch-night{--ink:#e6e2d9;--paper:#000;--muted:#e6e2d9;color:var(--ink);background:var(--paper)}& .opos-motion-strip{border-block:1px solid var(--ink);font:700 12px/1.8 var(--jaryo-cond);margin:0;padding-block:16px}& .opos-comfort{border-bottom:0;padding-bottom:0}& .opos-comfort h2{font-size:clamp(32px,4vw,52px)}& .opos-comfort dl>div+div{margin-top:24px}& .opos-comfort dd{margin-top:8px;font-size:16px}& .opos-ruled-list{max-width:48rem;margin:0;padding:0;list-style:none}& .opos-ruled-list li{border-top:1px solid var(--ink);padding-block:20px}& .opos-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;display:grid}& .opos-platforms>div{border-top:1px solid var(--ink);padding-top:20px}& .opos-platforms dd{margin-top:8px;font-size:16px}& #limits{border-bottom:0}& .opos-credits p{max-width:54rem;margin:0;font-size:13px}@media (width>=960px){& .opos-story-grid[data-enhanced]{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}& [data-enhanced] .opos-story-frame{top:calc(var(--header-offset) + 16px);width:min(30vw,33.15vh,302px);max-height:min(68vh,620px);margin-inline:auto;display:block;position:sticky}& .opos-story-frame picture{opacity:0;position:absolute;inset:0}& .opos-story-frame[data-active="0"] [data-screen="0"],& .opos-story-frame[data-active="1"] [data-screen="1"],& .opos-story-frame[data-active="2"] [data-screen="2"],& .opos-story-frame[data-active="3"] [data-screen="3"]{opacity:1}& [data-enhanced] .opos-story-step{opacity:.72}& [data-enhanced] .opos-story-step[data-current]{opacity:1}& .opos-helper-grid{grid-template-columns:1fr 1fr;align-items:center}& .opos-helper-note{grid-column:1/-1}}@media (width<=959px){& .opos-jaryo-grid{grid-template-columns:1fr;gap:48px}& .opos-specimen{max-width:600px}& .opos-hero-meta{grid-template-columns:1fr;gap:24px}& .opos-stats,& .opos-platforms{grid-template-columns:1fr}& .opos-story-step{min-height:0}& .opos-disclaimer .container{grid-template-columns:1fr;gap:8px}}@media (width<=599px){& .opos-phone-rear{display:none}& .opos-phone-pair{grid-template-columns:1fr;width:min(70vw,300px)}&{--opos-space:48px}& .opos-appendix,& .opos-math-band{padding-block:48px}& .opos-comfort{padding-block:32px 0}& .opos-story-step:last-child,& .opos-helper-list>div:last-child,& .opos-principles li:last-child,& .opos-ruled-list li:last-child{padding-bottom:0}}@media (width<=479px){& .opos-equation{grid-template-columns:repeat(3,max-content);justify-content:start;gap:4px 14px}& :is(.opos-number,.opos-op){font-size:64px}& .opos-equation .opos-equation-label{text-align:left}& .opos-equation .opos-op.opos-op{grid-column:1}& .opos-equation .opos-number.opos-number{grid-column:2}& .opos-equation .opos-equation-label.opos-equation-label{grid-column:3}& .opos-equation .opos-t1.opos-t1{grid-row:1}& .opos-equation .opos-t2.opos-t2{grid-row:2}& .opos-equation .opos-t3.opos-t3{grid-row:3}& .opos-phone{border-width:10px;border-radius:26px}& .opos-states{gap:4px}& .opos-states>span{padding-inline:5px;font-size:12px}& .opos-swatches p{padding:12px 8px;font-size:11px}}@media (prefers-contrast:more){& [data-enhanced] .opos-story-step{opacity:1}}@media (prefers-reduced-motion:no-preference){& .opos-story-frame picture,& .opos-story-step{transition:opacity .24s cubic-bezier(0,0,.2,1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){& h2.reveal{animation:linear both opos-reveal view();animation-range:entry cover 22%}}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes opos-reveal{0%{opacity:.8;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}}@media (prefers-reduced-motion:no-preference){body[data-page=opos]{& .opos-text-link>span{transition:transform var(--dur-hover) var(--ease-out)}& .opos-text-link:hover>span{transform:translate(3px)}& .opos-hero .opos-text-link:hover>span{transform:translateY(3px)}}}