:root{--ink:#050505;--paper:#fbfdff;--panel:#fff;--mist:#edf8ff;--miori-blue:#bddef2;--miori-blue-soft:#e8f6ff;--miori-line:#b7d9ec;--surface-warm:#fff2d6;--surface-warm-soft:#fff8e7;--highlight-yellow:#fff2a8;--highlight-yellow-soft:#fff8d8;--highlight-yellow-line:#d3bb38;--surface-info:#e8f6ff;--surface-success:#effdec;--surface-rose:#fff0f4;--font-body:"M PLUS 1p", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-display:"M PLUS 1p", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-latin:"Space Grotesk", "Avenir Next", sans-serif;--shape-doc:26px 26px 10px 26px;--shape-panel:20px 20px 8px 20px;--shape-control:16px 16px 6px 16px;--shape-chip:12px 12px 4px 12px;--motion-quick:.16s;--motion-open:.24s;--motion-change:.32s;--motion-story:.62s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.2, .8, .2, 1);--ease-soft-out:cubic-bezier(.16, 1, .3, 1);--line:#0c0c0c;--cyan:#39c8ff;--cyan-soft:#c7efff;--green:#b5f4d0;--yellow:#fff2a8;--rose:#ffd7df;--muted:#5d6670;--shadow:8px 8px 0 #050505;color-scheme:light}body:has(.dsdesk){background:radial-gradient(circle,#bddef26b 1.5px,#0000 1.8px) 0 0/72px 72px,linear-gradient(#fbfdff 0%,#fff8e7 34%,#f8fcff 72%,#fff 100%)}body:has(.dsdesk) .main{padding-top:0;padding-bottom:0}body:has(.dsdesk) .site-header__inner{flex-wrap:wrap}body:has(.dsdesk) .nav{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;min-width:0;max-width:100%;overflow-x:auto}.dsdesk{--desk-ink:#050505;--desk-paper:#fbfdff;--desk-panel:#fff;--desk-line:#151515;--desk-muted:#5d6670;--desk-cyan:#c7efff;--desk-cyan-strong:#39c8ff;--desk-green:#b5f4d0;--desk-yellow:var(--highlight-yellow);--desk-yellow-soft:var(--highlight-yellow-soft);--desk-yellow-line:var(--highlight-yellow-line);--desk-rose:#ffd7df;--desk-lilac:#ded7ff;--desk-radius:8px;width:min(1440px,100vw - 32px);color:var(--desk-ink);margin:0 auto;padding:34px 0 88px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Avenir Next,sans-serif}.dsdesk :where(a,button){transition:background-color .16s var(--ease-standard), border-color .16s var(--ease-standard), color .16s var(--ease-standard), transform .16s var(--ease-standard)}.dsdesk :where(a,button):focus-visible{outline:3px solid var(--desk-cyan-strong);outline-offset:3px}.dsdesk-hero{flex-wrap:wrap;align-items:flex-start;gap:18px;min-height:auto;display:flex}.dsdesk-rail,.dsdesk-status,.dsdesk-hero__main,.dsdesk-section{border-radius:var(--desk-radius);background:#fffffff0;border:1px solid #050505e0;min-width:0}.dsdesk-rail,.dsdesk-status{z-index:1;position:sticky;top:92px}.dsdesk-rail{flex:0 236px;padding:14px}.dsdesk-rail__brand{border:1px solid var(--desk-line);background:var(--desk-paper);border-radius:6px;align-items:center;gap:10px;min-height:54px;padding:10px;font-family:Avenir Next,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:.82rem;font-weight:900;text-decoration:none;display:flex}.dsdesk-rail__brand img{object-fit:contain;width:32px;height:32px}.dsdesk-rail__nav{gap:7px;margin-top:12px;display:grid}.dsdesk-rail__nav a{background:0 0;border:1px solid #05050529;border-radius:6px;gap:3px;min-height:52px;padding:9px 10px;text-decoration:none;display:grid}.dsdesk-rail__nav a:hover,.dsdesk-rail__nav a.is-active{border-color:var(--desk-line);background:var(--desk-cyan)}.dsdesk-rail__nav strong{font-family:Avenir Next,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:.82rem;line-height:1.1}.dsdesk-rail__nav span{color:var(--desk-muted);font-size:.72rem;line-height:1.35}.dsdesk-hero__main{flex:640px;min-width:0;min-height:auto;padding:42px;overflow:clip}.dsdesk-kicker{color:var(--desk-muted);text-transform:uppercase;margin:0 0 12px;font-family:Avenir Next,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:.78rem;font-weight:900}.dsdesk-hero h1{max-width:850px;margin:0;font-family:Avenir Next,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:4.2rem;font-weight:900;line-height:.98}.dsdesk-hero__lead{color:#24303a;overflow-wrap:anywhere;max-width:820px;margin:22px 0 0;font-size:1.02rem;line-height:1.82}.dsdesk-hero__lead span,.dsdesk-hero__lead mark,.dsdesk-section__head code,.dsdesk-reading-sample code,.dsdesk-reading-sample mark{background:var(--desk-yellow-soft);border:1px solid var(--desk-yellow-line);color:var(--desk-ink);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-weight:800;display:inline}.dsdesk-reading-sample span{background:var(--desk-cyan);border-color:var(--miori-line)}.dsdesk-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.dsdesk-actions a,.dsdesk-preview-controls a,.dsdesk-preview-controls button{border:2px solid var(--desk-line);background:var(--desk-panel);min-height:40px;box-shadow:0 4px 0 var(--desk-line);color:var(--desk-ink);border-radius:18px 18px 8px;justify-content:center;align-items:center;padding:0 16px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.dsdesk-actions a:first-child,.dsdesk-preview-controls .is-primary{background:var(--desk-ink);color:#fff}.dsdesk-actions a:hover,.dsdesk-preview-controls a:hover{background:var(--desk-cyan);box-shadow:0 2px 0 var(--desk-line);color:var(--desk-ink);transform:translateY(2px)}.dsdesk-surface-board{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin-top:38px;display:grid}.dsdesk-surface-board article{border:1px solid var(--desk-line);border-radius:var(--desk-radius);background:var(--desk-paper);min-height:178px;animation:dsdesk-in .26s var(--ease-standard) both;animation-delay:calc(var(--order) * 45ms);align-content:space-between;gap:18px;padding:15px;display:grid}.dsdesk-surface-board article:nth-child(2){background:var(--desk-green)}.dsdesk-surface-board article:nth-child(3){background:var(--desk-yellow)}.dsdesk-surface-board article:nth-child(4){background:var(--desk-cyan)}.dsdesk-surface-board article:nth-child(5){background:var(--desk-rose)}.dsdesk-surface-board span,.dsdesk-awesome-strip span,.dsdesk-component__spec>span,.dsdesk-assets span,.dsdesk-content-board span,.dsdesk-patterns__copy span,.dsdesk-motion-grid article>span{color:var(--desk-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.dsdesk-surface-board strong{font-size:1.12rem;display:block}.dsdesk-surface-board p{color:#1d252c;margin:0;font-size:.84rem;line-height:1.58}.dsdesk-status{flex:0 300px;min-width:0;padding:16px}.dsdesk-status__head{border-bottom:1px solid #05050533;gap:4px;padding-bottom:14px;display:grid}.dsdesk-status__head span,.dsdesk-proof span{color:var(--desk-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.dsdesk-status__head strong{font-size:1.12rem}.dsdesk-status dl{gap:8px;margin:14px 0;display:grid}.dsdesk-status dl div{background:var(--desk-paper);border:1px solid #0505052e;border-radius:6px;grid-template-columns:1fr auto;gap:2px 12px;padding:10px;display:grid}.dsdesk-status dt{color:var(--desk-muted);font-size:.78rem;font-weight:800}.dsdesk-status dd{grid-row:span 2;align-self:center;margin:0;font-size:1.6rem;font-weight:900}.dsdesk-status small{color:#34424d;font-size:.74rem}.dsdesk-proof{border:1px solid var(--desk-line);background:var(--desk-green);border-radius:6px;padding:12px}.dsdesk-proof p{margin:8px 0 0;font-size:.84rem;line-height:1.55}.dsdesk-section{margin-top:22px;padding:34px;scroll-margin-top:98px}.dsdesk-section__head{max-width:860px;margin-bottom:24px}.dsdesk-section__head h2{margin:0;font-size:1.86rem;font-weight:850;line-height:1.22}.dsdesk-section__head p:not(.dsdesk-kicker){color:#27333d;margin:12px 0 0;line-height:1.82}.dsdesk-operating,.dsdesk-palette{background:#fff8e7f5}.dsdesk-operating__grid,.dsdesk-palette__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;display:grid}.dsdesk-operating__grid article,.dsdesk-palette__grid article{border:2px solid var(--desk-line);min-height:230px;box-shadow:5px 5px 0 var(--desk-line);animation:dsdesk-in .26s var(--ease-standard) both;animation-delay:calc(var(--order) * 35ms);background:#fff;border-radius:18px 18px 8px;align-content:start;gap:10px;padding:18px;display:grid}.dsdesk-operating__grid article:nth-child(2n),.dsdesk-palette__grid article:nth-child(2n){background:#f9fdff}.dsdesk-operating__grid article>span{border:1px solid var(--desk-line);background:var(--surface-rose);width:fit-content;color:var(--desk-ink);border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:900}.dsdesk-operating__grid h3,.dsdesk-palette__grid h3{margin:0;font-size:1.18rem;line-height:1.22}.dsdesk-operating__grid p,.dsdesk-palette__grid p{color:#27333d;margin:0;font-size:.88rem;line-height:1.68}.dsdesk-operating__grid dl{gap:8px;margin:4px 0 0;display:grid}.dsdesk-operating__grid dl div{border-top:1px solid #0505051f;gap:2px;padding-top:8px;display:grid}.dsdesk-operating__grid dt,.dsdesk-operating__grid dd{margin:0;font-size:.78rem;line-height:1.45}.dsdesk-operating__grid dt{color:var(--desk-muted);text-transform:uppercase;font-weight:900}.dsdesk-workflow{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.dsdesk-workflow li{border-radius:var(--desk-radius);animation:dsdesk-in .26s var(--ease-standard) both;animation-delay:calc(var(--order) * 28ms);background:#ffffffd1;border:1px solid #05050538;gap:8px;padding:14px;display:grid}.dsdesk-workflow li>span{border:1px solid var(--desk-line);background:var(--desk-cyan);border-radius:999px;width:fit-content;padding:2px 7px;font-size:.72rem;font-weight:900}.dsdesk-workflow strong{margin-bottom:3px;font-size:.92rem;display:block}.dsdesk-workflow p,.dsdesk-workflow small,.dsdesk-palette__grid small{color:#34404a;margin:0;font-size:.8rem;line-height:1.55}.dsdesk-workflow small{color:var(--desk-muted);text-transform:uppercase;font-weight:900}.dsdesk-palette__grid i{border:2px solid var(--desk-line);background:var(--swatch);width:54px;height:54px;box-shadow:4px 4px 0 var(--desk-line);border-radius:16px 16px 6px}.dsdesk-palette__grid article>span{color:var(--desk-muted);overflow-wrap:anywhere;font-size:.75rem;font-weight:900}.dsdesk-reading-sample{border:2px solid var(--desk-line);box-shadow:5px 5px 0 var(--desk-line);background:#fff;border-radius:18px 18px 8px;margin-top:18px;padding:22px}.dsdesk-reading-sample p{color:#1f2933;max-width:920px;margin:0;font-size:clamp(1.08rem,2vw,1.46rem);font-weight:700;line-height:1.9}.dsdesk-reading-sample span{border:1px solid var(--miori-line);color:var(--desk-ink);border-radius:4px;padding:1px 5px;font-weight:850;display:inline}.dsdesk-benchmark-table{border:1px solid var(--desk-line);border-radius:var(--desk-radius);background:var(--desk-panel);overflow:hidden}.dsdesk-benchmark-table__row{min-height:82px;color:inherit;border-top:1px solid #05050529;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:0;text-decoration:none;display:grid}.dsdesk-benchmark-table__row:first-child{border-top:0}.dsdesk-benchmark-table__row>span{overflow-wrap:anywhere;border-left:1px solid #05050529;min-width:0;padding:14px;font-size:.84rem;line-height:1.55}.dsdesk-benchmark-table__row>span:first-child{border-left:0}.dsdesk-benchmark-table__row small{color:var(--desk-muted);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900;display:block}.dsdesk-benchmark-table__row strong{font-size:.96rem}.dsdesk-benchmark-table__row:hover{background:var(--desk-cyan)}.dsdesk-benchmark-table__row--head{background:var(--desk-ink);color:#fff;text-transform:uppercase;min-height:auto;font-size:.78rem;font-weight:900}.dsdesk-awesome-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin-top:14px;display:grid}.dsdesk-awesome-strip article{border-radius:var(--desk-radius);background:#fff;border:1px solid #0505053d;align-content:start;gap:8px;min-height:198px;padding:14px;display:grid}.dsdesk-awesome-strip article:nth-child(odd){background:#f7fbf6}.dsdesk-awesome-strip strong{font-size:1.05rem}.dsdesk-awesome-strip p,.dsdesk-awesome-strip small{color:#2b3640;margin:0;font-size:.82rem;line-height:1.55}.dsdesk-layer-track{gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.dsdesk-layer-track:before{content:"";background:var(--desk-line);width:2px;position:absolute;top:18px;bottom:18px;left:22px}.dsdesk-layer-track li{border-radius:var(--desk-radius);background:var(--desk-panel);min-height:76px;animation:dsdesk-in .26s var(--ease-standard) both;animation-delay:calc(var(--order) * 35ms);border:1px solid #0505052e;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px 12px 0;display:grid;position:relative}.dsdesk-layer-track li>span{z-index:1;border:2px solid var(--desk-line);background:var(--desk-yellow);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:.78rem;font-weight:900;display:inline-flex}.dsdesk-layer-track strong{margin-bottom:4px;font-size:1rem;display:block}.dsdesk-layer-track p{color:#26333d;margin:0;font-size:.88rem;line-height:1.55}.dsdesk-layer-track small,.dsdesk-layer-track em{color:var(--desk-muted);grid-column:2;font-size:.78rem;font-style:normal;font-weight:800}.dsdesk-foundation-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px;display:grid}.dsdesk-foundation-grid article{border:1px solid var(--desk-line);border-radius:var(--desk-radius);background:var(--desk-panel);gap:16px;padding:18px;display:grid}.dsdesk-foundation-grid article>div span{margin-bottom:8px;font-size:1.08rem;font-weight:900;display:block}.dsdesk-foundation-grid article>div p{color:#2c3741;margin:0;line-height:1.65}.dsdesk-foundation-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dsdesk-foundation-grid li{background:#fbfdff;border:1px solid #05050524;border-radius:6px;grid-template-columns:20px 130px 110px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:8px;display:grid}.dsdesk-foundation-grid i{background:var(--swatch);border:1px solid #05050561;border-radius:4px;width:18px;height:18px}.dsdesk-foundation-grid strong,.dsdesk-foundation-grid code{overflow-wrap:anywhere;font-size:.8rem}.dsdesk-foundation-grid code{background:#eef5f8;border-radius:4px;padding:2px 5px}.dsdesk-foundation-grid li span{color:#33404a;font-size:.8rem;line-height:1.45}.dsdesk-component-lab{gap:16px;display:grid}.dsdesk-component{border:1px solid var(--desk-line);border-radius:var(--desk-radius);background:#fff;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;padding:16px;display:grid}.dsdesk-component__spec h3{margin:8px 0;font-size:1.35rem}.dsdesk-component__spec p{color:#26333d;margin:0;line-height:1.72}.dsdesk-component__spec dl{gap:8px;margin:16px 0 0;display:grid}.dsdesk-component__spec dl div{border-top:1px solid #0505051f;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.dsdesk-component__spec dt{color:var(--desk-muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.dsdesk-component__spec dd{overflow-wrap:anywhere;margin:0;font-size:.88rem;line-height:1.55}.dsdesk-component__preview{border-radius:var(--desk-radius);background:linear-gradient(90deg,#0505050f 1px,#0000 1px) 0 0/28px 28px,#f8fbff;border:1px solid #0505052e;place-items:center;min-height:250px;padding:20px;display:grid}.dsdesk-preview-article{border:1px solid var(--desk-line);border-radius:var(--desk-radius);background:#fff;gap:10px;width:min(100%,330px);padding:12px;display:grid}.dsdesk-preview-article__media{border:1px solid var(--desk-line);background:linear-gradient(135deg, var(--desk-cyan) 0 50%, var(--desk-green) 50% 100%);border-radius:6px;place-items:center;min-height:106px;font-weight:900;display:grid}.dsdesk-preview-article span,.dsdesk-preview-source span{color:var(--desk-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.dsdesk-preview-article strong{font-size:1.03rem;line-height:1.22}.dsdesk-preview-article p,.dsdesk-preview-source p,.dsdesk-preview-status p{color:#2b3640;margin:0;font-size:.84rem;line-height:1.6}.dsdesk-preview-article small{color:var(--desk-muted);font-size:.76rem}.dsdesk-preview-source{border:1px solid var(--desk-line);border-radius:var(--desk-radius);color:#fff;background:#101316;gap:12px;width:min(100%,340px);padding:18px;display:grid}.dsdesk-preview-source p{color:#eef8ff}.dsdesk-preview-source a{color:var(--desk-green);justify-self:start;font-size:.86rem;font-weight:900}.dsdesk-preview-status{flex-wrap:wrap;gap:8px;width:min(100%,330px);display:flex}.dsdesk-preview-status span{border:1px solid var(--desk-line);border-radius:999px;align-items:center;min-height:36px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.dsdesk-preview-status .is-ready{background:var(--desk-green)}.dsdesk-preview-status .is-review{background:var(--desk-yellow)}.dsdesk-preview-status .is-blocked{background:var(--desk-rose)}.dsdesk-preview-status p{flex-basis:100%;padding-top:6px}.dsdesk-preview-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.dsdesk-preview-controls button[disabled]{cursor:not-allowed;color:#7b858d;background:#eef1f2;border-color:#05050533}.dsdesk-patterns{gap:14px;display:grid}.dsdesk-patterns article{border:1px solid var(--desk-line);border-radius:var(--desk-radius);background:#fff;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;padding:16px;display:grid}.dsdesk-patterns__copy p{color:#2b3741;margin:8px 0 0;line-height:1.65}.dsdesk-patterns ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.dsdesk-patterns ol li{background:#fbfdff;border:1px solid #0505052e;border-radius:6px;align-content:start;gap:7px;min-height:74px;padding:10px;display:grid}.dsdesk-patterns ol span{color:var(--desk-muted);font-size:.72rem;font-weight:900}.dsdesk-patterns ol strong{font-size:.86rem;line-height:1.35}.dsdesk-patterns__states{gap:8px;display:grid}.dsdesk-patterns__states p{background:var(--desk-yellow);border-radius:6px;margin:0;padding:10px;font-size:.82rem;line-height:1.55}.dsdesk-patterns__states p:last-child{background:var(--desk-rose)}.dsdesk-content-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dsdesk-content-board article{border:1px solid var(--desk-line);border-radius:var(--desk-radius);background:#fff;padding:18px}.dsdesk-content-board article:first-child{background:var(--desk-green)}.dsdesk-content-board article:last-child{background:var(--desk-rose)}.dsdesk-content-board ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.dsdesk-content-board li{background:#ffffffb8;border:1px solid #05050533;border-radius:6px;padding:10px;line-height:1.55}.dsdesk-motion-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;display:grid}.dsdesk-motion-grid article{border:1px solid var(--desk-line);border-radius:var(--desk-radius);animation:dsdesk-in .24s var(--ease-standard) both;animation-delay:calc(var(--order) * 45ms);background:#fff;gap:12px;padding:14px;display:grid}.dsdesk-motion-grid dl{gap:8px;margin:0;display:grid}.dsdesk-motion-grid div{border-top:1px solid #05050524;gap:2px;padding-top:8px;display:grid}.dsdesk-motion-grid dt{color:var(--desk-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.dsdesk-motion-grid dd{margin:0;font-size:.82rem;line-height:1.48}.dsdesk-assets,.dsdesk-directory__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.dsdesk-assets article,.dsdesk-directory__grid a{border:1px solid var(--desk-line);border-radius:var(--desk-radius);background:#fff;align-content:start;gap:8px;min-height:150px;padding:15px;text-decoration:none;display:grid}.dsdesk-assets article.is-ready{background:var(--desk-green)}.dsdesk-assets article.is-capture{background:var(--desk-yellow)}.dsdesk-assets article.is-create{background:var(--desk-rose)}.dsdesk-assets strong,.dsdesk-directory__grid strong{font-size:1.02rem}.dsdesk-assets p,.dsdesk-assets small,.dsdesk-directory__grid span{color:#2c3741;margin:0;font-size:.84rem;line-height:1.55}.dsdesk-quality{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dsdesk-quality li{border:1px solid var(--desk-line);border-radius:var(--desk-radius);background:#fff;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;min-height:74px;padding:10px 14px;display:grid}.dsdesk-quality li>span{border:1px solid var(--desk-line);background:var(--desk-cyan);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.dsdesk-quality strong{margin-bottom:3px;display:block}.dsdesk-quality p,.dsdesk-quality small{color:#2b3640;margin:0;line-height:1.5}.dsdesk-quality small{color:var(--desk-muted);grid-column:2;font-size:.78rem;font-weight:800}@keyframes dsdesk-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.dsdesk-hero{grid-template-columns:220px minmax(0,1fr)}.dsdesk-status{grid-column:2;position:static}.dsdesk-surface-board,.dsdesk-awesome-strip,.dsdesk-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dsdesk-patterns article{grid-template-columns:1fr}.dsdesk{width:min(100% - 20px,720px);padding-top:18px}.dsdesk-hero{grid-template-columns:1fr;min-height:auto}.dsdesk-hero__main{order:1}.dsdesk-status{order:2}.dsdesk-rail{order:3}.dsdesk-rail,.dsdesk-status{position:static}.dsdesk-rail__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dsdesk-hero__main,.dsdesk-section{padding:22px}.dsdesk-hero h1{font-size:2.32rem;line-height:1.04}.dsdesk-surface-board,.dsdesk-awesome-strip,.dsdesk-foundation-grid,.dsdesk-content-board,.dsdesk-motion-grid,.dsdesk-assets,.dsdesk-directory__grid{grid-template-columns:1fr}.dsdesk-benchmark-table,.dsdesk-benchmark-table__row,.dsdesk-benchmark-table__row>span{display:block}.dsdesk-benchmark-table__row>span{border-top:1px solid #0505051f;border-left:0}.dsdesk-benchmark-table__row>span:first-child{border-top:0}.dsdesk-layer-track:before{left:18px}.dsdesk-layer-track li,.dsdesk-quality li{grid-template-columns:42px minmax(0,1fr)}.dsdesk-layer-track small,.dsdesk-layer-track em,.dsdesk-quality small{grid-column:2}.dsdesk-foundation-grid li{grid-template-columns:20px minmax(0,1fr)}.dsdesk-foundation-grid code,.dsdesk-foundation-grid li span{grid-column:2}.dsdesk-component,.dsdesk-patterns ol{grid-template-columns:1fr}}@media (width<=520px){.dsdesk{width:min(100% - 14px,480px)}.dsdesk-rail__nav{grid-template-columns:1fr}.dsdesk-hero__main,.dsdesk-section,.dsdesk-status,.dsdesk-rail{padding:16px}.dsdesk-hero h1{font-size:1.92rem}.dsdesk-hero__lead{font-size:.98rem}.dsdesk-actions,.dsdesk-preview-controls{grid-template-columns:1fr;display:grid}.dsdesk-actions a,.dsdesk-preview-controls a,.dsdesk-preview-controls button{width:100%}}@media (prefers-reduced-motion:reduce){.dsdesk *,.dsdesk :before,.dsdesk :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-break:strict;word-break:auto-phrase;scroll-behavior:smooth}body{letter-spacing:0;background:radial-gradient(circle at 14px 14px,#39c8ff1a 1.1px,#0000 1.7px) 0 0/40px 40px,linear-gradient(#fff 0%,#f6fcff 54%,#fff 100%);min-height:100vh;margin:0;overflow-x:clip}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.12em}img{max-width:100%;height:auto}button,input,select{font:inherit}.shell{width:min(1180px,100vw - 32px);margin:0 auto}.site-header{backdrop-filter:blur(12px);z-index:10;background:#ffffffe0;border-bottom:1px solid #b7d9eceb;position:sticky;top:0}body:has(.ds-product) .site-header{background:#fffffff0}body:has(.ds-product) .main{padding-top:30px}body:has(.home-cover) .site-header{box-shadow:none;background:#ffffff94;border-bottom:1px solid #bddef2b8;position:fixed;inset:0 0 auto}body:has(.home-cover) .site-header[data-nav-open]{background:#fffffff5}body:has(.home-cover) .main{padding-top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{font-family:var(--font-latin);align-items:center;gap:12px;font-weight:800;text-decoration:none;display:inline-flex}.brand__mark{object-fit:contain;flex:none;width:42px;height:42px;display:block}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.nav a{isolation:isolate;min-height:36px;font-family:var(--font-latin);transition:transform var(--motion-quick) var(--ease-standard), border-color var(--motion-quick) var(--ease-standard), background var(--motion-quick) var(--ease-standard), box-shadow var(--motion-quick) var(--ease-standard);background:0 0;border:1px solid #0000;border-radius:20px 20px 12px;align-items:center;padding:0 16px;font-size:.92rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex;position:relative;transform:translateY(0)}.nav a:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(#ffffffd1,#fff0);height:44%;position:absolute;inset:3px 5px auto}.nav a:hover,.nav a:focus-visible,.nav a.is-active{background:radial-gradient(circle at 32% 16%, #fffffff5 0 22%, #fff0 48%), linear-gradient(180deg, #eef9ff 0%, var(--miori-blue-soft) 42%, #d8eefb 100%);border-color:#b7d9ece6;box-shadow:inset 0 1px #fffffff5,inset 0 -9px 16px #8dc4e238,0 10px 18px #5391b529,0 2px #73b2d680}.nav a:hover,.nav a:focus-visible{transform:translateY(-1px)}.nav a:hover:before,.nav a:focus-visible:before,.nav a.is-active:before{opacity:1}.nav a:active{transform:translateY(1px);box-shadow:inset 0 2px 8px #558eb029,inset 0 -5px 12px #8dc4e22e,0 2px #73b2d65c}.nav-toggle{border:1.5px solid var(--ink);min-height:38px;color:var(--ink);font-family:var(--font-latin);text-transform:uppercase;box-shadow:2px 2px 0 var(--ink);background:#ffffffe0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.78rem;font-weight:900;display:none}.nav-toggle i,.nav-toggle i:before,.nav-toggle i:after{background:var(--ink);width:16px;height:2px;transition:transform .18s var(--ease-standard), opacity .18s var(--ease-standard);border-radius:999px;display:block}.nav-toggle i{position:relative}.nav-toggle i:before,.nav-toggle i:after{content:"";position:absolute;left:0}.nav-toggle i:before{transform:translateY(-6px)}.nav-toggle i:after{transform:translateY(6px)}.site-header[data-nav-open] .nav-toggle i{background:0 0}.site-header[data-nav-open] .nav-toggle i:before{transform:rotate(45deg)}.site-header[data-nav-open] .nav-toggle i:after{transform:rotate(-45deg)}.main{padding:42px 0 72px}body:has(.home-fv) .main{padding-top:0}.section{padding:34px 0}.hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;padding:26px 0 18px;display:grid}.hero>div{max-width:1080px}.hero figure.eyecatch{width:min(100%,900px)}.article-hero{text-align:center;justify-items:center;width:min(760px,100%);max-width:760px;margin-inline:auto}.article-hero__copy{text-align:center;justify-items:center;width:min(760px,100%);display:grid}.article-hero .article-title,.article-hero .lead{text-align:center;width:min(100%,760px);margin-inline:auto}.article-hero figure.eyecatch{justify-self:center;width:min(100%,780px);margin-inline:auto}.article-hero .tag-row{justify-content:center}.article-brief{border:2px solid var(--ink);width:min(720px,100%);box-shadow:3px 3px 0 var(--ink);background:radial-gradient(circle at 10px 10px,#39c8ff2e 1.4px,#0000 1.8px) 0 0/22px 22px,#fff;margin:28px auto 8px;padding:clamp(16px,2.4vw,24px)}.article-brief p{color:#1f2a31;text-align:center;max-width:640px;margin:0 auto 14px;font-size:clamp(.94rem,1.1vw,1.02rem);line-height:1.85}.article-brief ul{gap:10px;max-width:700px;margin:0 auto;padding:0;list-style:none;display:grid}.article-brief li{border:1.5px dotted var(--ink);background:#c2f5de80;padding:8px 10px;font-size:.92rem;font-weight:800;line-height:1.55}.kicker{border:2px solid var(--ink);background:var(--miori-blue);width:fit-content;padding:6px 10px;font-size:.84rem;font-weight:800;display:inline-flex}body:has(.ds-product) .kicker{color:#4f89ab;letter-spacing:.08em;background:0 0;border:0;border-left:2px solid #39c8ffb8;padding:0 0 0 10px;font-size:.72rem;font-weight:900}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;letter-spacing:0;line-height:1.12}h1{max-width:900px;margin:16px 0;font-size:clamp(2.2rem,7vw,5.7rem)}.article-title{overflow-wrap:anywhere;max-width:920px;word-break:auto-phrase;text-wrap:balance;font-size:clamp(1.18rem,2.55vw,2.6rem);line-height:1.12;display:block;overflow:visible}.article-title--fixed-lines{-webkit-line-clamp:initial;justify-items:center;font-size:clamp(1.05rem,2.7vw,2.6rem);display:grid;overflow:visible}.article-title__line{text-align:center;white-space:nowrap;width:fit-content;max-width:100%;margin-inline:auto;display:block}h2{font-size:clamp(1.55rem,3.4vw,3rem)}h3{font-size:1.15rem}.lead{color:#1f2a31;max-width:760px;font-size:clamp(.98rem,1.3vw,1.12rem);line-height:1.8}.hero .lead{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric{border:3px solid var(--ink);background:var(--panel);box-shadow:5px 5px 0 var(--ink);padding:16px}.metric strong{font-size:2rem;line-height:1;display:block}.metric span{color:var(--muted);font-size:.88rem}.toolbar{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:10px;margin:24px 0;display:grid}.toolbar input,.toolbar select{border:2px solid var(--ink);background:#fff;width:100%;min-height:42px;padding:0 12px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.home-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-items:stretch;gap:clamp(12px,1.4vw,16px)}.home-card-grid--focus{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.home-feed{padding:22px 0 8px}.home-feed__head{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;padding-bottom:16px;display:flex}.home-feed__head h1{margin:0;font-size:clamp(2rem,4.2vw,4rem);line-height:.95}.home-feed__jump{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.home-feed__jump a,.home-section__link{border:2px solid var(--ink);min-height:34px;box-shadow:3px 3px 0 var(--ink);background:#fff;align-items:center;padding:0 10px;font-size:.88rem;font-weight:900;text-decoration:none;display:inline-flex}.home-feed__jump a:hover,.home-section__link:hover{background:var(--yellow)}.home-section{border-bottom:3px solid #05050524;padding:clamp(22px,3vw,34px) 0}.home-section--all{padding-top:0}.home-section__head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.home-section__label{border:2px solid var(--ink);background:var(--miori-blue);width:fit-content;color:var(--ink);font-family:var(--font-latin);text-transform:uppercase;padding:4px 8px;font-size:.78rem;font-weight:900;display:inline-flex}.home-section h2{margin:8px 0 0;font-size:clamp(1.45rem,2.6vw,2.45rem)}.home-card-grid--latest{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.article-card .eyecatch{border:0;border-bottom:2px solid var(--ink)}.home-section .article-card{box-shadow:3px 3px 0 var(--ink);border-width:2px}.home-section .article-card:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.home-section .article-card .eyecatch{border-width:2px}.home-section .article-card.article-card .article-card__body{padding:10px 11px 12px}.home-section .article-card.article-card .article-card__meta{gap:6px;font-size:.7rem}.home-section .article-card.article-card h2{min-height:2.6em;margin:8px 0 5px;font-size:.86rem;line-height:1.4}.home-section .article-card.article-card p{font-size:.78rem;line-height:1.55}.home-section .article-card.article-card .tag-row{gap:6px;margin-top:10px}.home-section .article-card.article-card .tag{font-size:.7rem}.home-cover{border-bottom:3px solid var(--ink);background:#eef8ff;align-items:stretch;min-height:100svh;display:grid;position:relative;overflow:hidden}.home-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffffe6 0%,#ffffff9e 38%,#ffffff3d 70%),linear-gradient(#fff0 56%,#ffffff3d 100%);position:absolute;inset:0}.home-cover__photo{object-fit:cover;object-position:60% center;opacity:.86;filter:saturate(.76)brightness(1.08)contrast(.96);width:100%;height:100%;animation:18s ease-in-out infinite alternate home-photo-breathe;position:absolute;inset:0;transform:scale(1.005)}.home-cover__inner{z-index:1;min-height:inherit;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.78fr) minmax(260px,.42fr);gap:18px;padding-block:clamp(96px,10vw,126px) clamp(28px,5vw,58px);display:grid;position:relative}.home-cover__brand{color:#0000;font-family:var(--font-latin);letter-spacing:0;opacity:.88;-webkit-text-stroke:2px #05050594;text-shadow:3px 3px #ffffff85;grid-column:1/-1;align-self:start;font-size:clamp(3.1rem,8.4vw,7.7rem);font-weight:950;line-height:.82}.home-cover__copy{border:2px solid var(--ink);border-radius:var(--shape-doc);backdrop-filter:blur(12px);background:#ffffffe6;align-self:center;width:min(620px,100%);min-width:0;padding:clamp(18px,3vw,32px);box-shadow:5px 5px #050505e0}.home-cover__copy h1{overflow-wrap:anywhere;margin:12px 0;font-size:clamp(2.32rem,4.7vw,4.45rem);line-height:.94}.home-cover__copy p{color:#1f2a31;margin:0;font-size:clamp(1rem,1.3vw,1.14rem);font-weight:700;line-height:1.78}.home-cover__feature{border:3px solid var(--ink);border-radius:var(--shape-panel);width:min(430px,100%);min-width:0;color:var(--ink);backdrop-filter:blur(14px);background:#ffffffdb;place-self:end;gap:10px;padding:18px 20px;text-decoration:none;animation:5.8s ease-in-out infinite home-float-card;display:grid;box-shadow:7px 7px #050505e0}.home-cover__feature span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.home-cover__feature strong{overflow-wrap:anywhere;font-size:clamp(1rem,1.4vw,1.28rem);line-height:1.45}.home-cover__jump{flex-wrap:wrap;grid-column:1/-1;align-self:end;gap:10px;display:flex}.home-cover__jump a{border:2px solid var(--ink);border-radius:var(--shape-control);min-height:38px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);backdrop-filter:blur(10px);background:#ffffffdb;align-items:center;padding:0 14px;font-weight:900;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.home-cover__jump a:hover{background:var(--miori-blue-soft);transform:translateY(-2px)}.home-muse{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:linear-gradient(135deg,#bddef26b,#ffffffeb 44%,#e8f7ffdb),#fff;border-radius:30px 30px 12px;grid-template-columns:minmax(0,.72fr) minmax(320px,.68fr);align-items:center;gap:clamp(18px,3vw,30px);margin-top:28px;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.home-muse:before{content:"";opacity:.26;pointer-events:none;background:radial-gradient(circle at 24px 24px,#67a4d26b 1.3px,#0000 1.8px) 0 0/34px 34px,linear-gradient(90deg,#67a4d233 1px,#0000 1px) 0 0/120px 100%;position:absolute;inset:0}.home-muse__copy,.home-muse__art{z-index:1;min-width:0;position:relative}.home-muse__copy{gap:15px;padding:clamp(22px,4vw,42px);display:grid}.home-muse__copy h2{color:#050505;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,4.2vw,4.25rem);line-height:.98}.home-muse__copy p{color:#27323a;overflow-wrap:anywhere;max-width:620px;margin:0;font-weight:750;line-height:1.82}.home-muse__icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.home-muse-icon{border:2px solid var(--ink);border-radius:var(--shape-panel);min-width:0;min-height:88px;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);background:#ffffffd1;place-items:center;gap:8px;font-size:.74rem;font-weight:950;display:grid}.home-muse-icon:before{content:"";border:2px solid var(--ink);background:var(--miori-blue);width:34px;height:34px;display:block}.home-muse-icon--star:before{clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}.home-muse-icon--headphone:before{background:linear-gradient(90deg, var(--ink) 0 18%, transparent 18% 82%, var(--ink) 82% 100%), var(--miori-blue);border-bottom-width:8px;border-radius:999px 999px 12px 12px}.home-muse-icon--tablet:before{background:linear-gradient(135deg, transparent 0 44%, #ffffffe6 44% 56%, transparent 56%), var(--miori-blue);border-radius:8px}.home-muse-icon--spark:before{background:linear-gradient(var(--ink), var(--ink)) center / 3px 24px no-repeat, linear-gradient(90deg, var(--ink), var(--ink)) center / 24px 3px no-repeat, var(--miori-blue);border-radius:50%}.home-muse__art--mascot{place-items:center;display:grid;overflow:hidden}.home-muse__art--mascot img{z-index:2;object-fit:contain;width:min(86%,620px);height:auto;min-height:0;max-height:620px;animation:home-mascot-float 6.4s var(--ease-soft-out) infinite alternate;position:relative}.home-motion-orbit{z-index:1;aspect-ratio:1;width:min(66%,390px);animation:home-orbit-pulse 3.8s var(--ease-standard) infinite;background:#bddef24d;border:2px solid #050505e6;border-radius:50%;position:absolute}.home-motion-orbit--two{background:0 0;width:min(82%,500px);animation-delay:1.2s}.home-muse__art{border-left:3px solid var(--ink);background:#ffffffb8;align-self:stretch;margin:0}.home-muse__art img{object-fit:cover;object-position:center 36%;width:100%;height:100%;min-height:520px;max-height:680px;display:block}.home-visual-note{grid-template-columns:minmax(0,1fr) minmax(320px,.58fr);align-items:stretch;gap:22px;margin-top:28px;margin-bottom:10px;display:grid}.home-visual-note__image,.home-visual-note__copy{border:3px solid var(--ink);border-radius:var(--shape-doc);box-shadow:7px 7px 0 var(--ink);background:#fff;overflow:hidden}.home-visual-note__image{margin:0}.home-visual-note__image img{object-fit:cover;width:100%;height:100%;min-height:360px}.home-visual-note__copy{background:radial-gradient(circle at 18px 18px,#39c8ff1a 1.1px,#0000 1.7px) 0 0/38px 38px,#fff;align-content:start;gap:14px;padding:clamp(18px,3vw,28px);display:grid}.home-visual-note__copy h2{margin:0;font-size:clamp(1.55rem,3vw,2.65rem)}.home-visual-note__copy p{color:#2d3840;margin:0;font-weight:750;line-height:1.75}.home-workflow-steps{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.home-workflow-steps li{border:2px solid var(--ink);border-radius:var(--shape-control);min-height:62px;box-shadow:3px 3px 0 var(--ink);background:#ffffffe6;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:9px 12px;display:grid}.home-workflow-steps span{border:2px solid var(--ink);background:var(--miori-blue);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.72rem;font-weight:950;display:inline-grid}.home-workflow-steps strong{font-size:.94rem;display:block}.home-workflow-steps small{color:#2d3840;font-size:.78rem;font-weight:750;line-height:1.5;display:block}.home-visual-note__copy img{aspect-ratio:3/2;object-fit:cover;border:2px solid var(--ink);border-radius:var(--shape-panel);width:100%;margin-top:8px}.home-trust-board{grid-template-columns:minmax(0,.66fr) minmax(320px,1fr);align-items:stretch;gap:18px;margin-top:28px;margin-bottom:18px;display:grid}.home-trust-board__intro,.home-trust-board__grid article{border:3px solid var(--ink);border-radius:var(--shape-doc);box-shadow:6px 6px 0 var(--ink);background:#fff}.home-trust-board__intro{background:radial-gradient(circle at 20px 20px,#39c8ff1f 1.2px,#0000 1.8px) 0 0/42px 42px,linear-gradient(145deg,#fff 0%,#f0faff 54%,#fff4cc 100%);align-content:center;gap:12px;padding:clamp(20px,4vw,34px);display:grid}.home-trust-board__intro h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.8rem,3.8vw,3.7rem);line-height:1.02}.home-trust-board__intro p{color:#2a3540;margin:0;font-weight:760;line-height:1.78}.home-trust-board__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-trust-board__grid article{transition:transform .18s var(--ease-standard), box-shadow .18s var(--ease-standard), background .18s var(--ease-standard);align-content:start;gap:10px;padding:18px;display:grid}.home-trust-board__grid article:first-child{background:var(--surface-info)}.home-trust-board__grid article:nth-child(2){background:var(--surface-warm-soft)}.home-trust-board__grid article:nth-child(3){background:#fff}.home-trust-board__grid article:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-2px,-2px)}.home-trust-board__grid span{border:2px solid var(--ink);border-radius:var(--shape-control);width:fit-content;color:var(--ink);text-transform:uppercase;box-shadow:2px 2px 0 var(--ink);background:#fff;padding:5px 9px;font-size:.72rem;font-weight:950}.home-trust-board__grid h3{margin:0;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.25}.home-trust-board__grid p{color:#2b3640;margin:0;font-weight:720;line-height:1.65}.home-trust-board__lanes{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-trust-board__lanes article{border:2px solid var(--ink);border-radius:var(--shape-control);box-shadow:3px 3px 0 var(--ink);background:#ffffffeb;grid-template-columns:150px minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;display:grid}.home-trust-board__lanes article:first-child{background:#fff8d8}.home-trust-board__lanes article:last-child{background:#eef8ff}.home-trust-board__lanes span{border:2px solid var(--ink);border-radius:var(--shape-control);text-transform:uppercase;width:fit-content;box-shadow:2px 2px 0 var(--ink);background:#fff;padding:5px 9px;font-size:.72rem;font-weight:950}.home-trust-board__lanes strong{font-size:1.08rem}.home-trust-board__lanes p{color:#2b3640;margin:0;font-weight:720;line-height:1.58}.home-magazine-hero{grid-template-columns:minmax(0,.92fr) minmax(320px,.58fr);align-items:end;gap:24px;padding:24px 0 18px;display:grid}.home-magazine-hero__copy{border:3px solid var(--ink);min-height:390px;box-shadow:8px 8px 0 var(--ink);background:linear-gradient(90deg,#b5f4d0b8,#c7efffa3 45%,#ffd7dfb8),#fff;align-content:center;justify-items:start;padding:clamp(22px,5vw,58px);display:grid}.home-magazine-hero h1{max-width:780px;margin:14px 0 12px;font-size:4.6rem;line-height:.92}.home-magazine-hero p{color:#1f2a31;max-width:620px;margin:0;font-size:1.06rem;line-height:1.82}.home-hero-card .article-card{min-height:100%}.home-hero-card .article-card .eyecatch{aspect-ratio:4/3}.home-hero-card .article-card.article-card h2{min-height:auto;font-size:1rem}.home-area-strip--magazine{margin-top:18px;margin-bottom:16px}.home-area-card--cyan{background:var(--surface-info)}.home-area-card--rose{background:var(--surface-rose)}.home-area-card--green{background:var(--surface-success)}.home-area-card--blue{background:#eef3ff}.home-area-card--yellow{background:var(--surface-warm-soft)}.home-section--new{border-bottom:0}.home-news-layout{grid-template-columns:minmax(0,.82fr) minmax(300px,.68fr);align-items:stretch;gap:18px;display:grid}.home-news-layout__lead .article-card{height:100%}.home-news-layout__lead .article-card .eyecatch{aspect-ratio:1}.home-news-list{gap:10px;display:grid}.home-news-list a{border:2px solid var(--ink);border-radius:var(--shape-control);box-shadow:3px 3px 0 var(--ink);background:#fff;gap:6px;padding:12px 14px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:grid}.home-news-list a:nth-child(2n){background:#f6fcff}.home-news-list a:hover{background:var(--miori-blue);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.home-news-list span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:900}.home-news-list strong{line-height:1.45}.home-news-list time{color:#50606a;font-size:.78rem;font-weight:800}.home-character-band{border-block:3px solid var(--ink);background:#ffe2b7;margin:22px 0;padding:30px 0 34px}.home-character-band .home-section__head{margin-bottom:18px}.home-character-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.home-character-card{isolation:isolate;border:3px solid var(--ink);border-radius:var(--shape-panel);min-width:0;color:var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform var(--motion-quick) var(--ease-standard), box-shadow var(--motion-quick) var(--ease-standard), background var(--motion-quick) var(--ease-standard);background:#fff;gap:8px;padding:12px;text-decoration:none;display:grid;position:relative;overflow:hidden}.home-character-card:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(#fffffff5,#fff0);height:82px;position:absolute;inset:10px 14px auto}.home-character-card:hover{box-shadow:8px 8px 0 var(--ink), 0 14px 24px #4a8eb81f;background:radial-gradient(circle at 24% 12%,#fffffffa 0 18%,#fff0 42%),linear-gradient(#fff 0%,#f1fbff 64%,#e1f3fb 100%);transform:rotate(-1deg)translate(-2px,-2px)}.home-character-card:hover:before{opacity:1}.home-character-card:active{box-shadow:3px 3px 0 var(--ink);transform:rotate(0)translate(2px,2px)}.home-character-card img{aspect-ratio:4/3;object-fit:cover;border:2px solid var(--ink);border-radius:var(--shape-control);background:var(--mist);width:100%;height:100%;max-height:250px}.home-character-card span{color:var(--muted);font-size:.74rem;font-weight:900}.home-character-card strong{font-size:1.18rem}.home-character-card small{color:#2d3840;line-height:1.55}.home-card-grid--pickup{grid-template-columns:minmax(280px,1.15fr) repeat(2,minmax(200px,.72fr))}.home-card-grid--pickup .article-card:first-child{grid-row:span 2}.home-card-grid--pickup .article-card:first-child .eyecatch{aspect-ratio:4/3}.home-card-grid--pickup .article-card:first-child.article-card h2{min-height:auto;font-size:1.02rem}.home-ranking-band{border-block:3px solid var(--ink);background:var(--surface-warm);margin:24px 0;padding:30px 0}.home-ranking-list{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.home-ranking-list li:first-child{grid-row:span 4}.home-ranking-list a{border:2px solid var(--ink);border-radius:var(--shape-panel);min-height:100%;color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;grid-template-columns:74px 112px minmax(0,1fr);align-items:center;gap:12px;padding:10px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:grid}.home-ranking-list a:hover{box-shadow:5px 5px 0 var(--ink);background:#f6fcff;transform:translate(-2px,-2px)}.home-ranking-list li:first-child a{grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;padding:14px}.home-ranking-list img,.home-ranking-list__empty{aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);background:var(--cyan-soft);border-radius:16px;width:100%;min-width:0}.home-ranking-list li:first-child img,.home-ranking-list li:first-child .home-ranking-list__empty{aspect-ratio:16/10}.home-ranking-list__empty{place-items:center;font-size:.72rem;font-weight:900;display:grid}.home-ranking-list__num{border:2px solid var(--ink);border-radius:var(--shape-control);background:var(--rose);width:fit-content;padding:4px 7px;font-size:.78rem;font-weight:900;display:inline-flex}.home-ranking-list__body{gap:7px;display:grid}.home-ranking-list__body strong{line-height:1.45}.home-ranking-list__body small{color:var(--muted);font-weight:800}.home-tag-cloud{border:3px solid var(--ink);border-radius:var(--shape-panel);box-shadow:5px 5px 0 var(--ink);background:#fff;flex-wrap:wrap;gap:10px;padding:18px;display:flex}.home-tag-cloud span{border:2px solid var(--ink);border-radius:var(--shape-control);background:#f7fbff;align-items:center;gap:7px;padding:7px 10px;font-size:.84rem;font-weight:900;display:inline-flex}.home-tag-cloud small{min-width:20px;color:var(--muted);border-left:2px solid #0505052e;place-items:center;padding-left:7px;display:inline-grid}.home-section__head p{color:#2d3840;max-width:540px;margin:8px 0 0;line-height:1.65}.list{gap:12px;display:grid}.content-band{background:#ffffffb8;border-top:2px solid #050505bd;border-bottom:2px solid #050505bd;padding:28px 0}.home-fv{border-bottom:3px solid var(--ink);align-items:center;min-height:min(620px,100svh - 75px);padding:clamp(46px,8svh,86px) 0;display:grid}.home-fv__inner{grid-template-columns:minmax(0,1fr);place-items:center;gap:0;display:grid}.home-fv__copy{text-align:center;justify-items:center;max-width:960px;margin-inline:auto;display:grid}.home-fv__copy h1{max-width:920px;margin:18px auto 16px;font-size:clamp(3rem,7.4vw,7rem);line-height:.98}.home-fv__copy .lead{color:#27323a;max-width:560px;margin:0 auto;font-size:clamp(1.04rem,1.35vw,1.22rem);line-height:1.75}.home-actions,.home-quiet-links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.home-actions a,.home-quiet-links a{border:3px solid var(--ink);min-height:42px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;align-items:center;padding:0 14px;font-weight:900;text-decoration:none;display:inline-flex}.home-actions a:first-child{background:var(--green)}.home-quiet-links{gap:16px;margin-top:28px}.home-quiet-links a{min-height:auto;box-shadow:none;background:0 0;border-width:0 0 2px;padding:0 0 4px}.home-overview__inner{grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);align-items:start;gap:18px;display:grid}.home-board{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fffffff0}.home-board--quiet{box-shadow:4px 4px 0 var(--ink)}.home-board__head{border-bottom:3px solid var(--ink);background:radial-gradient(circle at 10px 10px, #39c8ff2e 1.4px, transparent 1.8px) 0 0 / 22px 22px, var(--mist);justify-content:space-between;align-items:center;min-height:62px;padding:0 18px;display:flex}.home-board__head span{border:2px solid var(--ink);background:var(--green);padding:4px 8px;font-weight:900}.home-board__head strong{font-size:clamp(2.2rem,4vw,4rem);line-height:1}.home-board__latest{border-bottom:2px solid #0505052e;gap:8px;padding:18px;display:grid}.home-board__latest span{color:var(--muted);font-size:.86rem;font-weight:800}.home-board__latest a{color:var(--ink);font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:900;line-height:1.35;text-decoration-thickness:.08em}.home-board__rows{padding:6px 18px 16px;display:grid}.home-board__rows p{border-top:2px solid #0505051f;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:12px 0;display:grid}.home-board__rows p:first-child{border-top:0}.home-board__rows strong{font-size:1.6rem;line-height:1}.home-board__rows span{color:#27323a;line-height:1.55}.home-area-strip{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.home-area-card{border:3px solid var(--ink);border-radius:var(--shape-panel);min-width:0;color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;gap:7px;padding:13px 14px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid}.home-area-card:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)rotate(-.6deg)}.home-area-card span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.home-area-card strong{overflow-wrap:anywhere;font-size:clamp(1.28rem,2vw,1.72rem);line-height:1}.home-area-card small{color:#2d3840;overflow-wrap:anywhere;line-height:1.45}.home-direction__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.home-direction h2{margin:16px 0 0}.home-direction__list{gap:10px;display:grid}.home-direction__list p{border:3px solid var(--ink);background:#fff;grid-template-columns:112px minmax(0,1fr);gap:14px;margin:0;padding:12px 14px;display:grid}.home-direction__list strong{font-size:1.05rem}.home-direction__list span{color:#2d3840;line-height:1.6}.article-shell{grid-template-columns:minmax(0,760px);justify-content:center;align-items:start;gap:26px;max-width:760px;margin-inline:auto;display:grid}.article-shell>*{min-width:0}.article-main{width:100%;min-width:0;max-width:760px;margin-inline:auto}.toc-box{background:linear-gradient(90deg,#edf8ffc7,#ffffff6b 42%,#fff0),#ffffff9e;border-block:1px solid #05050524;max-width:760px;margin:0 auto 40px;padding:16px 0;overflow:hidden}.toc-box__title{color:var(--ink);justify-content:flex-start;align-items:center;gap:10px;padding:0 0 10px;font-weight:900;display:flex}.toc-box__title strong{letter-spacing:0;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:.88rem;display:inline-flex}.toc-box__title strong:before{content:"";background:var(--cyan-soft);border:1px solid #05050580;width:8px;height:8px}.toc-list{margin:0;padding:0;list-style:none}.toc-list li{border-top:1px solid #0505051f}.toc-list li:first-child{border-top:0}.toc-list a{color:var(--ink);background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:11px;padding:8px 10px 8px 0;font-size:.92rem;font-weight:820;line-height:1.45;text-decoration:none;display:grid}.toc-list a:hover{color:var(--ink);background:linear-gradient(90deg,#fff2a8b3,#fff2a82e);text-decoration:none}.toc-list a span{color:var(--ink);text-align:center;background:#c7efff94;border:1px solid #05050538;flex:none;min-width:28px;padding:0 4px;font-size:.72rem;font-weight:900}.toc-depth-3{padding-left:18px;font-size:.94em}.article-body{overflow-wrap:anywhere;min-width:0;font-size:.96rem;line-height:1.88}.article-body>h1:first-child{display:none}.article-body h1{max-width:720px;font-size:clamp(1.62rem,2.5vw,2.15rem);line-height:1.22}.article-body h2,.article-body h3{margin-top:2.25em}.article-body h2{font-size:clamp(1.34rem,2vw,1.72rem);line-height:1.22}.article-body h3{font-size:1.08rem;line-height:1.35}.article-body p,.article-body ul,.article-body ol,.article-body table{margin:1.05em 0}.article-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.article-body th,.article-body td{border:2px solid var(--ink);vertical-align:top;background:#fff;padding:10px}.article-body code,.article-body mark{background:var(--highlight-yellow-soft);border:1px solid var(--highlight-yellow-line);box-decoration-break:clone;color:var(--ink);border-radius:4px;padding:.12em .34em;font-weight:850}.article-body pre{border:3px solid var(--ink);color:#f8fbff;background:#081018;padding:18px;overflow-x:auto}.article-body pre code{color:inherit;font-weight:inherit;background:0 0;border:0;border-radius:0;padding:0}.article-body pre.source-plain-text{white-space:pre-wrap;overflow-wrap:anywhere;border:3px solid var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--ink);font:inherit;background:#fff;line-height:1.85;overflow-x:visible}.article-body blockquote{border-left:5px solid var(--cyan);color:#2d3840;margin-left:0;padding-left:18px}.article-body h2,.article-body h3,.article-body .at-callout,.article-body .source-post,.article-body .at-source-card{scroll-margin-top:112px}.at-callout{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:radial-gradient(circle at 10px 10px,#39c8ff29 1.4px,#0000 1.8px) 0 0/22px 22px,#fff;margin:24px 0 30px;overflow:hidden}.at-callout--note,.at-callout--warning{box-shadow:none;background:#ffffffd1;border-width:2px}.at-callout--note .at-callout__head,.at-callout--warning .at-callout__head{background:#fff;border-bottom-width:1px}.at-callout--note .at-callout__label{background:var(--cyan-soft)}.at-callout--warning .at-callout__label{background:var(--yellow)}.at-callout--compact{margin:20px 0 24px}.at-callout--compact .at-callout__head{padding:10px 14px}.at-callout--compact .at-callout__body{padding:14px}.at-callout__head{border-bottom:2px solid var(--ink);background:var(--mist);justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.at-callout__label{border:2px solid var(--ink);background:var(--green);flex:none;padding:4px 8px;font-size:.82rem;font-weight:900;line-height:1.2}.at-callout__title{margin:0;font-size:clamp(1rem,1.7vw,1.18rem);font-weight:900;line-height:1.35}.at-callout__body{padding:clamp(14px,2.4vw,20px)}.at-flow-list,.at-step-list{counter-reset:at-flow;gap:0;margin:0;padding:0;list-style:none;display:grid}.article-body .at-flow-list,.article-body .at-step-list,.article-body .at-checklist{margin:0;padding:0;list-style:none}.at-flow-list li,.at-step-list li{counter-increment:at-flow;background:0 0;border:0;border-top:1px solid #05050524;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:14px 0;display:grid;position:relative}.at-flow-list li:not(:last-child):after{content:"";background:#0505052e;width:2px;position:absolute;top:50px;bottom:-10px;left:20px}.at-flow-list li:first-child,.at-step-list li:first-child{border-top:0;padding-top:0}.at-flow-list li:last-child,.at-step-list li:last-child{padding-bottom:0}.at-flow-list li:before,.at-step-list li:before{content:counter(at-flow, decimal-leading-zero);z-index:1;border:2px solid var(--ink);background:var(--cyan-soft);box-shadow:none;grid-area:1/1/span 2;place-items:center;min-height:32px;font-size:.78rem;font-weight:900;line-height:1;display:grid;position:relative}.at-flow-list strong,.at-step-list strong{grid-column:2;margin:0 0 2px;font-size:1rem;line-height:1.45;display:block}.at-flow-list span,.at-step-list span{color:#2d3840;grid-column:2;font-size:.94rem;line-height:1.65;display:block}.at-step-list li:before{background:var(--green)}.at-checklist{gap:0;margin:0;padding:0;list-style:none;display:grid}.article-body .at-callout p,.article-body .at-callout ol,.article-body .at-callout ul,.article-body .at-checklist,.article-body .at-stat-grid,.article-body .source-embed,.article-body .source-post,.article-body .at-source-card,.article-body .at-compare-grid,.article-body .at-faq-list{margin-top:0}.article-body .at-callout p:last-child,.article-body .at-callout ol:last-child,.article-body .at-callout ul:last-child{margin-bottom:0}.at-checklist li{background:0 0;border:0;border-top:1px solid #05050524;align-items:start;gap:12px;padding:10px 0;display:flex;position:relative}.at-checklist li:first-child{border-top:0}.at-checklist li:before{content:"";background:var(--green);width:20px;height:20px;box-shadow:none;border:2px solid #050505c7;flex:none}.at-checklist li:after{content:"";border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);width:10px;height:6px;position:absolute;top:15px;left:5px;transform:rotate(-45deg)}.at-checklist li strong{white-space:nowrap;flex:none}.at-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.at-stat{border:2px solid var(--ink);background:#fff;min-width:0;padding:14px}.at-stat strong{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1;display:block}.at-stat span{color:var(--muted);margin-top:6px;font-size:.9rem;font-weight:800;line-height:1.4;display:block}.at-media-frame{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;margin:28px 0 34px;overflow:hidden}.at-media-frame img,.at-media-frame video,.at-media-frame iframe{aspect-ratio:16/9;object-fit:cover;background:var(--mist);border:0;width:100%;display:block}.at-media-frame figcaption{border-top:3px solid var(--ink);background:var(--mist);color:#2d3840;padding:11px 14px;font-size:.92rem;line-height:1.6}.at-quote{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);margin:26px 0;padding:clamp(16px,2.4vw,22px)}.article-body .at-quote{border:2px solid var(--ink);padding-left:clamp(16px,2.4vw,22px)}.at-quote p{margin:0;font-size:clamp(1.02rem,1.9vw,1.26rem);font-weight:900;line-height:1.55}.at-quote cite{color:#2d3840;margin-top:12px;font-size:.86rem;font-style:normal;font-weight:800;display:block}.at-dialogue-set{gap:14px;margin:24px 0 32px;display:grid}.at-dialogue{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;display:grid}.at-dialogue--reverse{grid-template-columns:minmax(0,1fr) 56px}.at-dialogue--reverse .at-dialogue__avatar{grid-column:2}.at-dialogue--reverse .at-dialogue__bubble{grid-area:1/1}.at-dialogue__avatar{place-items:end center;width:56px;min-height:68px;display:grid;position:relative}.at-dialogue__avatar:before{content:"";border:2px solid var(--ink);background:var(--cyan-soft);border-radius:50%;width:44px;height:44px;position:absolute;top:3px}.at-dialogue__avatar:after{content:"";border:2px solid var(--ink);background:#fff;border-bottom:0;width:36px;height:31px;position:absolute;top:29px}.at-dialogue__face{z-index:1;border:2px solid var(--ink);background:#fff;border-radius:44% 44% 50% 50%;width:30px;height:30px;position:absolute;top:14px}.at-dialogue__face:before{content:"";border:2px solid var(--ink);background:var(--ink);border-bottom:0;border-radius:50% 50% 40% 40%;position:absolute;inset:-7px -4px 16px}.at-dialogue__face:after{content:"";background:var(--ink);width:4px;height:4px;box-shadow:10px 0 0 var(--ink), 5px 8px 0 -1px var(--ink);border-radius:50%;position:absolute;top:13px;left:7px}.at-dialogue__bubble{border:2px solid var(--ink);min-width:0;box-shadow:3px 3px 0 var(--ink);background:#fffffff0;padding:12px 14px;position:relative}.at-dialogue__bubble:before,.at-dialogue__bubble:after{content:"";border-style:solid;width:0;height:0;position:absolute;top:16px}.at-dialogue__bubble:before{border-width:8px 12px 8px 0;border-color:transparent var(--ink) transparent transparent;left:-12px}.at-dialogue__bubble:after{border-width:6px 9px 6px 0;border-color:#0000 #fff #0000 #0000;left:-8px}.at-dialogue--reverse .at-dialogue__bubble:before{border-width:8px 0 8px 12px;border-color:transparent transparent transparent var(--ink);left:auto;right:-12px}.at-dialogue--reverse .at-dialogue__bubble:after{border-width:6px 0 6px 9px;border-color:#0000 #0000 #0000 #fff;left:auto;right:-8px}.at-dialogue--reader .at-dialogue__avatar:before{background:var(--mist)}.at-dialogue--guide .at-dialogue__avatar:before{background:var(--green)}.at-dialogue__name{color:var(--muted);margin:0 0 3px;font-size:.76rem;font-weight:900;line-height:1.35}.at-dialogue__bubble p{color:#1f2a31;margin:0;font-size:.92rem;font-weight:700;line-height:1.7}.at-dialogue__bubble p+p{margin-top:8px}.source-embed{border:2px solid var(--ink);width:min(100%,620px);box-shadow:3px 3px 0 var(--ink);background:#fff;margin:18px auto 30px;padding:12px}.source-embed .twitter-tweet{margin:0 auto!important}.source-post{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;margin:24px 0 34px;overflow:hidden}.source-post__head{border-bottom:2px solid var(--ink);background:var(--mist);align-items:center;gap:12px;padding:14px;display:flex}.source-post__avatar{border:2px solid var(--ink);background:var(--green);width:52px;height:52px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:900;line-height:1;display:grid;overflow:hidden}.source-post__avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.source-post__identity{min-width:0}.source-post__name{margin:0;font-size:1rem;font-weight:900;line-height:1.25}.source-post__meta{color:var(--muted);margin:2px 0 0;font-size:.92rem;font-weight:800;line-height:1.35}.source-post__body{padding:16px 16px 8px;font-size:.96rem;line-height:1.75}.source-post__body p,.source-post__thread p{margin:0 0 12px}.source-post__body p:last-child,.source-post__thread p:last-child{margin-bottom:0}.source-post__body--plain p{white-space:pre-wrap;overflow-wrap:anywhere}.source-post__note{border:2px solid var(--ink);background:var(--yellow);margin:0 18px 18px;padding:8px 10px;font-size:.9rem;font-weight:800;line-height:1.5}.source-post__thread{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:#2d3840;background:#fff;border-radius:12px;margin:0 18px 18px;padding:14px;font-size:.96rem;line-height:1.7}.source-post__media{border-top:3px solid var(--ink);background:var(--mist);margin:0}.source-post__media a{display:block}.source-post__media img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.source-post__media figcaption{border-top:2px solid var(--ink);color:var(--muted);background:#fff;margin:0;padding:10px 14px;font-size:.9rem;font-weight:800;line-height:1.55}.at-source-card{border:2px solid var(--ink);background:#fff;grid-template-columns:minmax(0,1fr) 108px;align-items:stretch;gap:0;margin:12px 0;display:grid;overflow:hidden}.at-source-card__body{gap:6px;padding:12px;display:grid}.at-source-card__label{border:1.5px solid var(--ink);background:var(--green);align-items:center;gap:5px;width:fit-content;padding:2px 6px;font-size:.72rem;font-weight:900;display:inline-flex}.at-source-card__favicon{border:1px solid var(--ink);background:#fff;place-items:center;width:16px;height:16px;display:inline-grid}.at-source-card__favicon img{object-fit:contain;width:12px;height:12px}.at-source-card__title{margin:0;font-size:.96rem;font-weight:900;line-height:1.4}.at-source-card__title a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:2px}.at-source-card__meta{color:var(--muted);font-size:.82rem;line-height:1.45}.at-source-card__domain{color:#2d3840;overflow-wrap:anywhere;margin:0;font-size:.74rem;font-weight:800}.at-source-card__media{aspect-ratio:1;border-left:2px solid var(--ink);background:radial-gradient(circle at 10px 10px, #39c8ff38 1.4px, transparent 1.8px) 0 0 / 22px 22px, var(--cyan-soft);align-self:start;place-items:center;min-height:0;display:grid}.at-source-card__media img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;min-height:0;display:block}.at-source-card__media--icon img{object-fit:contain;border:2px solid var(--ink);background:#fff;width:44px;height:44px;min-height:0;padding:8px}.article-body .at-source-card__title,.article-body .at-source-card__meta,.article-body .at-source-card__domain{margin:0}.at-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 32px;display:grid}.at-compare{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;overflow:hidden}.at-compare h3{border-bottom:3px solid var(--ink);background:var(--mist);margin:0;padding:12px 14px;font-size:1rem;line-height:1.35}.at-compare ul{margin:0;padding:14px 18px 16px 30px}.at-faq-list{gap:10px;margin:24px 0 34px;display:grid}.at-faq-list details{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff}.at-faq-list summary{cursor:pointer;padding:13px 15px;font-weight:900}.at-faq-list details>div{border-top:3px solid var(--ink);background:var(--mist);padding:14px 15px}.component-lab,.system-map,.visual-system{gap:22px;display:grid}.system-map__head,.visual-system__head{max-width:780px}.system-map__head h2,.visual-system__head h2{margin:12px 0 10px}.system-map__head p,.visual-system__head p{color:#2d3840;margin:0;font-size:.96rem;line-height:1.8}.system-map__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.system-card{background:#ffffffc7;border:1px solid #0505052e;min-width:0;padding:14px}.system-card--link{color:inherit;text-decoration:none}.system-card--link:hover{background:#edf8ffe0;border-color:#0505056b;text-decoration:none}.system-card--root{background:radial-gradient(circle at 10px 10px,#39c8ff29 1.4px,#0000 1.8px) 0 0/22px 22px,#edf8ffd9}.system-card span{color:#2d3840;background:#fff;border:1px solid #05050547;padding:2px 6px;font-size:.68rem;font-weight:900;line-height:1;display:inline-flex}.system-card h3{margin:12px 0 7px;font-size:1rem;line-height:1.25}.system-card p{color:#2d3840;margin:0;font-size:.82rem;line-height:1.55}.design-system-links{border-block:1px solid #05050524;flex-wrap:wrap;gap:10px;padding:12px 0;display:flex}.design-system-links a{min-height:34px;color:var(--ink);background:#ffffffd1;border:1px solid #05050538;align-items:center;gap:8px;padding:0 10px;text-decoration:none;display:inline-flex}.design-system-links a:hover{background:var(--yellow);text-decoration:none}.design-system-links strong{font-size:.7rem}.design-system-links span{color:#2d3840;font-size:.84rem;font-weight:850}.visual-system__hero{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:stretch;gap:18px;display:grid}.visual-system__frame{border:2px solid var(--ink);min-width:0;box-shadow:3px 3px 0 var(--ink);background:#fff;margin:0;overflow:hidden}.visual-system__frame img{aspect-ratio:16/9;object-fit:cover;background:var(--mist);width:100%;display:block}.visual-system__frame--wide img{object-fit:contain}.visual-system__frame figcaption{border-top:2px solid var(--ink);background:var(--mist);color:#2d3840;margin:0;padding:9px 11px;font-size:.78rem;font-weight:850;line-height:1.45}.visual-system__notes{align-content:start;gap:10px;display:grid}.visual-system__notes p{background:#ffffffd1;border-left:3px solid #39c8ffb3;margin:0;padding:10px 12px}.visual-system__notes strong,.visual-system__notes span{display:block}.visual-system__notes strong{font-size:.84rem;line-height:1.35}.visual-system__notes span{color:#2d3840;margin-top:3px;font-size:.84rem;line-height:1.55}.visual-system__gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.character-system{gap:22px;display:grid}.character-system__head{max-width:780px}.character-system__head h2{margin:12px 0 10px}.character-system__head p{color:#2d3840;margin:0;font-size:.96rem;line-height:1.8}.character-system__body{gap:18px;display:grid}.character-system__body--trio{grid-template-columns:repeat(3,minmax(0,1fr))}.character-role{gap:12px;min-width:0;display:grid}.character-profile{background:#ffffffc7;border:1px solid #0505052e;padding:14px}.character-profile--template{max-width:860px}.character-profile h3{margin:0 0 10px;font-size:1rem}.character-profile__label{background:var(--cyan-soft);color:#2d3840;border:1px solid #05050547;width:fit-content;margin:0 0 8px;padding:2px 6px;font-size:.68rem;font-weight:900;line-height:1.2;display:inline-flex}.character-profile dl{gap:8px;margin:0;display:grid}.character-profile dl div{border-top:1px solid #0505051f;grid-template-columns:88px minmax(0,1fr);gap:10px;padding-top:8px;display:grid}.character-profile dl div:first-child{border-top:0;padding-top:0}.character-profile dt,.character-profile dd{margin:0}.character-profile dt{color:var(--ink);font-size:.78rem;font-weight:900;line-height:1.5}.character-profile dd{color:#2d3840;font-size:.82rem;line-height:1.55}.design-area-hero{grid-template-columns:minmax(0,860px);justify-content:center}.design-area-page{gap:24px;display:grid}.design-area-page__intro{max-width:760px}.design-area-page__intro h2{margin:12px 0 10px}.design-area-page__intro p{color:#2d3840;margin:0;font-size:.96rem;line-height:1.8}.design-principles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.design-principles p{background:#fffc;border:1px solid #05050529;margin:0;padding:12px}.design-principles strong,.design-principles span{display:block}.design-principles strong{color:var(--muted);font-size:.74rem;line-height:1.2}.design-principles span{color:#1f2a31;margin-top:7px;font-size:.84rem;font-weight:760;line-height:1.55}.design-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.design-detail-card{background:#ffffffdb;border:2px solid #050505bd;min-width:0;box-shadow:3px 3px #050505e0}.design-detail-card__head{background:radial-gradient(circle at 10px 10px,#39c8ff24 1.4px,#0000 1.8px) 0 0/22px 22px,#edf8ffc2;border-bottom:1px solid #0505052e;padding:14px}.design-detail-card__head h2{margin:0;font-size:1.08rem;line-height:1.3}.design-detail-card__head p{color:#2d3840;margin:6px 0 0;font-size:.84rem;line-height:1.55}.design-component-list{display:grid}.design-component-row{border-top:1px solid #0505051f;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 14px;display:grid}.design-component-row:first-child{border-top:0}.design-component-row__name,.design-component-row__desc,.design-component-row__examples{margin:0}.design-component-row__name{color:var(--ink);font-size:.92rem;font-weight:900;line-height:1.35}.design-component-row__desc{color:#2d3840;margin-top:3px;font-size:.82rem;line-height:1.55}.design-component-row__examples{color:var(--muted);margin-top:5px;font-size:.76rem;font-weight:760;line-height:1.45}.design-component-row>span{background:var(--mist);color:#2d3840;border:1px solid #05050538;padding:2px 6px;font-size:.66rem;font-weight:900;line-height:1.2}.design-component-row[data-status=ready]>span{background:var(--green)}.design-component-row[data-status=later]>span{background:var(--rose)}.design-references{border-block:1px solid #05050524;max-width:860px;padding:18px 0}.design-references h2{margin:0;font-size:1.08rem}.design-references p{color:#2d3840;margin:7px 0 12px;font-size:.86rem;line-height:1.65}.design-references div{flex-wrap:wrap;gap:8px;display:flex}.design-references a{color:var(--ink);background:#ffffffd1;border:1px solid #05050538;padding:7px 9px;font-size:.82rem;font-weight:850;text-decoration:none}.design-references a:hover{background:var(--yellow);text-decoration:none}.ds-product--home{align-items:start}.ds-product--home .ds-product__main{gap:22px}.ds-page-hero--home{min-height:clamp(430px,48vw,620px);box-shadow:none;isolation:isolate;background:linear-gradient(90deg,#fffffffa 0 52%,#edf8ffb8 52% 100%),linear-gradient(#0505050f 1px,#0000 1px) 0 0/100% 42px,linear-gradient(90deg,#0505050e 1px,#0000 1px) 0 0/42px 100%;border-color:#0505052e;border-radius:0;grid-template-columns:minmax(0,.88fr) minmax(320px,.72fr);align-items:end;position:relative}.ds-page-hero--home:before{content:"";pointer-events:none;z-index:-1;border:1px solid #05050529;position:absolute;inset:clamp(14px,2vw,22px)}.ds-page-hero--home:after{content:"DESIGN SYSTEM";writing-mode:vertical-rl;color:#05050557;letter-spacing:.12em;font-size:.68rem;font-weight:900;position:absolute;top:clamp(20px,3vw,34px);right:clamp(20px,3vw,36px)}.ds-page-hero--home h1{text-wrap:balance;max-width:820px;font-size:clamp(3rem,7.2vw,7.4rem);line-height:.88}.ds-system-board{background:#ffffffc7;border:1px solid #05050542;grid-template-rows:auto 1fr auto;gap:18px;min-height:390px;padding:clamp(16px,2.3vw,24px);display:grid;position:relative;overflow:hidden}.ds-system-board:before{content:"";background:linear-gradient(90deg,#050505 0 28%,#39c8ff 28% 48%,#b5f4d0 48% 68%,#fff2a8 68% 84%,#ffd7df 84% 100%);height:5px;position:absolute;inset:0 0 auto}.ds-system-board__header{border-bottom:1px solid #05050529;gap:8px;padding-bottom:14px;display:grid}.ds-system-board__header span,.ds-benchmark-strip span,.ds-quality-gates article>span{color:#227fa0;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.ds-system-board__header strong{max-width:360px;font-size:clamp(1.14rem,1.9vw,1.55rem);line-height:1.16}.ds-system-stack{align-content:center;gap:8px;margin:0;padding:0;list-style:none;display:grid}.ds-system-stack li{min-height:34px;transform:translateX(calc(var(--layer-index) * 4px));animation:.62s cubic-bezier(.16,1,.3,1) both ds-layer-enter;animation-delay:calc(var(--layer-index) * 50ms);background:#fbfdffd1;border:1px solid #05050524;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:0 10px;display:grid}.ds-system-stack li span{color:var(--muted);font-size:.72rem;font-weight:800}.ds-system-stack li strong{font-size:.9rem;line-height:1.25}.ds-system-board p{color:#2d3840;border-top:1px solid #05050529;margin:0;padding-top:14px;font-size:.88rem;font-weight:700;line-height:1.65}.ds-benchmark-strip{background:#ffffffdb;border:1px solid #0505052e;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.ds-benchmark-strip a{min-height:138px;color:inherit;border-right:1px solid #05050524;align-content:start;gap:7px;padding:15px 14px;text-decoration:none;transition:background .18s,transform .18s;display:grid}.ds-benchmark-strip a:last-child{border-right:0}.ds-benchmark-strip a:hover{background:var(--mist);transform:translateY(-2px)}.ds-benchmark-strip strong{font-size:1rem;line-height:1.18}.ds-benchmark-strip small{color:#2d3840;font-size:.74rem;font-weight:750;line-height:1.45}.ds-operating-model{gap:22px;display:grid}.ds-operating-model__head{max-width:920px}.ds-operating-model__head h2{text-wrap:balance;max-width:760px;margin:12px 0 10px;font-size:clamp(2rem,4.2vw,4.25rem);line-height:.96}.ds-operating-model__head p{color:#2d3840;max-width:820px;margin:0;font-size:clamp(.98rem,1.5vw,1.14rem);line-height:1.9}.ds-quality-gates{border-block:1px solid #0505052e;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ds-quality-gates article{border-right:1px solid #05050524;align-content:start;gap:10px;min-height:220px;padding:18px 18px 22px;display:grid}.ds-quality-gates article:last-child{border-right:0}.ds-quality-gates h3{margin:0;font-size:clamp(1.1rem,1.8vw,1.42rem);line-height:1.14}.ds-quality-gates p{color:#2d3840;margin:0;font-size:.88rem;line-height:1.72}.ds-home-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ds-home-metrics .metric{min-height:110px;box-shadow:none;background:#ffffffc7;border:1px solid #05050529;border-radius:0}.ds-home-gateway{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:stretch;gap:18px;padding:0;display:grid}.ds-home-gateway__intro{background:#ffffffb8;border:1px solid #b7d9ecb8;border-left:4px solid #39c8ff94;border-radius:22px 22px 8px;padding:18px 20px}.ds-home-gateway__intro span,.component-catalog__head span,.style-showcase__card>span,.asset-character span{color:#227fa0;letter-spacing:0;font-size:.72rem;font-weight:900}.ds-home-gateway__intro h2{margin:7px 0;font-size:1.32rem}.ds-home-gateway__intro p{color:#2d3840;margin:0;font-size:.9rem;line-height:1.7}.ds-home-gateway__links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ds-home-gateway__links a,.ds-overview-card,.component-catalog-card,.ds-product__rail a,.motion-catalog a{text-decoration:none}.ds-home-gateway__links a{background:#ffffffd1;border:1px solid #b7d9ecb8;border-radius:22px 22px 8px;gap:5px;min-height:92px;padding:13px;transition:transform .22s cubic-bezier(.2,0,0,1),background .22s,border-color .22s,border-radius .22s;display:grid}.ds-home-gateway__links a:hover,.ds-overview-card:hover,.component-catalog-card:hover,.motion-catalog a:hover{background:#edf8ffeb;border-color:#39c8ffa6;border-radius:28px 18px 12px 24px;transform:translateY(-2px)}.ds-home-gateway__links strong,.ds-overview-card strong{color:var(--ink);font-size:1rem;line-height:1.25}.ds-home-gateway__links span,.ds-overview-card p{color:#2d3840;font-size:.78rem;line-height:1.5}.ds-product{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:clamp(28px,4.4vw,58px);display:grid}.ds-product__rail{backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #b7d9eca3;border-radius:22px 8px;gap:6px;padding:15px 10px 15px 16px;display:grid;position:sticky;top:92px;box-shadow:0 14px 38px #4a8eb812}.ds-product__rail:before{content:"";background:linear-gradient(#0000,#39c8ff73,#0000);width:1px;position:absolute;top:24px;bottom:24px;left:10px}.ds-product__rail a{color:var(--ink);border:1px solid #0000;border-radius:14px 4px;gap:3px;padding:9px 12px;text-decoration:none;transition:transform .22s cubic-bezier(.2,0,0,1),background .22s,border-color .22s,border-radius .22s;display:grid;position:relative}.ds-product__rail a:hover,.ds-product__rail a.is-active{background:linear-gradient(135deg,#fffffff0,#e8f6ffd6);border-color:#b7d9ecb3;border-radius:18px 6px;transform:translate(3px)}.ds-product__rail a.is-active:before{content:"";background:var(--cyan);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:-10px;transform:translateY(-50%);box-shadow:0 0 0 4px #39c8ff24}.ds-product__rail strong{font-size:.78rem;line-height:1.2}.ds-product__rail span{color:var(--muted);font-size:.68rem;line-height:1.35}.ds-product__search{background:#ffffffe6;font-size:.74rem;font-weight:900;border:1px solid #b7d9ecf2!important}.ds-product__main{gap:28px;min-width:0;display:grid}.ds-product__main>*{animation:.52s cubic-bezier(.2,0,0,1) both ds-content-enter}.ds-product__main>:nth-child(2){animation-delay:45ms}.ds-product__main>:nth-child(3){animation-delay:90ms}.ds-product__main>:nth-child(4){animation-delay:.135s}.ds-page-hero,.component-doc__hero{background:linear-gradient(#ffffffe6,#f9fdffc7),#ffffffc2;border:1px solid #b7d9ecb8;border-radius:24px 8px;gap:14px;padding:clamp(22px,3.4vw,38px);display:grid;overflow:hidden;box-shadow:0 16px 42px #4a8eb812}.ds-page-hero h1,.component-doc__hero h1{margin:8px 0 6px;font-size:clamp(2.1rem,5.2vw,4.35rem);line-height:1.02}.ds-page-hero .lead,.component-doc__hero .lead{max-width:780px;font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.86}.ds-page-hero--foundations{grid-template-columns:minmax(0,.9fr) minmax(260px,.72fr);align-items:end;min-height:360px;position:relative}.ds-page-hero--foundations:after{content:"";aspect-ratio:1;opacity:.48;pointer-events:none;background:radial-gradient(circle at 52% 52%,#fffc 0 2px,#0000 3px) 0 0/26px 26px,linear-gradient(135deg,#e8f6ffd1,#ffffff57);border:1px solid #b7d9ecc7;border-radius:50% 50% 18%;width:min(28vw,260px);position:absolute;top:28px;right:28px}.ds-page-hero--foundations>.kicker,.ds-page-hero--foundations>h1,.ds-page-hero--foundations>.lead{z-index:1;grid-column:1;position:relative}.ds-page-hero--foundations h1{letter-spacing:0;font-size:clamp(2.25rem,4.8vw,4.1rem)}.ds-page-hero--foundations .lead{color:#1f2a31;max-width:650px}.foundation-hero-notes{z-index:1;border-left:1px solid #39c8ff4d;grid-column:2;gap:0;padding-left:clamp(18px,2.6vw,28px);display:grid;position:relative}.foundation-hero-notes p{border-top:1px solid #05050514;grid-template-columns:34px minmax(0,1fr);column-gap:12px;margin:0;padding:15px 0;display:grid}.foundation-hero-notes p:first-child{border-top:0}.foundation-hero-notes span{color:#4f89ab;grid-row:1/span 2;font-size:.72rem;font-weight:900;line-height:1.4}.foundation-hero-notes strong{font-size:.96rem;line-height:1.35}.foundation-hero-notes em{color:var(--muted);font-size:.82rem;font-style:normal;line-height:1.55}.ds-page-hero--components,.ds-page-hero--styles,.ds-page-hero--motion,.ds-page-hero--assets{background:radial-gradient(circle at 82% 8%,#bddff2e6 0 0,#0000 28%),linear-gradient(135deg,#e8f6fff2,#ffffffd1 44%,#fffffff0),radial-gradient(circle at 24px 24px,#39c8ff29 1.3px,#0000 1.8px) 0 0/26px 26px}.ds-page-hero--motion-lab{grid-template-columns:minmax(0,.88fr) minmax(300px,.72fr);align-items:stretch;min-height:clamp(380px,48vw,560px)}.motion-hero-stage{background:radial-gradient(circle at 34px 34px,#ffffff8a 1.2px,#0000 1.7px) 0 0/31px 31px,linear-gradient(145deg,#fffc,#bddff2b8);border:1px solid #b7d9ecc7;border-radius:34px 12px;min-height:320px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8f}.motion-hero-stage__orbit{aspect-ratio:1;width:min(46%,190px);animation:ds-motion-orbit 8s var(--ease-standard) infinite alternate;background:radial-gradient(circle at 52% 52%,#39c8ff80 0 6px,#0000 7px),#ffffff47;border:1px solid #ffffffd6;border-radius:52% 52% 18%;position:absolute;inset:11% 10% auto auto}.motion-hero-card{color:#1f2a31;backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #b7d9ecd6;gap:6px;display:grid;position:absolute;box-shadow:0 22px 46px #4a8eb81f}.motion-hero-card span{color:#4f89ab;text-transform:uppercase;font-size:.68rem;font-weight:900}.motion-hero-card strong{font-size:clamp(1.28rem,2vw,1.72rem);line-height:1.05}.motion-hero-card p{color:#2d3840;margin:0;font-size:.82rem;line-height:1.58}.motion-hero-card--main{animation:ds-motion-card-shift 5.4s var(--ease-soft-out) infinite alternate;border-radius:26px 8px;padding:18px;bottom:12%;left:8%;right:18%}.motion-hero-card--sub{min-width:168px;animation:ds-motion-card-shift 6.2s var(--ease-soft-out) infinite alternate-reverse;border-radius:18px 18px 6px;padding:14px;top:17%;right:9%}.motion-hero-dots{gap:9px;display:flex;position:absolute;top:18%;left:10%}.motion-hero-dots i{width:9px;height:9px;animation:ds-motion-dots 1.6s var(--ease-standard) infinite both;background:#39c8ff94;border-radius:50%}.motion-hero-dots i:nth-child(2){animation-delay:.12s}.motion-hero-dots i:nth-child(3){animation-delay:.24s}.motion-hero-dots i:nth-child(4){animation-delay:.36s}.ds-page-hero--with-character{grid-template-columns:minmax(0,1fr) minmax(260px,390px);align-items:stretch;min-height:430px}.ds-page-hero__copy{align-content:center;gap:14px;min-width:0;display:grid}.ds-page-hero--with-character h1{overflow-wrap:normal;word-break:keep-all;max-width:100%;font-size:clamp(2.85rem,4.4vw,4.05rem)}.ds-hero-visual{background:linear-gradient(#ffffff38,#e8f6ffe0),#ffffffb8;border:1px solid #b7d9ece0;border-radius:30px 30px 12px;min-height:340px;margin:0;position:relative;overflow:hidden}.ds-hero-visual:before{content:"";aspect-ratio:1;clip-path:polygon(16% 0,100% 0,84% 100%,0 72%);background:#bddff2b8;width:92px;position:absolute;inset:18px 18px auto auto}.ds-hero-visual img{object-fit:cover;object-position:70% center;width:100%;height:100%;min-height:320px;display:block;transform:scale(1.03)}.ds-hero-visual figcaption{border-radius:var(--shape-panel);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #b7d9ece6;gap:4px;padding:13px 14px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.ds-hero-visual span,.ds-hero-pills span{color:#4f89ab;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.ds-hero-visual strong{font-size:1.08rem;line-height:1.2}.ds-hero-visual p{color:#2d3840;margin:0;font-size:.78rem;line-height:1.5}.ds-hero-pills{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ds-hero-pills span{border-radius:var(--shape-control);text-transform:none;letter-spacing:0;background:#ffffffbd;border:1px solid #b7d9ecdb;padding:7px 10px}.ds-hero-actions{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.ds-hero-actions a{border-radius:var(--shape-control);background:var(--panel);border:1px solid #b7d9eceb;padding:9px 13px;font-size:.82rem;font-weight:900;text-decoration:none;transition:transform .16s,background .16s,border-color .16s}.ds-hero-actions a:hover{background:var(--miori-blue-soft);border-color:#39c8ffb8;transform:translateY(-2px)}.ds-material-tabs{z-index:4;backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #b7d9ecb8;border-radius:20px 6px;flex-wrap:wrap;gap:0;padding:6px;display:flex;position:sticky;top:74px;box-shadow:0 14px 36px #4a8eb814}.ds-material-tabs a{color:#2d3840;border-radius:16px 4px;padding:10px 15px;font-size:.82rem;font-weight:900;text-decoration:none;transition:background .18s,color .18s,transform .18s;position:relative}.ds-material-tabs a:after{content:"";background:var(--cyan);opacity:0;transform-origin:0;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:5px;left:15px;right:15px;transform:scaleX(.4)}.ds-material-tabs a:hover,.ds-material-tabs a[aria-current=page]{color:var(--ink);background:#e8f6ffbd;transform:translateY(-1px)}.ds-material-tabs a:hover:after,.ds-material-tabs a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.ds-overview-grid,.foundation-matrix,.motion-rules{border-top:1px solid #0505051a;border-left:1px solid #0505051a;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:0;display:grid}.ds-overview-card,.foundation-matrix article,.motion-rules article{box-shadow:none;background:linear-gradient(#ffffffdb,#ffffffad);border:1px solid #0505051a;border-top:0;border-left:0;border-radius:0;min-height:166px;padding:clamp(20px,3vw,30px)}.ds-overview-card{gap:8px;display:grid}.ds-overview-card span,.foundation-matrix article span,.component-doc__badges span,.variant-card span{color:#4f89ab;background:0 0;border:0;border-bottom:1px solid #39c8ff70;border-radius:0;width:fit-content;padding:0 0 3px;font-size:.66rem;font-weight:900}.component-catalog{gap:34px;display:grid}.component-catalog__group{background:#ffffff94;border:1px solid #b7d9eca8;border-radius:30px 30px 12px;gap:16px;padding:clamp(20px,4vw,34px);display:grid}.component-catalog__head{max-width:820px}.component-catalog__head h2,.foundation-matrix h2,.motion-rules h2,.motion-catalog h2,.style-showcase__card h2,.asset-character h2,.component-doc__section h2{margin:8px 0 6px;font-size:1.12rem;line-height:1.22}.component-catalog__head p,.foundation-matrix p,.motion-rules p,.style-showcase__card p,.asset-character p,.component-doc__section p{color:#2d3840;margin:0;font-size:.9rem;line-height:1.68}.component-catalog__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;display:grid}.component-catalog-card{color:inherit;gap:9px;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:grid}.component-catalog-card .component-specimen{height:100%}.component-catalog-card__meta{flex-wrap:wrap;gap:7px;display:flex}.component-catalog-card__meta span{border-radius:var(--shape-control);color:var(--muted);background:#fffc;border:1px solid #b7d9ecc7;padding:4px 8px;font-size:.68rem;font-weight:900}.component-doc__breadcrumb,.component-doc__nav{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.78rem;font-weight:850;display:flex}.component-doc__breadcrumb a,.component-doc__nav a{color:var(--ink)}.component-doc__hero{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:stretch;padding-top:clamp(24px,4vw,44px)}.component-doc__hero .component-specimen{align-self:stretch}.component-doc__badges{flex-wrap:wrap;gap:8px;display:flex}.component-doc__nav{z-index:3;border-radius:var(--shape-control);backdrop-filter:blur(10px);background:#fbfdffd1;border:1px solid #b7d9ecb8;padding:8px;position:sticky;top:74px}.component-doc__nav a{border-radius:var(--shape-control);background:#fffc;border:1px solid #b7d9ecb8;padding:7px 10px;text-decoration:none}.component-doc__nav a:hover{background:var(--miori-blue-soft)}.component-doc__section{border-radius:var(--shape-doc);background:#ffffff9e;border:1px solid #b7d9ec94;gap:13px;padding:clamp(20px,3vw,30px);display:grid}.component-doc__context,.motion-spec,.implementation-grid{gap:8px;display:grid}.component-motion-preview{background:linear-gradient(135deg,#ffffffd1,#edf8ffad),radial-gradient(circle at 18px 18px,#39c8ff17 1.2px,#0000 1.7px) 0 0/24px 24px;border:1px solid #b7d9ecb8;border-radius:28px 10px;grid-template-columns:minmax(260px,.86fr) minmax(0,1fr);align-items:stretch;gap:16px;padding:14px;display:grid}.component-motion-preview__stage{background:#ffffffa3;border:1px solid #b7d9ec9e;border-radius:24px 8px;min-height:190px;position:relative;overflow:hidden}.component-motion-preview__pulse{aspect-ratio:1;width:92px;animation:ds-component-pulse 4.8s var(--ease-standard) infinite alternate;background:#bddff285;border:1px solid #ffffffeb;border-radius:50% 50% 18%;position:absolute;inset:auto 14% 14% auto}.component-motion-preview__node{background:#ffffffd6;border:1px solid #b7d9ecd6;gap:4px;width:min(70%,210px);padding:12px;display:grid;position:absolute;box-shadow:0 16px 32px #4a8eb81a}.component-motion-preview__node span{color:#4f89ab;text-transform:uppercase;font-size:.64rem;font-weight:900}.component-motion-preview__node strong{font-size:.92rem;line-height:1.25}.component-motion-preview__node--from{border-radius:18px 6px;top:18px;left:14px}.component-motion-preview__node--to{animation:ds-component-node 2.8s var(--ease-standard) infinite alternate;border-radius:22px 22px 8px;bottom:18px;right:14px}.component-motion-preview__text{align-content:center;gap:8px;display:grid}.component-motion-preview__text p{border-top:1px solid #b7d9ecad;grid-template-columns:122px minmax(0,1fr);gap:12px;margin:0;padding-top:10px;display:grid}.component-motion-preview__text p:first-child{border-top:0}.component-motion-preview__text strong{color:var(--ink);font-size:.82rem}.component-motion-preview__text span{color:#2d3840;font-size:.86rem;line-height:1.62}.component-doc__context p,.motion-spec p,.implementation-grid p{border-top:1px solid #b7d9ecad;grid-template-columns:160px minmax(0,1fr);gap:12px;padding-top:8px;display:grid}.component-doc__context strong,.motion-spec strong,.implementation-grid strong{color:var(--ink);font-size:.82rem}.component-doc__context span,.motion-spec span,.implementation-grid span{color:#2d3840;font-size:.9rem;line-height:1.65}.component-design-board{background:linear-gradient(#fffffff0,#f8fcffcc),radial-gradient(circle at 18px 18px,#39c8ff1a 1px,#0000 1.5px) 0 0/30px 30px;border:1px solid #b7d9ecb8;border-radius:24px 24px 10px;gap:18px;padding:clamp(18px,3vw,30px);scroll-margin-top:118px;display:grid;box-shadow:0 20px 60px #4a8eb817}.component-design-board__head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.component-design-board__head h2{margin:8px 0;font-size:clamp(1.45rem,2.8vw,2.25rem);line-height:1.08}.component-design-board__head p{color:#2d3840;max-width:760px;margin:0;font-size:.92rem;line-height:1.72}.component-design-board__head a{color:var(--ink);transition:background var(--motion-quick) var(--ease-standard), border-color var(--motion-quick) var(--ease-standard);background:#ffffffdb;border:1px solid #b7d9ece6;border-radius:14px 14px 5px;padding:10px 12px;font-size:.8rem;font-weight:900;text-decoration:none}.component-design-board__head a:hover{background:#e8f6ffeb;border-color:#39c8ff70}.component-design-board__sheet{grid-template-columns:minmax(210px,.52fr) minmax(420px,1fr) minmax(190px,.42fr);gap:14px;min-height:590px;display:grid}.component-design-board__tokens,.component-design-board__rules{align-content:start;gap:12px;display:grid}.component-design-board__tokens article,.component-design-board__rules article,.component-design-board__state-strip article{background:#ffffffc7;border:1px solid #b7d9ecb8;border-radius:18px 18px 6px;padding:14px}.component-design-board__tokens h3,.component-design-board__rules h3{color:var(--ink);margin:0 0 11px;font-size:.94rem;line-height:1.15}.board-color-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.board-color-row span{gap:4px;min-width:0;display:grid}.board-color-row i{aspect-ratio:1.18;background:var(--board-color);border:1px solid #05050524;border-radius:13px 13px 4px;display:block}.board-color-row small,.board-type-stack span,.board-type-stack span b,.board-spacing-row span,.board-radius-row span,.component-design-board__rules li,.component-design-board__rules span,.component-design-board__rules p,.component-design-board__state-strip p{color:#2d3840;font-size:.72rem;font-weight:850;line-height:1.35}.board-color-row b{color:var(--ink);font-size:.7rem;font-weight:900;line-height:1.2}.board-color-row small{color:#6d7a83;font-size:.66rem;font-weight:800}.board-type-stack{gap:8px;display:grid}.board-type-stack p{border-bottom:1px solid #b7d9ec9e;gap:7px;margin:0;padding-bottom:7px;display:grid}.board-type-stack p:last-child{border-bottom:0;padding-bottom:0}.board-type-stack strong{color:var(--ink);overflow-wrap:anywhere;line-height:1.12}.board-type-stack span{justify-content:space-between;gap:8px;display:flex}.board-type-stack span b{color:#4f89ab;text-transform:uppercase}.board-type-stack p:first-child strong{font-size:1.25rem}.board-type-stack p:nth-child(2) strong{font-size:.92rem}.board-type-stack p:nth-child(3) strong{text-transform:uppercase;font-size:.72rem}.board-spacing-row,.board-radius-row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.board-spacing-row span{width:calc(var(--size,1) * 8px + 26px);height:calc(var(--size,1) * 5px + 24px);background:#e8f6ffc2;border:1px solid #b7d9ecd1;border-radius:6px;place-items:center;display:grid}.board-spacing-row span:first-child{--size:1}.board-spacing-row span:nth-child(2){--size:1.35}.board-spacing-row span:nth-child(3){--size:1.7}.board-spacing-row span:nth-child(4){--size:2.2}.board-spacing-row span:nth-child(5){--size:2.6}.board-radius-row span{background:#ffffffd1;border:1px solid #b7d9ecd1;place-items:center;width:54px;height:34px;display:grid}.board-radius-row .is-r6{border-radius:6px}.board-radius-row .is-r12{border-radius:12px}.board-radius-row .is-r20{border-radius:20px 20px 6px}.board-radius-row .is-full{border-radius:999px}.component-design-board__canvas{background:linear-gradient(135deg,#ffffffe0,#edf8ffb8),radial-gradient(circle at 16px 16px,#39c8ff1f 1px,#0000 1.6px) 0 0/24px 24px;border:1px solid #b7d9ecb8;border-radius:22px 22px 8px;min-height:590px;position:relative;overflow:clip}.board-canvas-grid{opacity:.2;pointer-events:none;grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:absolute;inset:22px}.board-canvas-grid span{border-inline:1px solid #39c8ff6b}.board-canvas-caption{z-index:2;gap:3px;display:grid;position:absolute;top:20px;left:22px}.board-canvas-caption span{color:#4f89ab;text-transform:uppercase;font-size:.7rem;font-weight:900}.board-canvas-caption strong{color:var(--ink);font-size:.92rem;line-height:1.16}.board-preview{width:min(82%,520px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.board-preview-control,.board-preview-dialogue,.board-preview-media,.board-preview-card,.board-preview-disclosure,.board-preview-image,.board-preview-navigation,.board-preview-feedback,.board-preview-data,.board-preview-metadata,.board-preview-accessibility,.board-preview-token,.board-preview-type,.board-preview-layout,.board-preview-slide,.board-preview-editorial{background:#ffffffe6;border:1px solid #b7d9ecdb;box-shadow:0 22px 52px #4a8eb824}.board-preview-control{border-radius:18px 18px 6px;gap:12px;padding:20px;display:grid}.board-preview-control label{color:#4f89ab;font-size:.76rem;font-weight:900}.board-preview-control__row{border:1px solid #b7d9ece6;border-radius:14px 14px 5px;grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.board-preview-control__row span{color:#2d3840;padding:13px;font-size:.92rem;font-weight:850}.board-preview-control__row button{border:0;color:var(--ink);background:#bff0d4d6;border-left:1px solid #b7d9ece6;padding:0 18px;font-weight:900}.board-preview-control__options{flex-wrap:wrap;gap:8px;display:flex}.board-preview-control__options button{color:#2d3840;background:#fff;border:1px solid #b7d9ece6;border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:900}.board-preview-control__options .is-selected{background:#e8f6ffeb;border-color:#39c8ff85}.board-preview-control__options button:disabled{color:#2d384061;background:#f5f8fad1}.board-preview-control p{color:#4f89ab;align-items:center;gap:8px;margin:0;font-size:.78rem;font-weight:900;display:flex}.board-preview-control i{aspect-ratio:1;background:var(--miori-blue);border-radius:50% 50% 20%;width:12px}.board-preview-dialogue{border-radius:20px 20px 6px;gap:12px;padding:14px;display:grid}.board-preview-dialogue img,.board-preview-media img,.board-preview-card img,.board-preview-image img,.board-preview-slide img{object-fit:cover;width:100%;display:block}.board-preview-dialogue img{aspect-ratio:16/9;border:1px solid #b7d9ecc2;border-radius:14px 14px 5px}.board-preview-dialogue__bubble{background:#f8fcffe6;border:1px solid #b7d9ecd1;border-radius:14px 14px 5px;padding:10px 12px}.board-preview-dialogue__bubble.is-brand{background:#e8f6ffdb;margin-left:32px}.board-preview-media,.board-preview-card{border-radius:18px 18px 6px;gap:10px;padding:15px;display:grid}.board-preview-media img,.board-preview-card img{aspect-ratio:16/9;border:1px solid #b7d9ecdb;border-radius:14px 14px 5px}.board-preview-media strong,.board-preview-card strong,.board-preview-disclosure strong,.board-preview-image strong,.board-preview-slide strong,.board-preview-editorial strong,.board-preview-navigation strong,.board-preview-feedback strong,.board-preview-type strong{color:var(--ink);font-size:1.18rem;line-height:1.14}.board-preview-media p,.board-preview-card p,.board-preview-disclosure p,.board-preview-slide p,.board-preview-dialogue p,.board-preview-feedback p,.board-preview-accessibility p,.board-preview-type p{color:#2d3840;margin:0;font-size:.84rem;line-height:1.55}.board-preview-card>span,.board-preview-image>span,.board-preview-editorial>span,.board-preview-navigation p,.board-preview-type span{color:#4f89ab;font-size:.74rem;font-weight:900}.board-preview-disclosure{border-radius:18px 18px 6px;gap:12px;padding:18px;display:grid}.board-preview-disclosure div{align-items:center;gap:10px;display:flex}.board-preview-disclosure span,.board-preview-slide>span,.board-preview-slide div span{aspect-ratio:1;width:38px;color:var(--ink);background:#e8f6ffeb;border:1px solid #b7d9ece6;border-radius:50% 50% 18%;place-items:center;font-weight:900;display:grid}.board-preview-disclosure section{border-top:1px solid #b7d9ecb8;gap:8px;padding-top:12px;display:grid}.board-preview-disclosure section b{color:#4f89ab;font-size:.74rem}.board-preview-disclosure section i{background:#b7d9ec99;border-radius:999px;height:8px}.board-preview-disclosure section i:nth-child(3){width:74%}.board-preview-disclosure section i:nth-child(4){width:52%}.board-preview-image{border-radius:20px 20px 6px;min-height:310px;position:relative;overflow:hidden}.board-preview-image img{object-position:center;height:100%;min-height:310px}.board-preview-image div{backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #b7d9eccc;border-radius:16px 16px 5px;padding:12px;position:absolute;inset:auto 14px 14px}.board-preview-slide{border-radius:18px 18px 6px;min-height:300px;position:relative;overflow:hidden}.board-preview-slide img{object-position:center;height:100%;min-height:300px}.board-preview-slide div{backdrop-filter:blur(10px);background:#ffffffd6;border:1px solid #b7d9eccc;border-radius:16px 16px 5px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:12px;display:grid;position:absolute;inset:auto 14px 14px}.board-preview-slide p{grid-column:2}.board-preview-navigation,.board-preview-feedback,.board-preview-data,.board-preview-metadata,.board-preview-accessibility,.board-preview-token,.board-preview-type,.board-preview-layout{border-radius:18px 18px 6px;padding:18px}.board-preview-navigation{gap:14px;display:grid}.board-preview-navigation nav{flex-wrap:wrap;gap:10px;display:flex}.board-preview-navigation nav span{isolation:isolate;color:#2d3840;background:#ffffffb8;border:1px solid #b7d9ecdb;border-radius:20px 20px 12px;padding:8px 13px;font-size:.76rem;font-weight:900;position:relative;transform:translateY(0);box-shadow:inset 0 1px #ffffffeb}.board-preview-navigation nav span:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:linear-gradient(#fffffff2,#fff0);height:40%;position:absolute;inset:3px 5px auto}.board-preview-navigation nav .is-active{background:radial-gradient(circle at 30% 16%, #fffffffa 0 23%, #fff0 50%), linear-gradient(180deg, #f3fbff 0%, #e3f3fb 45%, var(--miori-blue) 100%);color:#050505;border-color:#94cfecf5;transform:translateY(-1px);box-shadow:inset 0 1px #fffffffa,inset 0 -10px 16px #68b1d629,0 2px #447a973d,0 8px 16px #4a8eb829}.board-preview-navigation nav .is-active:before{opacity:1}.board-preview-navigation small{color:#4f89ab;background:#ffffffad;border:1px solid #b7d9ecc7;border-radius:999px;width:fit-content;padding:5px 8px;font-size:.68rem;font-weight:900}.board-preview-feedback{border-left:4px solid #bff0d4f2;gap:10px;display:grid}.board-preview-feedback>span{color:#4f89ab;background:#e8f6ffc7;border:1px solid #b7d9ecdb;border-radius:999px;width:fit-content;padding:5px 8px;font-size:.7rem;font-weight:900}.board-preview-feedback button{color:var(--ink);background:#ffffffe6;border:1px solid #b7d9ece6;border-radius:14px 14px 5px;justify-self:start;padding:8px 12px;font-weight:900}.board-preview-data{gap:12px;display:grid}.board-preview-data strong{color:var(--ink);font-size:3rem;line-height:.9}.board-preview-data>span{color:#2d3840;font-weight:900}.board-preview-data table{border-collapse:collapse;color:#2d3840;width:100%;font-size:.8rem;font-weight:800}.board-preview-data td{border-top:1px solid #b7d9ecb8;padding:8px 0}.board-preview-metadata{gap:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.board-preview-metadata span{color:#2d3840;overflow-wrap:anywhere;background:#f8fcffe6;border:1px solid #b7d9ecb8;border-radius:8px;padding:9px;font-size:.76rem}.board-preview-accessibility{gap:12px;display:grid}.board-preview-accessibility button{outline-offset:3px;color:var(--ink);background:#fff;border:1px solid #b7d9ece6;border-radius:12px;outline:3px solid #39c8ff57;justify-self:start;padding:10px 14px;font-weight:900}.board-preview-token{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;display:grid}.board-preview-token span{background:var(--board-color);min-height:76px;color:var(--board-fg,#2d3840);border:1px solid #0505051f;border-radius:14px 14px 5px;align-items:end;padding:8px;font-size:.7rem;font-weight:900;display:grid}.board-preview-type{gap:12px;display:grid}.board-preview-type strong{font-size:2rem}.board-preview-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.board-preview-layout span{background:#e8f6ff9e;border:1px solid #b7d9ece6;min-height:180px}.board-preview-layout b{color:#4f89ab;grid-column:1/-1;font-size:.8rem}.board-preview-editorial{border-left:3px solid #39c8ffa3;border-radius:0 18px 18px 0;gap:10px;padding:20px;display:grid}.board-preview-editorial p{background:#b7d9ec94;border-radius:999px;width:100%;height:10px;margin:0}.board-preview-editorial p:nth-of-type(2){width:68%}.board-preview-editorial ul{gap:7px;margin:6px 0 0;padding:0;list-style:none;display:grid}.board-preview-editorial li{background:#0505051f;border-radius:999px;height:8px}.board-callout{z-index:3;background:#ffffffd1;border-left:2px solid #39c8ffb8;width:148px;padding:8px 10px;position:absolute;box-shadow:0 12px 30px #4a8eb814}.board-callout strong{color:var(--ink);font-size:.76rem;line-height:1.2;display:block}.board-callout span{color:#2d3840;margin-top:4px;font-size:.7rem;line-height:1.35;display:block}.board-callout--a{top:86px;left:26px}.board-callout--b{top:96px;right:24px}.board-callout--c{bottom:36px;left:32px}.component-design-board__rules ol{gap:8px;margin:0;padding-left:1.2em;display:grid}.component-design-board__rules div{flex-wrap:wrap;gap:7px;display:flex}.component-design-board__rules span{background:#edf8ffc7;border:1px solid #b7d9ecd1;border-radius:12px 12px 4px;padding:5px 7px}.component-design-board__rules p{margin:0}.component-design-board__state-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.component-design-board__state-strip article{gap:7px;display:grid}.component-design-board__state-strip article>span{color:#4f89ab;font-size:.7rem;font-weight:900}.component-design-board__state-strip strong{color:var(--ink);font-size:.94rem;line-height:1.18}.component-design-board__state-strip p{margin:0}.variant-grid,.state-grid,.usage-grid,.style-showcase,.asset-board,.asset-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.variant-card,.state-card,.usage-grid article,.style-showcase__card,.asset-character,.asset-gallery figure,.motion-catalog article{border-radius:var(--shape-panel);background:#ffffffc7;border:1px solid #b7d9ecb8;padding:16px;box-shadow:0 14px 32px #4a8eb812}.variant-card h3,.state-card h3,.usage-grid h3{margin:9px 0 6px;font-size:1rem}.variant-card{padding:0;overflow:clip}.component-variant-preview{grid-template-rows:178px minmax(0,1fr);min-height:100%;display:grid}.component-variant-preview__stage{background:radial-gradient(circle at 12px 12px,#39c8ff29 1px,#0000 1.5px) 0 0/22px 22px,linear-gradient(135deg,#fffffff5,#edf8ffc7);border-bottom:1px solid #b7d9ecb8;place-items:center;min-height:178px;padding:14px;display:grid;position:relative}.component-variant-preview__copy{align-content:start;gap:7px;padding:15px;display:grid}.component-variant-preview__copy>span{border-radius:var(--shape-chip);color:#4f89ab;background:#edf8ffe6;border:1px solid #b7d9ecdb;width:fit-content;padding:4px 7px;font-size:.64rem;font-weight:900;line-height:1.15}.component-variant-preview__copy h3{color:var(--ink);margin:0;font-size:1.02rem;line-height:1.2}.component-variant-preview__copy p{color:#2d3840;margin:0;font-size:.82rem;line-height:1.58}.variant-ui-control,.variant-ui-disclosure,.variant-ui-editorial,.variant-ui-compact,.variant-ui-image-frame,.variant-ui-thumbnail,.variant-ui-social,.variant-ui-slide,.variant-ui-surface{width:min(100%,260px);min-width:0}.variant-ui-control{gap:9px;display:grid}.variant-ui-control label,.variant-ui-control p,.variant-ui-compact span,.variant-ui-thumbnail span,.variant-ui-social span,.variant-ui-surface span{color:#4f89ab;font-size:.68rem;font-weight:900}.variant-ui-control div{border-radius:var(--shape-control);background:#ffffffe0;border:1px solid #b7d9ece6;grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:clip}.variant-ui-control div span{color:#2d3840;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:10px 11px;font-size:.82rem;font-weight:800;overflow:hidden}.variant-ui-control button{color:var(--ink);background:#bff0d4c7;border:0;border-left:1px solid #b7d9ece6;padding:0 12px;font-weight:900}.variant-ui-control p{align-items:center;gap:8px;margin:0;display:flex}.variant-ui-control i{aspect-ratio:1;background:var(--miori-blue);border:1px solid #b7d9ece6;border-radius:50% 50% 24%;width:12px}.variant-ui-disclosure{background:#ffffffe6;border:1px solid #b7d9ecdb;border-radius:24px 24px 8px;gap:10px;padding:14px;display:grid;box-shadow:0 18px 32px #4a8eb81a}.variant-ui-disclosure div{align-items:center;gap:9px;display:flex}.variant-ui-disclosure span{aspect-ratio:1;width:32px;color:var(--ink);background:#bddff2b8;border-radius:50% 50% 18%;place-items:center;font-size:.76rem;font-weight:900;display:grid}.variant-ui-disclosure strong,.variant-ui-editorial strong,.variant-ui-compact strong,.variant-ui-thumbnail strong,.variant-ui-social strong,.variant-ui-slide strong,.variant-ui-surface strong{color:var(--ink);font-size:1rem;line-height:1.18}.variant-ui-disclosure p,.variant-ui-social p,.variant-ui-slide p,.variant-ui-surface p{color:#2d3840;margin:0;font-size:.76rem;line-height:1.48}.variant-ui-editorial{border-left:2px solid #39c8ff9e;gap:8px;padding-left:12px;display:grid}.variant-ui-editorial span{color:#4f89ab;font-size:.66rem;font-weight:900}.variant-ui-editorial p{background:#b7d9ec8a;border-radius:999px;width:100%;height:8px;margin:0}.variant-ui-editorial p:nth-of-type(2){width:68%}.variant-ui-editorial ul{gap:5px;margin:3px 0 0;padding:0;list-style:none;display:grid}.variant-ui-editorial li{background:#05050521;border-radius:999px;height:7px}.variant-ui-compact{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;width:min(100%,280px);display:grid}.variant-ui-compact figure{aspect-ratio:1;background:linear-gradient(135deg,#fff2a8d1 0 34%,#0000 34%),linear-gradient(135deg,#bddff2e6,#ffffffdb);border:1px solid #b7d9ece6;border-radius:18px 18px 6px;margin:0}.variant-ui-compact div{gap:5px;min-width:0;display:grid}.variant-ui-compact p{background:#b7d9ec9e;border-radius:999px;width:72%;height:7px;margin:0}.variant-ui-image-frame{background:radial-gradient(circle at 78% 20%,#39c8ff47,#0000 26%),linear-gradient(135deg,#ffffffeb,#bddff2a8);border:1px solid #b7d9ecdb;border-radius:28px 28px 10px;align-content:end;min-height:132px;padding:13px;display:grid;position:relative;overflow:hidden}.variant-ui-image-frame span{color:#4f89ab;font-size:.66rem;font-weight:900;position:absolute;top:12px;left:13px}.variant-ui-image-frame i{aspect-ratio:1;background:#ffffff94;border:1px solid #ffffffeb;border-radius:50% 50% 18%;width:54px;position:absolute;top:32px;right:20px;transform:rotate(-8deg)}.variant-ui-image-frame strong{max-width:70%;color:var(--ink);font-size:1.04rem;line-height:1.08}.variant-ui-thumbnail{gap:8px;display:grid}.variant-ui-thumbnail figure{aspect-ratio:16/9;background:linear-gradient(135deg,#0000 48%,#fff2a8cc 48% 60%,#0000 60%),linear-gradient(135deg,#bddff2f0,#ffffffe0);border:1px solid #b7d9ece6;border-radius:18px 18px 6px;margin:0}.variant-ui-social{background:linear-gradient(90deg,#fffffff5 0 54%,#bddff2b8 54%),radial-gradient(circle at 82% 25%,#39c8ff57,#0000 30%);border:1px solid #b7d9ecdb;border-radius:26px 26px 8px;align-content:center;gap:10px;min-height:136px;padding:16px;display:grid}.variant-ui-slide{background:#ffffffeb;border:1px solid #b7d9ece6;border-radius:22px 22px 8px;align-content:center;gap:7px;min-height:138px;padding:16px;display:grid;position:relative;overflow:hidden}.variant-ui-slide:before{content:"";background:#bddff2db;width:9px;position:absolute;inset:0 auto 0 0}.variant-ui-slide>span{border-radius:var(--shape-chip);width:fit-content;color:var(--ink);background:#edf8ffe6;border:1px solid #b7d9ece6;padding:3px 7px;font-size:.72rem;font-weight:900}.variant-ui-slide div{grid-template-columns:1fr .65fr .38fr;gap:6px;margin-top:4px;display:grid}.variant-ui-slide i{background:#b7d9eca3;border-radius:999px;height:18px}.variant-ui-surface{background:#ffffffd6;border:1px solid #b7d9ecdb;border-radius:28px 28px 10px;align-content:center;gap:8px;min-height:128px;padding:16px;display:grid}.usage-grid ul,.style-showcase__card ul{color:#2d3840;gap:7px;margin:0;padding-left:1.1em;font-size:.86rem;line-height:1.62;display:grid}.style-showcase__card{color:inherit;text-decoration:none}.style-showcase__card:hover{background:#edf8ffe0}.style-showcase__card--character{background:#edf8ffd6}.motion-principle-grid,.motion-live-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;display:grid}.motion-principle-grid article{background:linear-gradient(#ffffffbd,#ffffff75);border-top:1px solid #0505051a;min-height:220px;padding:clamp(18px,3vw,26px) clamp(16px,2.6vw,24px);position:relative;overflow:hidden}.motion-principle-grid article:after{content:"";aspect-ratio:1;background:#e8f6ffbd;border:1px solid #b7d9ecb8;border-radius:50% 50% 16%;width:52px;position:absolute;top:18px;right:16px}.motion-principle-grid span{background:#39c8ff9e;width:30px;height:1px;margin-bottom:34px;display:block}.motion-principle-grid h2{max-width:190px;margin:0 0 12px;font-size:1.12rem;line-height:1.16}.motion-principle-grid p{color:#2d3840;margin:0;font-size:.88rem;line-height:1.72}.motion-token-board{background:linear-gradient(135deg,#ffffffd1,#edf8ffb8),radial-gradient(circle at 18px 18px,#39c8ff1a 1.2px,#0000 1.7px) 0 0/28px 28px;border:1px solid #b7d9ecad;border-radius:30px 10px;grid-template-columns:minmax(220px,.56fr) minmax(0,1fr);gap:clamp(18px,3vw,28px);padding:clamp(20px,3.6vw,34px);display:grid}.motion-token-board__intro h2{margin:8px 0 12px;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.1}.motion-token-board__intro p{color:#2d3840;margin:0;font-size:.92rem;line-height:1.78}.motion-token-board__rows{border-top:1px solid #05050517;gap:0;display:grid}.motion-token-board__rows article{border-bottom:1px solid #05050517;grid-template-columns:.7fr .65fr .72fr minmax(0,1.7fr);align-items:center;gap:14px;padding:14px 0;display:grid}.motion-token-board__rows strong{font-size:.96rem}.motion-token-board__rows span,.motion-token-board__rows em{color:#4f89ab;font-size:.78rem;font-style:normal;font-weight:900}.motion-token-board__rows p{color:#2d3840;margin:0;font-size:.84rem;line-height:1.58}.motion-live-card{min-height:280px;transition:transform var(--motion-quick) var(--ease-standard), border-color var(--motion-quick) ease, background var(--motion-quick) ease, border-radius var(--motion-change) var(--ease-standard);background:linear-gradient(#ffffffd1,#f9fdffad);border:1px solid #b7d9ecb8;border-radius:28px 28px 10px;align-content:start;gap:12px;padding:clamp(18px,3vw,24px);display:grid;position:relative;overflow:hidden}.motion-live-card:hover{background:#edf8ffd1;border-color:#39c8ff94;border-radius:34px 18px 12px 26px;transform:translateY(-2px)}.motion-live-card h2{max-width:280px;margin:0;font-size:1.22rem;line-height:1.18}.motion-live-card p{color:#2d3840;margin:0;font-size:.88rem;line-height:1.68}.motion-live-card a{background:#ffffffdb;border:1px solid #b7d9ecdb;border-radius:16px 16px 6px;width:fit-content;padding:8px 11px;font-size:.82rem;font-weight:900;text-decoration:none}.motion-live-card details{border-top:1px solid #b7d9ecd1;padding-top:12px}.motion-live-card summary{cursor:pointer;font-weight:900}.motion-live-card details p{animation:ds-disclosure-open var(--motion-open) var(--ease-standard) both;margin-top:10px}.motion-scroll-demo{grid-template-columns:12px minmax(0,1fr);align-items:stretch;gap:12px;margin-top:4px;display:grid}.motion-scroll-demo__track{background:#b7d9ec85;border-radius:999px;display:block;overflow:hidden}.motion-scroll-demo__marker{border-radius:inherit;transform-origin:top;width:100%;height:54%;animation:ds-scroll-fill 2.8s var(--ease-standard) infinite alternate;background:linear-gradient(#39c8ffd1,#bddff233);display:block}.motion-scroll-demo p{background:#b7d9ec85;border-radius:999px;height:9px;margin:0}.motion-scroll-demo p:nth-of-type(2){width:74%}.motion-scroll-demo p:nth-of-type(3){width:42%}@supports (animation-timeline:view()){.motion-scroll-demo{view-timeline-name:--motion-scroll-demo;view-timeline-axis:block}.motion-scroll-demo__marker{animation-iteration-count:1;animation-fill-mode:both;animation-timeline:--motion-scroll-demo;animation-range:entry 20% cover 80%}}.motion-shape-demo{min-height:112px;position:relative}.motion-shape-demo i{animation:ds-shape-morph 4.8s var(--ease-standard) infinite alternate;background:#e8f6ffb8;border:1px solid #b7d9ecd1;display:block;position:absolute}.motion-shape-demo i:first-child{aspect-ratio:1;border-radius:50% 50% 18%;width:72px;top:16px;left:0}.motion-shape-demo i:nth-child(2){aspect-ratio:2.2;border-radius:999px 18px;width:108px;animation-delay:-1.6s;top:38px;left:76px}.motion-shape-demo i:nth-child(3){aspect-ratio:1;background:#fff2a87a;border-radius:18px 4px;width:58px;animation-delay:-3s;top:0;right:6px}.motion-catalog{gap:16px;display:grid}.motion-catalog article>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px;display:grid}.motion-catalog a{border-radius:var(--shape-control);background:#f8fcffe6;border:1px solid #b7d9ecb8;justify-content:space-between;gap:10px;padding:9px 10px;text-decoration:none;display:flex}.motion-catalog strong{font-size:.84rem}.motion-catalog span{color:var(--muted);font-size:.72rem;font-weight:900}.asset-character{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:14px;display:grid}.asset-character img{aspect-ratio:16/11;object-fit:contain;background:var(--mist);width:140px}.asset-gallery figure{margin:0}.asset-gallery img{aspect-ratio:16/9;object-fit:contain;background:var(--mist);width:100%}.asset-gallery figcaption{color:var(--muted);margin-top:8px;font-size:.74rem;font-weight:900}.asset-system-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.asset-system-summary article,.asset-management-note,.asset-usage-rules article,.asset-record{border-radius:var(--shape-panel);background:#ffffffd1;border:1px solid #b7d9ecb8;box-shadow:0 14px 32px #4a8eb812}.asset-system-summary article{min-height:118px;padding:15px}.asset-system-summary span,.asset-record__meta span,.asset-category__head p,.asset-record dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.asset-system-summary strong{color:var(--ink);margin-top:16px;font-size:2.4rem;line-height:.88;display:block}.asset-system-summary p{color:#2d3840;margin:10px 0 0;font-size:.84rem;font-weight:800}.asset-management-note{padding:22px}.asset-management-note h2,.asset-category__head h2{color:var(--ink);margin:9px 0 8px;font-size:1.35rem}.asset-management-note h2 code{font-size:.9em}.asset-management-note p{color:#2d3840;max-width:760px;margin:0;line-height:1.72}.asset-usage-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.asset-usage-rules article{align-content:start;gap:8px;padding:18px;display:grid}.asset-usage-rules h2{color:var(--ink);margin:0;font-size:1.05rem;line-height:1.35}.asset-usage-rules p{color:#2d3840;margin:0;font-size:.88rem;line-height:1.72}.asset-category{gap:12px;display:grid}.asset-category__head{border-bottom:1px solid #b7d9ecb8;justify-content:space-between;align-items:end;gap:16px;padding-bottom:10px;display:flex}.asset-category__head h2,.asset-category__head p{margin:0}.asset-registry-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;display:grid}.asset-record{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:clip}.asset-record__media{background:linear-gradient(135deg,#edf8fff5,#ffffffb8);border-bottom:1px solid #b7d9ecb8;place-items:center;min-height:210px;display:grid}.asset-record__media img{object-fit:contain;width:100%;height:100%;max-height:280px}.asset-record__body{gap:10px;padding:15px;display:grid}.asset-record__meta{flex-wrap:wrap;gap:6px;display:flex}.asset-record__meta span{border-radius:var(--shape-control);background:#f8fcfff0;border:1px solid #b7d9ecd1;padding:6px 8px}.asset-record[data-status=ready] .asset-record__status{color:var(--ink);background:#b5f4d0c2;border-color:#29b97675}.asset-record[data-status=candidate] .asset-record__status{color:var(--ink);background:#c7efffc7;border-color:#39c8ff75}.asset-record h3{color:var(--ink);margin:0;font-size:1.06rem;line-height:1.2}.asset-record p{color:#2d3840;margin:0;font-size:.88rem;line-height:1.62}.asset-record__note{border-left:3px solid var(--accent-yellow);padding-left:10px}.asset-record dl{border-top:1px solid #b7d9ecb8;gap:8px;margin:0;padding-top:10px;display:grid}.asset-record dl div{grid-template-columns:68px minmax(0,1fr);gap:10px;display:grid}.asset-record dd{color:#2d3840;min-width:0;margin:0;font-size:.8rem;line-height:1.45}.asset-record code{overflow-wrap:anywhere;color:var(--ink);font-size:.76rem}.character-page{--character-shadow:#050505f5}.character-hero,.character-profile-grid article,.character-system-board,.character-rule-columns article,.character-prompt-anchor{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--character-shadow);background:#fffffff0;border-radius:26px 26px 10px}.character-hero{background:linear-gradient(90deg,#bddef252 1px,#0000 1px) 0 0/28px 28px,linear-gradient(0deg,#bddef252 1px,#0000 1px) 0 0/28px 28px,linear-gradient(135deg,#fff 0%,#fbfdff 56%,#e8f6ff 100%);grid-template-columns:minmax(0,.9fr) minmax(300px,.6fr);align-items:stretch;gap:clamp(18px,3vw,34px);padding:clamp(22px,4vw,44px);display:grid}.character-hero__copy{align-content:center;gap:16px;min-width:0;display:grid}.character-hero__reading{color:#4f6574;margin:0;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:900}.character-hero h1{color:var(--ink);margin:0;font-size:clamp(3.2rem,8vw,7rem);line-height:.9}.character-hero .lead{color:#24313a;max-width:68ch;margin:0;font-size:clamp(1rem,1.7vw,1.22rem);font-weight:850;line-height:1.85}.character-hero__visual{border:2px solid var(--ink);background:#fff;border-radius:24px 24px 9px;grid-template-rows:minmax(0,1fr) auto;margin:0;display:grid;overflow:hidden;box-shadow:inset 0 0 0 8px #bddef242}.character-hero__visual img{object-fit:cover;object-position:center;width:100%;height:min(54vh,520px);min-height:330px;display:block}.character-hero__visual figcaption{border-top:2px solid var(--ink);color:#2d3840;background:#fff;padding:12px 14px;font-size:.82rem;font-weight:900;line-height:1.5}.character-puffy-row{flex-wrap:wrap;gap:10px;display:flex}.character-puffy-row span,.character-puffy-row a,.character-chip-grid span{isolation:isolate;background:radial-gradient(circle at 30% 16%, #fffffffa 0 22%, #fff0 50%), linear-gradient(180deg, #f3fbff 0%, #e3f3fb 45%, var(--miori-blue) 100%);color:#050505;border:1px solid #94cfecf5;border-radius:20px 20px 12px;padding:8px 12px;font-size:.78rem;font-weight:900;text-decoration:none;position:relative;box-shadow:inset 0 1px #fffffffa,inset 0 -10px 16px #68b1d629,0 2px #447a973d,0 8px 16px #4a8eb824}.character-puffy-row a{min-height:38px;transition:transform var(--motion-quick) var(--ease-standard), box-shadow var(--motion-quick) var(--ease-standard);align-items:center;display:inline-flex}.character-puffy-row a:hover{transform:translateY(-1px)}.character-puffy-row a:active{transform:translateY(1px);box-shadow:inset 0 1px #fffffff5,inset 0 -5px 10px #68b1d624,0 1px #447a973d}.character-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.character-profile-grid article{min-height:180px;padding:18px}.character-profile-grid span{color:#4f89ab;text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:900;display:block}.character-profile-grid strong{color:#1f2b33;font-size:.94rem;line-height:1.72;display:block}.character-system-board{grid-template-columns:minmax(240px,.38fr) minmax(0,.62fr);gap:22px;padding:22px;display:grid}.character-system-board__head h2,.character-rule-columns h2,.character-prompt-anchor h2{color:var(--ink);margin:8px 0 10px;font-size:clamp(1.5rem,3vw,2.8rem);line-height:1}.character-system-board__head p,.character-prompt-anchor p{color:#2d3840;margin:0;font-weight:820;line-height:1.8}.character-chip-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:center;gap:12px;display:grid}.character-chip-grid span{text-align:center;place-items:center;min-height:60px;display:grid}.character-rule-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.character-rule-columns article,.character-prompt-anchor{padding:22px}.character-rule-columns ul{gap:10px;margin:0;padding-left:1.2em;display:grid}.character-rule-columns li{color:#2d3840;font-weight:820;line-height:1.72}.character-prompt-anchor{background:linear-gradient(135deg,#fff2d6bd,#ffffffeb),radial-gradient(circle at 18px 18px,#39c8ff1f 1px,#0000 1.5px) 0 0/34px 34px;gap:14px;display:grid}.design-system-research{border-block:1px solid #b7d9ecb8;max-width:980px;padding:22px 0}.design-system-research h2,.component-specimen-section__head h2{margin:10px 0 8px;font-size:1.32rem;line-height:1.25}.design-system-research p,.component-specimen-section__head p{color:#2d3840;max-width:820px;margin:0;font-size:.92rem;line-height:1.75}.design-system-research div{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.design-system-research div span{border-radius:var(--shape-chip);color:var(--ink);background:#edf8ffdb;border:1px solid #b7d9ecdb;padding:6px 9px;font-size:.76rem;font-weight:900;line-height:1.2}.component-specimen-section{gap:18px;display:grid}.component-specimen-section__head{max-width:860px}.component-specimen-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;display:grid}.component-index{gap:22px;display:grid}.component-index__head{max-width:900px}.component-index__head h2{margin:10px 0 8px;font-size:1.42rem;line-height:1.25}.component-index__head p{color:#2d3840;margin:0;font-size:.94rem;line-height:1.75}.component-index__areas{gap:24px;display:grid}.component-index-area{border-block:1px solid #b7d9ecb8;gap:14px;padding:18px 0;display:grid}.component-index-area__head{max-width:820px}.component-index-area__head>span{border-radius:var(--shape-chip);background:var(--mist);color:var(--ink);border:1px solid #b7d9ecdb;padding:3px 7px;font-size:.68rem;font-weight:900;line-height:1.2;display:inline-block}.component-index-area__head h3{margin:8px 0 6px;font-size:1.08rem;line-height:1.28}.component-index-area__head h3 a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:1px}.component-index-area__head p{color:#2d3840;margin:0;font-size:.84rem;line-height:1.6}.component-specimen{border-radius:var(--shape-doc);background:linear-gradient(#ffffffeb,#f8fcffd1),#ffffffe0;border:1px solid #b7d9ecc7;grid-template-rows:auto auto auto 1fr auto;min-width:0;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:0 15px 34px #4a8eb814}.component-catalog-card:hover .component-specimen{border-color:#39c8ffa3;transform:translateY(-3px);box-shadow:0 22px 42px #4a8eb824}.component-specimen[data-status=ready]{border-color:#82cbe2e6}.component-specimen[data-status=later]{border-color:#ffd7dfe0}.component-specimen__meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.component-specimen__meta span,.component-specimen__meta strong{font-size:.64rem;font-weight:900;line-height:1.2}.component-specimen__meta span{color:var(--muted)}.component-specimen__meta strong{border-radius:var(--shape-control);background:var(--mist);color:#2d3840;border:1px solid #b7d9ecd1;padding:3px 7px}.component-specimen[data-status=ready] .component-specimen__meta strong{background:var(--miori-blue-soft)}.component-specimen[data-status=later] .component-specimen__meta strong{background:var(--rose)}.component-specimen h3{color:var(--ink);margin:9px 0 5px;font-size:.98rem;line-height:1.28}.component-specimen>p{color:#2d3840;margin:0;font-size:.78rem;line-height:1.55}.component-specimen__canvas{border-radius:var(--shape-panel);background:radial-gradient(circle at 8px 8px,#39c8ff29 1px,#0000 1.4px) 0 0/18px 18px,#f8fcffeb;border:1px solid #b7d9ecb8;min-height:138px;margin-top:12px;padding:12px;overflow:hidden}.component-specimen__examples{color:var(--muted);margin-top:10px;font-size:.7rem;font-weight:760;line-height:1.35}.component-specimen__canvas *{box-sizing:border-box}.specimen-tokens,.specimen-type,.specimen-ink,.specimen-nav,.specimen-editorial,.specimen-cards,.specimen-media,.specimen-dialogue,.specimen-form,.specimen-feedback,.specimen-disclosure,.specimen-data,.specimen-code,.specimen-accessibility,.specimen-image,.specimen-composition,.specimen-production,.specimen-slide,.specimen-default{height:100%}.specimen-tokens{grid-template-columns:repeat(5,1fr);align-content:center;gap:7px;display:grid}.specimen-tokens i{aspect-ratio:1;background:var(--swatch);border:1px solid #05050533;display:block}.specimen-tokens span{color:#2d3840;grid-column:1/-1;font-size:.7rem;font-weight:850}.specimen-type{align-content:center;gap:8px;display:grid}.specimen-type strong{color:var(--ink);font-size:1.2rem;line-height:1.16}.specimen-type span{color:#2d3840;font-size:.82rem;line-height:1.5}.specimen-type small{color:var(--muted);font-size:.68rem;font-weight:900}.specimen-ink{align-content:center;gap:12px;display:grid}.specimen-ink span{background:var(--ink);display:block}.specimen-ink span:first-child{height:4px}.specimen-ink span:nth-child(2){opacity:.68;height:2px}.specimen-ink span:nth-child(3){opacity:.28;height:1px}.specimen-ink p,.specimen-media p,.specimen-image p,.specimen-slide p{color:#2d3840;margin:0;font-size:.72rem;font-weight:760;line-height:1.45}.specimen-grid{grid-template-columns:repeat(4,1fr);gap:6px;height:100%;display:grid}.specimen-grid span{background:#bff0d485;border:1px solid #0505052e}.specimen-nav{align-content:center;gap:14px;display:grid}.specimen-nav div{border-bottom:1px solid #0505052e;flex-wrap:wrap;align-items:center;gap:9px;padding-bottom:9px;display:flex}.specimen-nav strong{color:var(--ink);margin-right:auto;font-size:.78rem}.specimen-nav span,.specimen-nav p{color:#2d3840;font-size:.68rem;font-weight:850}.specimen-nav span{isolation:isolate;border:1px solid #0000;border-radius:18px 18px 10px;padding:7px 11px;position:relative}.specimen-nav span:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:linear-gradient(#fffffff5,#fff0);height:42%;position:absolute;inset:3px 5px auto}.specimen-nav span.is-active{background:radial-gradient(circle at 30% 16%, #fffffffa 0 23%, #fff0 50%), linear-gradient(180deg, #f3fbff 0%, #e3f3fb 45%, var(--miori-blue) 100%);color:#050505;border-color:#94cfecf0;box-shadow:inset 0 1px #fffffffa,inset 0 -8px 14px #68b1d629,0 2px #447a973d,0 8px 15px #4a8eb824}.specimen-nav span.is-active:before{opacity:1}.specimen-nav p{margin:0}.specimen-editorial{align-content:center;gap:8px;display:grid}.specimen-editorial span{background:var(--green);width:fit-content;color:var(--ink);border:1px solid #05050533;padding:2px 6px;font-size:.62rem;font-weight:900}.specimen-editorial strong,.specimen-feedback strong,.specimen-default strong{color:var(--ink);font-size:1rem;line-height:1.25}.specimen-editorial p,.specimen-feedback p,.specimen-default p{color:#2d3840;margin:0;font-size:.72rem;line-height:1.45}.specimen-editorial ul{gap:5px;margin:2px 0 0;padding:0;list-style:none;display:grid}.specimen-editorial li{background:#05050529;height:6px}.specimen-cards{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;display:grid}.specimen-cards figure{aspect-ratio:4/3;background:linear-gradient(135deg,#0000 45%,#fff3a8e6 45% 58%,#0000 58%),linear-gradient(135deg,#dff5ffe6,#bff0d4d1);border:1px solid #05050533;margin:0}.specimen-cards div{min-width:0}.specimen-cards span{color:var(--muted);font-size:.62rem;font-weight:900;display:block}.specimen-cards strong{color:var(--ink);margin-top:5px;font-size:.9rem;line-height:1.25;display:block}.specimen-cards p{color:#2d3840;margin:5px 0 0;font-size:.68rem;line-height:1.4}.specimen-media{align-content:center;gap:9px;display:grid}.specimen-media div{aspect-ratio:16/9;background:#dff5ffb3;border:1px solid #05050538;padding:10px}.specimen-media span{background:linear-gradient(135deg,#39c8ff8c,#ffffffb8);width:46%;height:100%;margin-left:auto;display:block}.specimen-dialogue{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.specimen-dialogue i{border:2px solid var(--ink);border-radius:var(--shape-control);background:radial-gradient(circle at 15px 21px, var(--ink) 2px, transparent 2.6px), radial-gradient(circle at 27px 21px, var(--ink) 2px, transparent 2.6px), linear-gradient(to bottom, var(--ink) 0 35%, transparent 35%), #fff;width:42px;height:42px}.specimen-dialogue div{background:#fff;border:1px solid #05050540;padding:10px;position:relative}.specimen-dialogue div:before{content:"";background:#fff;border-bottom:1px solid #05050540;border-left:1px solid #05050540;width:14px;height:14px;position:absolute;top:18px;left:-8px;transform:rotate(45deg)}.specimen-dialogue strong{color:var(--ink);font-size:.72rem}.specimen-dialogue p{color:#2d3840;margin:5px 0 0;font-size:.78rem;font-weight:850;line-height:1.4}.specimen-form{align-content:center;gap:8px;display:grid}.specimen-form label{color:var(--muted);font-size:.68rem;font-weight:900}.specimen-form div{background:#fff;border:1px solid #05050540;grid-template-columns:minmax(0,1fr) auto;display:grid}.specimen-form div span{color:#667782;padding:8px;font-size:.72rem}.specimen-form button{background:var(--green);color:var(--ink);border:0;border-left:1px solid #05050540;font-size:.68rem;font-weight:900}.specimen-form p{color:#2d3840;align-items:center;gap:7px;margin:0;font-size:.7rem;font-weight:760;display:flex}.specimen-form i{background:var(--green);border:1px solid #05050559;width:12px;height:12px}.specimen-feedback{border-left:4px solid #6bd5ff;align-content:center;gap:8px;padding-left:10px;display:grid}.specimen-feedback span{background:var(--mist);width:fit-content;color:var(--ink);padding:2px 6px;font-size:.62rem;font-weight:900}.specimen-disclosure details{background:#fff;border:1px solid #05050533}.specimen-disclosure summary{cursor:pointer;color:var(--ink);padding:10px;font-size:.82rem;font-weight:900}.specimen-disclosure p{color:#2d3840;border-top:1px solid #0505051f;margin:0;padding:10px;font-size:.72rem;line-height:1.45}.specimen-data{grid-template-columns:auto minmax(0,1fr);align-content:center;gap:8px;display:grid}.specimen-data strong{color:var(--ink);font-size:2.1rem;line-height:1}.specimen-data span{color:#2d3840;align-self:center;font-size:.78rem;font-weight:850}.specimen-data table{border-collapse:collapse;background:#fff;grid-column:1/-1;width:100%;font-size:.68rem}.specimen-data td{border:1px solid #05050524;padding:5px}.specimen-code{align-content:center;gap:7px;display:grid}.specimen-code span{color:#dff5ff;text-overflow:ellipsis;white-space:nowrap;background:#111820;padding:6px;font-family:SFMono-Regular,Consolas,monospace;font-size:.66rem;line-height:1.4;display:block;overflow:hidden}.specimen-accessibility{place-items:center;gap:10px;display:grid}.specimen-accessibility button{color:var(--ink);background:#fff;border:2px solid #178cc0;outline:3px solid #39c8ff57;padding:8px 10px;font-size:.76rem;font-weight:900}.specimen-accessibility p{color:#2d3840;margin:0;font-size:.72rem;font-weight:760}.specimen-image{align-content:center;gap:8px;display:grid}.specimen-image div{aspect-ratio:16/9;background:linear-gradient(135deg,#dff5ffeb,#ffffffe6),radial-gradient(circle at 70% 28%,#39c8ff80,#0000 30%);border:1px solid #0505052e;position:relative}.specimen-image span{background:#fff;border:1px solid #0505052e;width:46px;height:46px;position:absolute;bottom:16px;right:18px;transform:rotate(-8deg)}.specimen-image i{background:var(--ink);width:64px;height:10px;position:absolute;top:18px;left:18px;box-shadow:0 18px #05050547,0 36px #05050529}.specimen-composition{grid-template-columns:1fr .8fr;align-items:center;gap:10px;height:100%;display:grid}.specimen-composition div{gap:8px;display:grid}.specimen-composition strong{color:var(--ink);font-size:1.08rem;line-height:1.1}.specimen-composition span{color:#2d3840;font-size:.72rem;font-weight:760}.specimen-composition figure{aspect-ratio:1;background:linear-gradient(135deg,#bff0d4d1,#dff5ffdb);border:1px solid #0505052e;margin:0}.specimen-production{align-content:center;gap:7px;display:grid}.specimen-production p{border-bottom:1px solid #0505051f;grid-template-columns:42px minmax(0,1fr);gap:8px;margin:0;padding-bottom:6px;display:grid}.specimen-production p:last-child{border-bottom:0}.specimen-production strong,.specimen-production span{color:#2d3840;font-size:.7rem;line-height:1.35}.specimen-production strong{color:var(--ink);font-weight:900}.specimen-slide{background:#fff;border:1px solid #05050533;align-content:center;gap:8px;min-height:114px;padding:12px;display:grid;position:relative}.specimen-slide:before{content:"";pointer-events:none;border-top:8px solid #6bd5ff8c;position:absolute;inset:0}.specimen-slide span{background:var(--mist);width:fit-content;color:var(--ink);padding:2px 6px;font-size:.68rem;font-weight:900}.specimen-slide strong{color:var(--ink);font-size:1rem;line-height:1.2}.specimen-slide div{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.specimen-slide i{background:#dff5fff2;border:1px solid #0505051f;height:18px}.specimen-default{align-content:center;gap:8px;display:grid}.component-lab__intro{color:#2d3840;max-width:760px;line-height:1.75}.component-variant-strip{border-block:1px solid #0505052e;flex-wrap:wrap;gap:10px;max-width:820px;padding:12px 0;display:flex}.component-variant-strip span{color:#2d3840;font-size:.9rem;font-weight:850}.component-variant-strip span:before{content:".";color:#7ca8be}.component-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px;display:grid}.component-sample{border:2px solid var(--ink);min-width:0;box-shadow:3px 3px 0 var(--ink);background:#ffffffe6;padding:18px}.component-sample>h3{margin:0 0 12px;font-size:1.05rem}.component-sample code{margin-bottom:12px;font-size:.82rem;display:inline-block}.tweet-preview{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;margin:18px 0 30px;overflow:hidden}.tweet-preview__head{border-bottom:3px solid var(--ink);background:var(--mist);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:900;display:flex}.tweet-preview__head span{border:2px solid var(--ink);background:var(--green);padding:4px 8px;font-size:.86rem}.tweet-preview__head a{color:var(--ink);font-size:.9rem;font-weight:900}.tweet-preview__body{padding:clamp(16px,3vw,24px)}.tweet-preview__body p,.tweet-preview__body ul{margin:0 0 12px}.tweet-preview__author{font-weight:900}.tweet-preview__author span,.tweet-preview__meta{color:var(--muted);font-size:.92rem}.tweet-preview__media{aspect-ratio:16/9;object-fit:cover;border:3px solid var(--ink);background:var(--mist);width:100%;display:block}.tweet-preview__avatar{border:3px solid var(--ink);background:var(--green);width:52px;height:52px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid;overflow:hidden}.tweet-preview__avatar img{object-fit:cover;width:100%;height:100%}.thread-flow{gap:12px;margin:24px 0 38px;display:grid}.thread-card{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#ffffffeb;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px;display:grid;position:relative}.thread-card:before{content:"";background:var(--ink);width:3px;height:15px;position:absolute;top:-15px;left:30px}.thread-card:first-child:before{display:none}.thread-card--root{background:#c2f5de7a}.thread-card__index{border:3px solid var(--ink);background:var(--cyan-soft);width:42px;height:34px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);place-items:center;font-size:.85rem;font-weight:900;display:inline-grid}.thread-card__label{margin:0 0 6px;font-size:.9rem;font-weight:900}.thread-card p:last-child{margin-bottom:0}.article-aside{border:2px solid var(--ink);background:#fff;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px 14px;padding:10px;display:grid;position:static}.article-aside p{min-width:0;margin:0;font-size:.84rem;line-height:1.45}.article-aside p strong{font-size:.8rem;line-height:1.35}.article-aside a{overflow-wrap:anywhere;word-break:break-word}.tag-row{color:#51616a;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0 0;display:flex}.tag{background:0 0;border:0;padding:0;font-size:.82rem;font-weight:800}.tag:before{content:"#";color:#7ca8be;margin-right:1px}.site-footer{color:var(--muted);background:#fff;border-top:2px solid #050505bd;padding:24px 0}@keyframes home-photo-breathe{0%{transform:scale(1.005)translate(0,0)}to{transform:scale(1.025)translate(-.45%,.35%)}}@keyframes home-float-card{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(.22deg)}}@keyframes home-mascot-float{0%{transform:translate(0,0)rotate(-.8deg)}to{transform:translateY(-10px)rotate(.8deg)}}@keyframes home-orbit-pulse{0%{opacity:.26;transform:scale(.86)}58%{opacity:.7}to{opacity:.08;transform:scale(1.16)}}@keyframes ds-content-enter{0%{opacity:0;transform:translateY(14px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ds-layer-enter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translateX(calc(var(--layer-index) * 4px))}}@keyframes ds-shape-breathe{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-3%)scale(1.035)}}@keyframes ds-motion-orbit{0%{border-radius:52% 52% 18%;transform:translate(0,0)rotate(-3deg)}to{border-radius:28% 64% 44% 48%;transform:translate(-8%,5%)rotate(4deg)}}@keyframes ds-motion-card-shift{0%{transform:translate(0,0)}to{transform:translateY(-8px)}}@keyframes ds-motion-dots{0%,to{opacity:.38;transform:translateY(0)scale(.92)}45%{opacity:1;transform:translateY(-5px)scale(1)}}@keyframes ds-disclosure-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-scroll-fill{0%{transform:scaleY(.22)}to{transform:scaleY(1)}}@keyframes ds-shape-morph{0%{transform:translate(0,0)rotate(0)}to{transform:translateY(-8px)rotate(3deg)}}@keyframes ds-component-pulse{0%{opacity:.72;transform:translate(0,0)scale(1)}to{opacity:.96;transform:translate(-8%,-4%)scale(1.08)}}@keyframes ds-component-node{0%{transform:translate(0,0)}to{transform:translate(-5px,-8px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-cover__photo,.home-cover__feature,.home-muse__art--mascot img,.home-motion-orbit,.ds-product__main>*,.ds-system-stack li,.ds-shape-stage__shape,.motion-hero-stage__orbit,.motion-hero-card,.motion-hero-dots i,.motion-live-card,.motion-live-card details p,.motion-scroll-demo__marker,.motion-shape-demo i,.component-motion-preview__pulse,.component-motion-preview__node--to{animation:none}.home-cover__jump a,.home-news-list a,.home-character-card,.nav-toggle,.home-ranking-list a,.home-area-card,.ds-product__rail a,.ds-home-gateway__links a,.ds-hero-actions a,.motion-live-card,.component-motion-preview__node{transition:none}}@media (width<=980px){.article-title--fixed-lines{font-size:clamp(1.45rem,5vw,2.55rem)}}@media (width<=820px){.ds-benchmark-strip,.ds-quality-gates{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-benchmark-strip a:nth-child(2n),.ds-quality-gates article:nth-child(2n){border-right:0}.ds-benchmark-strip a:nth-child(n+3),.ds-quality-gates article:nth-child(n+3){border-top:1px solid #05050524}.ds-home-gateway,.ds-product,.ds-page-hero--home,.ds-page-hero--motion-lab,.ds-page-hero--with-character,.component-doc__hero,.motion-token-board,.component-motion-preview{grid-template-columns:minmax(0,1fr)}.ds-home-gateway__links,.ds-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-product__rail,.component-doc__nav,.ds-material-tabs{position:static}.ds-product__rail{scrollbar-width:none;border-radius:18px 6px;gap:6px;width:calc(100vw - 32px);margin-inline:auto;padding:7px;display:flex;overflow-x:auto}.ds-product__rail::-webkit-scrollbar{display:none}.ds-product__rail:before{display:none}.ds-product__rail a{flex:none;min-width:116px;max-width:150px;padding:8px 10px}.ds-product__rail a.is-active:before{width:22px;height:2px;box-shadow:none;border-radius:999px;top:auto;bottom:6px;left:10px;transform:none}.ds-product__rail span{display:none}body:has(.ds-product) .site-header__inner{align-items:center;gap:10px;padding:8px 0}body:has(.ds-product) .brand__mark{width:34px;height:34px}body:has(.ds-product) .nav a{min-height:30px;padding:0 8px;font-size:.82rem}.ds-page-hero--foundations{grid-template-columns:minmax(0,1fr)}.ds-page-hero--foundations>.kicker,.ds-page-hero--foundations>h1,.ds-page-hero--foundations>.lead,.foundation-hero-notes{grid-column:1}.foundation-hero-notes{border-top:1px solid #39c8ff3d;border-left:0;padding-top:10px;padding-left:0}.ds-hero-visual,.ds-system-board,.motion-hero-stage{min-height:280px}.ds-hero-visual img{object-position:60% 18%;min-height:280px}.component-doc__context p,.component-motion-preview__text p,.motion-token-board__rows article,.motion-spec p,.implementation-grid p{grid-template-columns:minmax(0,1fr);gap:3px}.component-design-board__sheet{grid-template-columns:minmax(0,1fr);min-height:0}.component-design-board__tokens{grid-template-columns:repeat(2,minmax(0,1fr))}.component-design-board__rules{grid-template-columns:repeat(3,minmax(0,1fr))}.component-design-board__state-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.board-preview{width:min(82%,480px)}.asset-character,.asset-usage-rules{grid-template-columns:minmax(0,1fr)}.asset-character img{width:100%;max-height:220px}.asset-system-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-category__head{flex-direction:column;align-items:start}.site-header__inner,.hero,.article-shell,.toolbar{grid-template-columns:minmax(0,1fr)}.site-header__inner{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:10px 0 8px}.nav{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{flex:none;min-height:32px;padding:0 8px}.metric-strip{grid-template-columns:1fr}.home-fv{min-height:auto;padding:38px 0 44px}.home-fv__inner,.home-overview__inner,.home-direction__inner,.visual-system__hero{grid-template-columns:minmax(0,1fr)}.home-fv__copy h1{margin:14px 0;font-size:clamp(2.5rem,13vw,4.2rem)}.home-fv__copy .lead{font-size:1rem;line-height:1.65}.home-actions,.home-quiet-links{gap:8px;margin-top:18px}.home-actions a{min-height:38px;padding:0 11px;font-size:.92rem}.home-feed{padding-top:18px}.home-cover{min-height:auto}.home-cover:after{background:linear-gradient(#ffffffeb 0%,#ffffff8f 54%,#fff3 100%)}.home-cover__photo{object-position:58% center;height:min(64svh,520px);min-height:420px;position:relative}.home-cover__inner{grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr);width:auto;margin:0;padding-block:18px;position:absolute;inset:0 16px}.home-cover__brand{-webkit-text-stroke-width:1.4px;font-size:clamp(2.6rem,14vw,6rem)}.home-cover__copy{border-radius:var(--shape-panel);align-self:end;width:min(470px,100%);padding:18px;box-shadow:4px 4px #050505e0}.home-cover__copy h1{font-size:clamp(2rem,10.4vw,4.2rem)}.home-cover__copy p{overflow-wrap:anywhere;font-size:.96rem;line-height:1.68}.home-cover__feature{justify-self:start;width:min(470px,100%);padding:14px 16px;box-shadow:5px 5px #050505e6}.home-visual-note{grid-template-columns:minmax(0,1fr);gap:16px}.home-muse{border-radius:var(--shape-doc);grid-template-columns:minmax(0,1fr)}.home-muse__art{border-top:3px solid var(--ink);border-left:0}.home-muse__art img{min-height:420px;max-height:560px}.home-muse__icons{grid-template-columns:repeat(2,minmax(0,1fr))}.home-visual-note__image img{min-height:280px}.home-magazine-hero,.home-news-layout,.home-character-row,.home-ranking-list{grid-template-columns:minmax(0,1fr)}.home-magazine-hero__copy{min-height:0;box-shadow:4px 4px 0 var(--ink);padding:22px}.home-magazine-hero h1{font-size:3rem}.home-magazine-hero p{font-size:1rem}.home-card-grid--pickup{grid-template-columns:minmax(0,1fr)}.home-card-grid--pickup .article-card:first-child,.home-ranking-list li:first-child{grid-row:auto}.home-ranking-list a,.home-ranking-list li:first-child a{grid-template-columns:62px 88px minmax(0,1fr);align-content:center;gap:10px}.home-ranking-list li:first-child img,.home-ranking-list li:first-child .home-ranking-list__empty{aspect-ratio:1}.home-feed__head,.home-section__head{flex-direction:column;align-items:start}.home-feed__head h1{font-size:clamp(2.25rem,14vw,4rem)}.home-feed__jump{justify-content:flex-start}.home-feed__jump a,.home-section__link{min-height:32px;font-size:.84rem}.home-quiet-links a{font-size:.94rem}.home-board{box-shadow:4px 4px 0 var(--ink)}.home-board__head{min-height:50px}.home-board__head strong{font-size:2.2rem}.home-board__latest{padding:14px}.home-board__rows{padding:4px 14px 12px}.home-board__rows p{grid-template-columns:54px minmax(0,1fr);padding:9px 0}.home-board__rows strong{font-size:1.25rem}.home-area-strip,.system-map__grid,.character-system__body--trio,.design-principles,.design-detail-grid,.visual-system__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.home-area-card{box-shadow:4px 4px 0 var(--ink);padding:11px}.home-character-card{box-shadow:4px 4px 0 var(--ink)}.home-direction__list p{grid-template-columns:minmax(0,1fr);gap:4px}.metric,.article-card{box-shadow:4px 4px 0 var(--ink)}.article-aside{box-shadow:none;position:static}.article-main{max-width:100%}.article-hero{width:100%}.article-hero .article-title{margin-block:12px 10px}.article-title--fixed-lines{font-size:clamp(1.12rem,5.6vw,2.05rem)}.article-hero .lead{font-size:.94rem;line-height:1.65}.toc-box{margin-bottom:32px;padding:16px 0 16px 14px}.toc-list{padding:0 0 0 2px}.toc-depth-3{padding-left:12px}.at-callout__head,.at-compare-grid,.component-grid{grid-template-columns:minmax(0,1fr)}.at-source-card{grid-template-columns:minmax(0,1fr) 64px}.source-embed{padding:8px}.source-post__head{padding:12px}.source-post__avatar{border-width:2px;width:44px;height:44px;font-size:.78rem}.source-post__body{padding:14px 14px 6px;font-size:.96rem;line-height:1.7}.at-dialogue-set{gap:12px;margin:20px 0 28px}.at-dialogue,.at-dialogue--reverse{grid-template-columns:44px minmax(0,1fr)}.at-dialogue--reverse .at-dialogue__avatar{grid-column:1}.at-dialogue--reverse .at-dialogue__bubble{grid-column:2}.at-dialogue__avatar{width:44px;min-height:58px}.at-dialogue__avatar:before{width:36px;height:36px}.at-dialogue__avatar:after{width:30px;height:27px;top:25px}.at-dialogue__face{width:25px;height:25px;top:12px}.at-dialogue__face:after{box-shadow:8px 0 0 var(--ink), 4px 7px 0 -1px var(--ink);top:10px;left:5px}.at-dialogue__bubble{padding:10px 12px}.at-dialogue__bubble p{font-size:.88rem;line-height:1.65}.at-dialogue--reverse .at-dialogue__bubble:before{border-width:8px 12px 8px 0;border-color:transparent var(--ink) transparent transparent;left:-12px;right:auto}.at-dialogue--reverse .at-dialogue__bubble:after{border-width:6px 9px 6px 0;border-color:#0000 #fff #0000 #0000;left:-8px;right:auto}.source-post__note,.source-post__thread{margin-left:14px;margin-right:14px}.at-source-card__body{gap:4px;padding:8px}.at-source-card__label{padding:2px 5px;font-size:.68rem}.at-source-card__favicon{width:14px;height:14px}.at-source-card__favicon img{width:10px;height:10px}.at-source-card__title{font-size:.82rem;line-height:1.35}.at-source-card__meta{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.at-source-card__domain{font-size:.66rem}.at-source-card__media{border-left:2px solid var(--ink);border-top:0;min-height:0}.at-source-card__media img{min-height:0}.at-source-card__media--icon img{width:30px;height:30px;padding:5px}.at-stat-grid{grid-template-columns:minmax(0,1fr)}.at-flow-list li,.at-step-list li{grid-template-columns:36px minmax(0,1fr)}.component-design-board__head,.component-design-board__tokens,.component-design-board__rules,.component-design-board__state-strip{grid-template-columns:minmax(0,1fr)}.component-design-board__head{align-items:start}.component-design-board__canvas{min-height:520px}.board-preview{width:calc(100% - 32px);top:54%}.board-callout{display:none}.board-color-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.home-cover__photo{object-position:62% center;height:620px;min-height:620px}.home-cover__inner{grid-template-rows:auto 1fr auto;padding-block:14px;inset:0 24px}.home-cover__brand{white-space:nowrap;-webkit-text-stroke-width:1px;max-width:100%;font-size:clamp(1.95rem,10vw,3rem);overflow:hidden}.home-cover__copy{justify-self:start;width:min(100%,318px);max-width:calc(100vw - 58px);padding:15px;box-shadow:4px 4px #050505e0}.home-cover__copy h1{font-size:clamp(1.86rem,9vw,2.35rem)}.home-cover__copy p{word-break:break-word;font-size:.9rem}.home-cover__feature{justify-self:start;width:min(100%,318px);max-width:calc(100vw - 58px);padding:12px 13px}.home-cover__feature strong{word-break:break-word;font-size:.94rem}.home-cover__jump{display:none}.home-muse{margin-top:18px;border-radius:var(--shape-panel);width:min(310px,100vw - 64px);max-width:min(310px,100vw - 64px);box-shadow:5px 5px 0 var(--ink);margin-inline:auto}.home-muse__copy{max-width:100%;padding:16px;overflow:hidden}.home-muse__copy h2{font-size:clamp(1.7rem,9vw,2.45rem)}.home-muse__copy p{word-break:normal;font-size:.92rem;line-height:1.7}.home-muse__icons{grid-template-columns:minmax(0,1fr);gap:8px}.home-muse-icon{border-radius:var(--shape-control);min-height:72px;font-size:.66rem}.home-muse-icon:before{width:28px;height:28px}.home-muse__art img{object-position:center 32%;min-height:360px}.home-feed__jump a{flex:100%;justify-content:center}.home-area-strip,.home-ranking-list a,.home-ranking-list li:first-child a{grid-template-columns:minmax(0,1fr)}.home-ranking-list__num{width:fit-content}}@media (width<=420px){.ds-home-gateway__links,.ds-product__rail{grid-template-columns:none}.ds-page-hero--components,.ds-page-hero--styles,.ds-page-hero--motion,.ds-page-hero--assets{padding-inline:14px}.ds-page-hero h1,.component-doc__hero h1{font-size:clamp(2rem,14vw,3.2rem)}.asset-system-summary{grid-template-columns:minmax(0,1fr)}.asset-record dl div{grid-template-columns:minmax(0,1fr);gap:2px}.nav{gap:2px}.nav a{padding:0 5px;font-size:.78rem}.home-magazine-hero h1{font-size:2.42rem}.home-ranking-list a,.home-ranking-list li:first-child a{grid-template-columns:minmax(0,1fr)}.home-ranking-list__num{width:fit-content}.home-feed__jump a{flex:100%;justify-content:center}.home-area-strip,.visual-system__gallery,.system-map__grid,.character-system__body--trio,.design-principles,.design-detail-grid{grid-template-columns:minmax(0,1fr)}.character-profile dl div{grid-template-columns:minmax(0,1fr);gap:2px}}@media (width<=820px){.site-header__inner{flex-direction:row;align-items:center;gap:12px;min-height:64px;padding:8px 0;position:relative}.nav-toggle{margin-left:auto;display:inline-flex}.nav{border:2px solid var(--ink);border-radius:var(--shape-panel);width:min(280px,100vw - 32px);box-shadow:5px 5px 0 var(--ink);background:#fffffff5;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:visible}.site-header[data-nav-open] .nav{display:grid}.nav a{border-radius:var(--shape-control);border-color:#0505051f;justify-content:flex-start;min-height:40px;padding:0 12px;font-size:.9rem}.home-cover{min-height:100svh}.home-cover:after{background:linear-gradient(#ffffffe6 0%,#fff9 58%,#ffffff3d 100%),linear-gradient(90deg,#ffffffd1,#ffffff29)}.home-cover__photo{object-position:60% center;height:100%;min-height:0;position:absolute}.home-cover__inner{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);width:min(100% - 32px,1180px);margin-inline:auto;padding-block:86px 24px;position:relative;inset:auto}.home-cover__copy{align-self:end}.home-cover__feature{display:none}.character-hero,.character-system-board,.character-rule-columns{grid-template-columns:minmax(0,1fr)}.character-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-hero__visual img{aspect-ratio:16/10;height:auto;min-height:0}}@media (width<=560px){.brand{gap:8px;font-size:.86rem}.brand__mark{width:34px;height:34px}.nav-toggle span{display:none}.home-cover{min-height:100svh}.home-cover__photo{object-position:58% center;height:100%;min-height:0}.home-cover__inner{width:min(100% - 28px,1180px);padding-block:78px 18px;inset:auto}.home-cover__copy{width:min(100%,344px);max-width:100%}.home-muse{width:min(100%,100vw - 28px);max-width:min(100%,100vw - 28px)}.home-muse__art--mascot img{width:min(88%,360px);min-height:0;max-height:430px}.character-profile-grid,.character-chip-grid{grid-template-columns:minmax(0,1fr)}.character-hero,.character-profile-grid article,.character-system-board,.character-rule-columns article,.character-prompt-anchor{box-shadow:4px 4px 0 var(--character-shadow)}.character-hero h1{font-size:clamp(2.7rem,18vw,4.6rem)}}