:root{--gutter:32px;--page-pad:48px;--page-max:1520px;--pair-a:1 / 5;--pair-b:6 / 10}html{scroll-behavior:smooth}body{background:var(--surface-page,#fff);color:var(--text-primary,#000);font-family:var(--font-body,sans-serif);-webkit-font-smoothing:antialiased;box-sizing:border-box;max-width:var(--page-max);padding-inline:var(--page-pad);column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin:0 auto;transition:background .15s,color .15s;display:grid;position:relative}a{color:var(--accent,#1e4b6b);text-decoration:none}a:hover{color:var(--accent-soft,#64add4)}h1,h2,h3,p,figure{margin:0}[data-theme=dark] .invert-on-dark{filter:invert()}.sidebar{box-sizing:border-box;height:100dvh;padding-block:36px;padding-right:calc(var(--gutter) / 2);margin-right:calc(var(--gutter) / -2);border-right:1px solid var(--border-default);background:var(--surface-page);flex-direction:column;grid-column:1/4;gap:30px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{flex-direction:column;gap:10px;display:flex}.sidebar-brand img{width:136px;display:block}.sidebar-brand .brand-note{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:10px}.side-nav{flex-direction:column;display:flex}.nav-link{border-bottom:1px solid var(--border-default);color:var(--text-primary);transition:color var(--dur) var(--ease);grid-template-columns:22px 1fr;align-items:baseline;column-gap:10px;padding:9px 0;display:grid}.nav-link:last-child{border-bottom:none}.nav-num{font-family:var(--font-mono);color:var(--text-secondary);transition:color var(--dur) var(--ease);font-size:9.5px}.nav-en{font-size:12.5px;font-weight:var(--weight-semibold);display:block}.nav-ja{font-family:var(--font-ja);color:var(--text-secondary);grid-column:2;font-size:10.5px}.nav-link:hover .nav-en,.nav-link.is-active .nav-en,.nav-link.is-active .nav-num{color:var(--accent)}.sidebar-foot{flex-direction:column;gap:16px;margin-top:auto;display:flex}.side-links{flex-direction:column;gap:6px;display:flex}.side-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:10px}.side-link:hover{color:var(--accent)}.side-meta{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px;line-height:1.7}.main{grid-column:4/-1;grid-template-columns:subgrid;padding-bottom:96px;display:grid;position:relative;overflow-x:clip}body:not(:has(>.sidebar)) .main{grid-column:1/-1}.container{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.sphere-ornament{top:-36px;right:var(--page-pad);width:72px;height:72px;color:var(--solid,#000);pointer-events:none;z-index:1;position:absolute}.sphere-ornament svg{fill:currentColor;width:100%;height:100%;display:block}.container>*,.section>*,.s-head>*{grid-column:1/-1}.section{grid-template-columns:subgrid;border-top:1px solid var(--border-default);margin-top:120px;padding-top:56px;scroll-margin-top:24px;display:grid}.section.no-rule{border-top:none;margin-top:0;padding-top:0}.section>.prose,.s-head>.s-lede,.s-head>.s-sub,.section>.rules,.section>.note,.section>.notation-list{grid-column:1/7}.cols-2>.fig:nth-child(odd of .fig:not(.span-all)),.toc>.toc-row:nth-child(odd),.dodont>.dodont-col:nth-child(odd),.demo-grid>.demo:nth-child(odd),.tok-cols>div:nth-child(odd){grid-column:var(--pair-a)}.cols-2>.fig:nth-child(2n of .fig:not(.span-all)),.toc>.toc-row:nth-child(2n),.dodont>.dodont-col:nth-child(2n),.demo-grid>.demo:nth-child(2n),.tok-cols>div:nth-child(2n){grid-column:var(--pair-b)}.chip-btn{appearance:none;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;align-items:center;gap:6px;padding:6px 11px;font-size:10px;display:inline-flex}.chip-btn:hover{background:var(--surface-sunken);color:var(--text-primary)}.chip-btn[data-copied]{border-color:var(--accent);color:var(--accent)}.side-controls{align-items:center;gap:8px;display:flex}.lang-switch{text-decoration:none}.s-head{grid-template-columns:subgrid;display:grid}.kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);font-size:10px}.s-head .kicker{margin-bottom:14px}.s-title-row{align-items:baseline;gap:14px;display:flex}.page-badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);border:1px solid var(--border-strong);white-space:nowrap;padding:2px 7px;font-size:10.5px}.s-title{font-family:var(--font-display);font-size:30px;font-weight:var(--weight-regular);letter-spacing:-.005em;line-height:1.15}.s-sub{font-family:var(--font-ja);color:var(--text-secondary);margin-top:10px;font-size:13px}.s-lede{margin-top:26px}.prose p{font-family:var(--font-ja);text-wrap:pretty;margin:0 0 13px;font-size:13.5px;line-height:2.05}.prose p:last-child{margin-bottom:0}.prose .en{font-family:var(--font-body);line-height:1.75}.block-label{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);margin-top:64px;font-size:10.5px}.block-label+.prose{margin-top:16px}.fig-grid{grid-template-columns:subgrid;--plate-h:250px;row-gap:44px;margin-top:40px;display:grid}.fig-grid+.fig-grid{margin-top:44px}.fig-grid>.fig{grid-column:1/-1}.cols-3>.fig{grid-column:span 3}.fig-grid>.fig.span-all{grid-column:1/-1}.fig{flex-direction:column;gap:12px;min-width:0;display:flex}.fig-plate{height:var(--plate-h,250px);box-sizing:border-box;cursor:zoom-in;background:#fff;border:1px solid #e4e4e4;grid-template:100%/100%;place-items:center;padding:28px;display:grid}.fig-plate img{object-fit:contain;width:100%;height:100%;display:block}.fig-plate:focus-visible{outline:2px solid var(--accent-soft,#64add4);outline-offset:2px}.fig-cap{flex-direction:column;gap:5px;display:flex}.ornament-demo{aspect-ratio:1200/630;background:#1e1e1e;border:1px solid #e4e4e4;position:relative;overflow:hidden}.ornament-demo-sphere{aspect-ratio:1;color:#fff;width:22%;position:absolute;top:-21%;right:0}.ornament-demo-sphere svg{fill:currentColor;width:100%;height:100%;display:block}.ab-plate-dark{background:#1e1e1e}.ab-back{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:10.5px;text-decoration:none}.ab-back:hover{color:var(--accent)}.ab-controls{align-items:center;gap:8px;display:flex}.ab-section{margin-top:80px}.ab-grid{grid-template-columns:subgrid;row-gap:36px;margin-top:28px;display:grid}.ab-grid>.ab-card{grid-column:span 4}.ab-card{flex-direction:column;gap:10px;min-width:0;display:flex}.ab-name{font-family:var(--font-mono);word-break:break-all;font-size:11px}.ab-chips{flex-wrap:wrap;gap:6px;display:flex}.ab-size{color:var(--text-secondary);margin-left:6px;font-size:9px}.ab-noprev{cursor:default}.ab-ext-badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);border:1px solid var(--border-strong);padding:6px 10px;font-size:12px}.lightbox{box-sizing:border-box;background:0 0;border:none;outline:none;width:100vw;max-width:none;height:100dvh;max-height:none;padding:44px 44px 24px}.lightbox[open]{grid-template-rows:1fr auto;justify-items:center;gap:16px;display:grid}.lightbox::backdrop{background:#000000c7}body:has(.lightbox[open]){overflow:hidden}.lightbox-frame{box-sizing:border-box;cursor:zoom-out;background:#fff;border:1px solid #e4e4e4;grid-template:100%/100%;place-items:center;width:100%;height:100%;padding:44px;display:grid}.lightbox-frame-dark{background:#1e1e1e}.lightbox-frame img{object-fit:contain;width:100%;height:100%;display:block}.lightbox-cap{font-family:var(--font-mono);letter-spacing:.04em;color:#ffffffd9;text-align:center;max-width:90ch;margin:0;font-size:11px;line-height:1.7}.lightbox-close{font-family:var(--font-mono);color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;padding:8px 10px;font-size:14px;line-height:1;position:fixed;top:16px;right:20px}.lightbox-close:hover{border-color:#fff}.cap-mono{font-family:var(--font-mono);color:var(--text-primary);font-size:11px;line-height:1.6}.cap-num{color:var(--accent)}.cap-ja{font-family:var(--font-ja);color:var(--text-secondary);font-size:12px;line-height:1.9}.rules{grid-template-columns:subgrid;margin-top:22px;display:grid}.rules>.rule{grid-column:1/-1}.rule{grid-template-columns:subgrid;border-bottom:1px solid var(--border-default);padding:10px 0;display:grid}.rule>.rule-desc{grid-column:2/-1}.rule-term{font-family:var(--font-mono);color:var(--accent);font-size:11px}.rule-desc{font-family:var(--font-ja);font-size:12.5px;line-height:1.9}.note{background:var(--surface-sunken);border-radius:var(--radius-md);flex-direction:column;gap:8px;margin-top:40px;padding:18px 22px;display:flex}.note-label{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:10px}.note-mono{font-family:var(--font-mono);color:var(--text-primary);font-size:11.5px;line-height:2}.note-body{color:var(--text-primary);font-size:12.5px;line-height:1.9}.naming-ref{font-family:var(--font-mono);color:var(--accent);font-size:10.5px;text-decoration:none}.naming-ref:hover{text-decoration:underline}.dodont{grid-template-columns:subgrid;margin-top:26px;display:grid}.dodont-head{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border-strong);padding-bottom:8px;font-size:10.5px}.is-dont .dodont-head{color:var(--text-secondary)}.dodont-list{margin:0;padding:0;list-style:none}.dodont-list li{border-bottom:1px solid var(--border-default);flex-direction:column;gap:3px;padding:11px 0;display:flex}.dd-term{font-family:var(--font-mono);color:var(--text-primary);font-size:12px}.is-dont .dd-term{color:var(--text-secondary)}.is-dont .dd-term:before{content:"× "}.dd-note{font-family:var(--font-ja);color:var(--text-secondary);font-size:11.5px;line-height:1.7}.notation-list{margin-top:22px}.meta-bar{border-bottom:1px solid var(--border-default);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:22px 88px 22px 0;font-size:10.5px;display:flex}.hero{background:var(--surface-sunken);grid-template-columns:subgrid;align-items:center;margin-top:36px;padding-block:72px;display:grid}.hero>img{grid-column:2/5;width:100%;display:block}.hero>div{grid-column:6/-1}.hero-title{font-family:var(--font-display);font-size:clamp(27px,3vw,44px);font-weight:var(--weight-regular);letter-spacing:-.01em;line-height:1.12}.hero-meta{font-family:var(--font-mono);color:var(--text-secondary);flex-wrap:wrap;gap:40px;margin-top:22px;font-size:11px;line-height:1.9;display:flex}.hero-meta dt{text-transform:uppercase;letter-spacing:var(--tracking-label);margin:0;font-size:9.5px}.hero-meta dd{color:var(--text-primary);margin:0}.toc{grid-template-columns:subgrid;margin-top:16px;display:grid}.toc-row{color:var(--text-primary);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;font-size:13px;line-height:1.6;display:flex}a.toc-row:hover span:first-child{color:var(--accent)}.toc-page{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;font-size:10.5px}.asset-rows{grid-template-columns:subgrid;border-top:1px solid var(--border-default);margin-top:40px;display:grid}.asset-rows>.asset-row{grid-column:1/-1}.asset-row{grid-template-columns:subgrid;border-bottom:1px solid var(--border-default);padding:30px 0;display:grid}.asset-row>.asset-name{grid-column:1/4}.asset-row>.asset-card{grid-column:4/-1}.asset-name{font-size:13px;font-weight:var(--weight-semibold);padding-top:6px;line-height:1.6}.asset-card{flex-direction:column;gap:10px;min-width:0;display:flex}.asset-plate{--plate-h:136px}.asset-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.asset-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:9.5px}.asset-actions{flex-wrap:wrap;gap:8px;display:flex}.swatch-grid{grid-template-columns:subgrid;row-gap:20px;margin-top:40px;display:grid}.swatch-grid>.swatch{grid-column:span 3}.swatch{appearance:none;text-align:left;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-primary);transition:border-color var(--dur) var(--ease);flex-direction:column;gap:12px;padding:14px;font-family:inherit;display:flex}.swatch:hover{border-color:var(--border-strong)}.swatch[data-copied]{border-color:var(--accent)}.swatch-chip{border-radius:var(--radius-md);height:84px}.chip-outline{border:1px solid #e4e4e4}.swatch-group{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:9.5px}.swatch-name{font-size:13.5px;font-weight:var(--weight-semibold);margin-top:2px}.swatch-codes{font-family:var(--font-mono);color:var(--text-secondary);margin-top:4px;font-size:10.5px;line-height:1.8}.swatch-copy{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);transition:color var(--dur) var(--ease);font-size:9.5px}.swatch:hover .swatch-copy,.swatch[data-copied] .swatch-copy{color:var(--accent)}.tok-table{grid-template-columns:subgrid;margin-top:20px;display:grid}.tok-table>.tok-row,.tok-table>.tok-head{grid-column:1/-1}.tok-row,.tok-head{grid-template-columns:subgrid;border-bottom:1px solid var(--border-default);align-items:center;padding:9px 0;display:grid}.tok-row>:nth-child(2),.tok-head>:nth-child(2){grid-column:2/5}.tok-row>:nth-child(3),.tok-head>:nth-child(3){grid-column:5/7}.tok-row>:nth-child(4),.tok-head>:nth-child(4){grid-column:7/-1}.tok-head{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:10px}.tok-chip{border-radius:4px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #80808040}.tok-name{font-family:var(--font-mono);font-size:11px}.tok-src{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.tok-use{font-family:var(--font-ja);color:var(--text-secondary);font-size:11.5px}.type-list{grid-template-columns:subgrid;border-top:1px solid var(--border-default);margin-top:40px;display:grid}.type-list>.type-row{grid-column:1/-1}.type-row{grid-template-columns:subgrid;border-bottom:1px solid var(--border-default);align-items:center;padding:26px 0;display:grid}.type-row>div:first-child{grid-column:1/4}.type-row>.specimen{grid-column:4/-1}.type-role{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:10px}.type-name{font-size:14px;font-weight:var(--weight-semibold);margin-top:4px}.type-sub{font-family:var(--font-ja);color:var(--text-secondary);margin-top:2px;font-size:11px}.specimen{overflow-wrap:anywhere;min-width:0}.spec-display{font-family:Helvetica Now Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:26px;font-weight:500;line-height:1.35}.spec-body{font-family:Helvetica Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;line-height:1.5}.spec-secondary{font-family:Inter,sans-serif;font-size:20px;line-height:1.5}.spec-ja{font-family:BIZ UDPGothic,sans-serif;font-size:24px;line-height:1.5}.spec-synth-primary{font-family:Helvetica Now Text,Helvetica Neue,BIZ UDPGothic,sans-serif;font-size:22px;line-height:1.5}.spec-synth-secondary{font-family:Inter,BIZ UDPGothic,sans-serif;font-size:22px;line-height:1.5}.spec-mono{font-family:IBM Plex Mono,monospace;font-size:19px;line-height:1.55}.demo{margin-top:32px}.demo-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.demo-title{font-size:14px;font-weight:var(--weight-semibold)}.demo-path{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px}.demo iframe{box-sizing:border-box;border:1px solid var(--border-default);background:var(--surface-page);width:100%;display:block}.demo iframe.pin-dark{background:#1e1e1e;border-color:#2a2a2a}.demo-grid{grid-template-columns:subgrid;row-gap:24px;margin-top:24px;display:grid}.demo-grid>.demo{margin-top:0}.transcripts{flex-direction:column;gap:10px;margin-top:40px;display:flex}.transcript{border:1px solid var(--border-default);border-radius:var(--radius-md)}.transcript summary{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);cursor:pointer;user-select:none;transition:color var(--dur) var(--ease);padding:13px 16px;font-size:10px}.transcript summary:hover{color:var(--text-primary)}.transcript-body{font-family:var(--font-mono);color:var(--text-primary);padding:2px 16px 16px;font-size:10.5px;line-height:1.9}.footer{border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:16px;margin-top:128px;padding-top:26px;display:flex}.footer img{width:118px;display:block}.footer-note{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px}.cap-title{font-size:12.5px;line-height:1.6}.cap-mono-sub{font-family:var(--font-mono);color:var(--text-secondary);font-size:10.5px;line-height:1.7}.muted{color:var(--text-secondary)}.inline-code{font-family:var(--font-mono);color:var(--text-primary);font-size:.92em}.hl{background:var(--accent-soft-bg,#64add424);border-radius:4px;padding:1px 5px}.tok-cols{grid-template-columns:subgrid;align-items:start;row-gap:48px;margin-top:40px;display:grid}.mini-grid{gap:8px var(--gutter);grid-template-columns:1fr 1fr;margin-top:14px;display:grid}.mini-item{font-family:var(--font-mono);align-items:center;gap:10px;font-size:11px;display:flex}.demo-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.demo-note{font-family:var(--font-mono);color:var(--text-secondary);font-size:10.5px;line-height:2}.radius-demo{box-sizing:border-box;background:#fff;border:1px solid #c9ccce;width:64px;height:48px}.dark-strip{border-radius:var(--radius-md);background:#1e1e1e;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px;padding:18px 20px;display:flex}.dark-strip .mini-item{color:#9ba0a3}@media (width<=1100px){:root{--gutter:24px;--page-pad:24px}body{max-width:none;padding-inline:0;display:block}.sidebar{height:auto;padding:28px var(--page-pad);border-right:none;border-bottom:1px solid var(--border-default);gap:22px;margin-right:0;position:static;overflow:visible}.side-nav{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));column-gap:20px;display:grid}.nav-ja{display:none}.nav-link{grid-template-columns:20px 1fr;padding:7px 0}.sidebar-foot{flex-flow:wrap;align-items:center;gap:10px 18px}.main,body:not(:has(>.sidebar)) .main{column-gap:var(--gutter);padding:0 var(--page-pad) 72px var(--page-pad);grid-column:auto;grid-template-columns:repeat(9,minmax(0,1fr))}body:has(>.sidebar) .meta-bar{padding-right:0}.ab-grid>.ab-card{grid-column:span 3}}@media (width<=960px){:root{--pair-a:span 3;--pair-b:span 3}.main,body:not(:has(>.sidebar)) .main{grid-template-columns:repeat(6,minmax(0,1fr))}.sphere-ornament{width:56px;height:56px;top:-28px}.meta-bar{padding-right:68px}.section>.prose,.s-head>.s-lede,.s-head>.s-sub,.section>.rules,.section>.note,.section>.notation-list,.type-row>div:first-child,.type-row>.specimen,.asset-row>.asset-name,.asset-row>.asset-card,.hero>img,.hero>div{grid-column:1/-1}.cols-3>.fig,.swatch-grid>.swatch,.ab-grid>.ab-card{grid-column:span 3}.hero{grid-template-columns:minmax(0,1fr);row-gap:40px;padding:44px 24px}.hero-title{overflow-wrap:anywhere}.asset-row,.type-row{row-gap:14px}.mini-grid{grid-template-columns:1fr}.rule,.tok-row,.tok-head{grid-template-columns:52px minmax(0,1fr);gap:4px 12px}.rule>.rule-desc,.tok-row>:nth-child(2),.tok-head>:nth-child(2),.tok-row>:nth-child(3),.tok-head>:nth-child(3),.tok-row>:nth-child(4),.tok-head>:nth-child(4){grid-column:2}}@media (width<=720px){:root{--gutter:20px;--page-pad:20px;--pair-a:1 / -1;--pair-b:1 / -1}.main,body:not(:has(>.sidebar)) .main{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3>.fig,.ab-grid>.ab-card{grid-column:1/-1}.swatch-grid>.swatch{grid-column:span 1}.dodont{row-gap:28px}}@media (width<=480px){.swatch-grid>.swatch{grid-column:1/-1}}