:root{--bg:#fff;--panel:#fff;--ink:#1a1a1a;--muted:#5c5c5c;--line:#d8d8d8;--soft:#f4f4f4;--blue:#1d63ed;--blue-hover:#1554d1;--copied-bg:#e5e5e5;--copied-line:#cfcfcf;--copied-ink:#5c5c5c;--container:1080px;--header-h:57px;--font:"IBM Plex Sans JP","Hiragino Sans","Noto Sans JP",sans-serif}html[data-surface=dark]{color-scheme:dark;--bg:#121212;--panel:#1a1a1a;--ink:#f2f2f2;--muted:#a3a3a3;--line:#3a3a3a;--soft:#242424;--copied-bg:#2c2c2c;--copied-line:#4a4a4a;--copied-ink:#b8b8b8}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;line-height:1.7;color:var(--ink);background:var(--bg)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.page-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1 1}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.25rem}.site-masthead{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--panel)}.site-header{border-bottom:1px solid var(--line)}.footer-inner,.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px}.search-bar{border-bottom:1px solid var(--line);padding:.7rem 0}.site-search{width:100%;min-height:2.25rem;border:1px solid var(--line);padding:0 .7rem;background:var(--panel);color:var(--ink)}.site-search:focus{outline:2px solid var(--blue);outline-offset:1px}.logo{display:flex;align-items:center;gap:.5rem;color:var(--ink);font-weight:700}.logo,.logo:hover{text-decoration:none}.logo img{display:block}.nav-wrap{gap:1rem}.footer-nav,.nav,.nav-wrap{display:flex;align-items:center}.footer-nav,.nav{gap:.85rem}.nav a{color:var(--muted);text-decoration:none}.nav a.active,.nav a:hover{color:var(--ink);text-decoration:none;box-shadow:inset 0 -2px 0 var(--ink)}.icon-btn,.menu-btn,.search-trigger{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.menu-btn{display:none;padding:.35rem .7rem}.search-trigger{display:inline-flex;align-items:center;gap:.55rem;min-height:2.25rem;padding:.3rem .7rem;color:var(--muted)}.search-trigger kbd{border:1px solid var(--line);padding:.05rem .35rem;font-size:.75rem}.hero,.page-intro,.section{padding:2.75rem 0}.catalog{padding:1.25rem 0 3rem}.hero{border-bottom:1px solid var(--line)}.detail-grid,.hero-grid,.split{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}.meta-line,.note{color:var(--muted);font-size:.875rem}.meta-line{margin:0 0 .75rem}h1,h2,h3{font-weight:700;letter-spacing:0;line-height:1.35}.hero h1,.page-intro h1{margin:0 0 1rem;font-size:clamp(1.6rem,3.2vw,2.1rem)}.lead,.page-intro p{margin:0 0 1.25rem;max-width:40rem;color:var(--muted)}.hero-visual p{margin:.75rem 0 0;color:var(--muted);font-size:.9rem}.hero-art{width:100%;max-width:320px;display:block}.cta-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.35rem .85rem;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:600;cursor:pointer}.btn,.btn:hover{text-decoration:none}.btn:hover{border-color:var(--ink)}.btn:disabled{opacity:.55;cursor:wait}.btn.is-copied,.btn.is-copied:hover{background:var(--copied-bg);border-color:var(--copied-line);color:var(--copied-ink)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}.btn-sm{min-height:2rem;font-size:.875rem}.btn-icon{min-width:2rem;padding-left:.5rem;padding-right:.5rem}.btn-icon svg{display:block}.detail-panel h2,.detail-panel h3,.section h2{margin:0 0 1rem;font-size:1.15rem}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}.value-grid article{padding-top:.75rem;border-top:1px solid var(--ink)}.value-grid h3{margin:0 0 .4rem;font-size:1rem}.plain-list,.value-grid p{margin:0;color:var(--muted)}.plain-list{padding-left:1.15rem}.plain-list li+li{margin-top:.65rem}.plain-list strong{display:block;color:var(--ink)}.search-field{width:100%;min-height:2.75rem;border:1px solid var(--line);padding:0 .8rem;background:var(--panel);color:var(--ink)}.search-field:focus{outline:2px solid var(--blue);outline-offset:1px}.toolbar{gap:.75rem;align-items:center;justify-content:space-between;margin:0 0 1.25rem}.chip-row,.toolbar{display:flex;flex-wrap:wrap}.chip-row{gap:.45rem}.chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);min-height:2rem;padding:.2rem .7rem;cursor:pointer}.chip.is-active,.chip:hover{color:var(--ink);border-color:var(--ink)}.header-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.75rem}.header-link{color:var(--muted);font-size:.8rem;font-weight:600;text-decoration:none;white-space:nowrap}.header-link.is-active,.header-link:hover{color:var(--ink);text-decoration:none}.header-colors{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.color-menu{position:relative}.color-pill{display:inline-flex;align-items:center;flex-wrap:nowrap;height:2rem;padding:0 .1rem 0 .45rem;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;white-space:nowrap}button.color-pill{cursor:pointer}.color-pill.is-open,.surface-toggle:hover,button.color-pill:hover{border-color:var(--ink)}.color-pill-dot{width:.85rem;height:.85rem;border-radius:50%;flex:0 0 auto;border:1px solid var(--line)}.color-pill-dot.is-clear{background-color:#fff;background-image:linear-gradient(45deg,#cfcfcf 25%,transparent 0),linear-gradient(-45deg,#cfcfcf 25%,transparent 0),linear-gradient(45deg,transparent 75%,#cfcfcf 0),linear-gradient(-45deg,transparent 75%,#cfcfcf 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.color-pill-hex{padding:0 .55rem 0 .45rem;font-size:.8rem;letter-spacing:.02em}.color-pill-rule{width:1px;align-self:stretch;background:var(--line)}.surface-toggle{display:inline-flex;align-items:center;gap:.45rem;height:2rem;padding:0 .75rem 0 .4rem;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer}.surface-swatch{width:1.05rem;height:1.05rem;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.surface-swatch[data-mode=white]{background:#fff}.surface-swatch[data-mode=dark]{background:#2c2c2c}.surface-swatch[data-mode=clear]{background-color:#fff;background-image:linear-gradient(45deg,#cfcfcf 25%,transparent 0),linear-gradient(-45deg,#cfcfcf 25%,transparent 0),linear-gradient(45deg,transparent 75%,#cfcfcf 0),linear-gradient(-45deg,transparent 75%,#cfcfcf 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.color-pill-edit{width:1.9rem;display:grid;place-items:center;color:var(--ink)}.color-popover{position:absolute;right:0;top:calc(100% + .45rem);z-index:40;padding:.7rem .75rem .8rem;background:var(--panel);border:1px solid var(--line)}.color-popover-meta{display:flex;justify-content:space-between;gap:.75rem;margin:0 0 .55rem;color:var(--muted);font-size:.8rem}.color-popover-meta strong{color:var(--ink);font-weight:600}.color-wheel{display:block;width:196px;height:196px;touch-action:none;cursor:crosshair;image-rendering:auto}.color-clear-toggle{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:.7rem;height:2rem;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.color-clear-toggle.is-on,.color-clear-toggle:hover{border-color:var(--ink)}.color-clear-toggle.is-on{background:var(--soft)}.detail-colors{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start;margin-top:1.75rem}.detail-colors h3{margin:0 0 .55rem;font-size:1rem}.detail-color-head{display:flex;align-items:center;margin-bottom:.75rem}.detail-about{margin:0;color:var(--muted);overflow-wrap:break-word;word-break:normal;line-height:1.7}.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem;gap:1rem}.external-notice{margin:2rem 0 0;max-width:46rem;color:var(--muted);font-size:.8rem;line-height:1.65}.icon-card{display:flex;flex-direction:column;min-height:100%;padding-top:.75rem;border-top:1px solid var(--ink)}.icon-card.is-selected{outline:2px solid var(--blue);outline-offset:6px;border-radius:2px}.icon-card-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--soft);border:1px solid var(--line);margin-bottom:.7rem}html[data-surface=clear] .hero-icon,html[data-surface=clear] .icon-card-preview{background-color:#f4f4f4;background-image:linear-gradient(45deg,#dedede 25%,transparent 0),linear-gradient(-45deg,#dedede 25%,transparent 0),linear-gradient(45deg,transparent 75%,#dedede 0),linear-gradient(-45deg,transparent 75%,#dedede 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.hero-icon>span,.icon-card-preview>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.icon-card-preview img,.icon-card-preview svg{width:52%;height:52%;object-fit:contain;display:block}.icon-card h3{margin:0;font-size:.95rem}.link-card{padding-bottom:.15rem}.link-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(1.35em * 2);line-height:1.35}.link-card-tags{margin:.4rem 0 .75rem;color:var(--muted);font-size:.8rem;line-height:1.5;min-height:1.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.link-card .btn{width:100%;margin-top:auto}.link-card .btn.is-missing,.link-card .btn.is-missing:hover{opacity:.55;cursor:default;border-style:dashed;color:var(--muted);pointer-events:none}.icon-card-actions,.variant-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem;gap:.4rem;margin-top:.55rem}.variant-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.action-icon{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.action-icon:disabled{opacity:.55;cursor:wait}.action-icon-label{font-size:.68rem;font-weight:600;color:var(--muted);line-height:1.2;white-space:nowrap}.action-icon-face{display:grid;place-items:center;width:100%;min-height:2rem;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.action-icon:hover .action-icon-face{border-color:var(--ink)}.action-icon.is-copied .action-icon-face{background:var(--copied-bg);border-color:var(--copied-line);color:var(--copied-ink)}.icon-card-actions .btn:last-child{grid-column:1/-1}.text-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:.35rem 0 0}.page-intro{padding-bottom:3.5rem}.legal{max-width:44rem}.legal-hero{margin-bottom:1.75rem}.legal-effective{margin:0;color:var(--muted);font-size:.875rem}.legal-block p,.legal-section p{max-width:none;margin:0 0 1rem;color:var(--ink)}.legal-section{margin-top:1.75rem}.legal-revisions h2,.legal-section h2{margin:0 0 .7rem;font-size:1.15rem}.legal-revisions ol,.legal-section ul{margin:0;padding-left:1.2rem}.legal-revisions li+li,.legal-section li+li{margin-top:.45rem}.legal-revisions{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.legal-revisions li{display:grid;grid-template-columns:7.5rem minmax(0,1fr);grid-gap:.75rem;gap:.75rem}.legal-revisions time{color:var(--muted)}.cta-row .search-field{flex:1 1;min-width:12rem}.detail-page{padding:2.25rem 0 3.5rem}.detail-layout{display:grid;grid-template-columns:16rem minmax(0,1fr) 16rem;grid-gap:2rem;gap:2rem;align-items:start}.ad-slot{min-width:0}.ad-slot-detail-side{min-height:250px;margin-top:1.25rem}.ad-slot-page-bottom{min-height:90px;margin-top:2rem}.hero-icon{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--soft);border:1px solid var(--line)}.hero-icon img,.hero-icon svg{width:62%;height:62%;object-fit:contain;display:block}.detail-side h1{margin:.9rem 0 .35rem;font-size:1.6rem}.detail-meta{margin:0 0 .35rem;color:var(--muted);font-size:.875rem}.detail-panel{min-width:0}.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.variant-card{padding-top:.75rem;border-top:1px solid var(--ink)}.variant-card .icon-card-preview{margin-bottom:.55rem}.variant-card h3{margin:0;font-size:.95rem}.source-panel{margin-top:1.75rem}.source-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.source-head h3{margin:0;font-size:1rem}.tech-list{margin:0 0 1.25rem;padding:0;list-style:none}.tech-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.9rem}.tech-list strong{color:var(--ink);font-weight:600}.source-block{margin:0;padding:.8rem .9rem;overflow:auto;background:var(--soft);border:1px solid var(--line);font-size:.8rem;line-height:1.55;max-height:18rem}.backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:12vh 1rem 1rem;background:rgba(0,0,0,.4)}.command{width:min(560px,100%);background:var(--panel);border:1px solid var(--line)}.command input{width:100%;min-height:3rem;border:0;border-bottom:1px solid var(--line);padding:0 1rem}.command input:focus{outline:none}.command-list{max-height:22rem;overflow:auto;margin:0;padding:.4rem;list-style:none}.command-list a,.command-list button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.55rem .6rem;border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.command-list a.is-active,.command-list a:hover,.command-list button:hover{background:var(--soft)}.command-list img{width:28px;height:28px}.command-empty{margin:0;padding:1rem;color:var(--muted)}.toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:90;border:1px solid var(--ink);background:var(--panel);padding:.55rem .8rem;font-size:.875rem}.site-footer{margin-top:auto;border-top:1px solid var(--line);padding:1.25rem 0 1.75rem;color:var(--muted);font-size:.875rem}.footer-brand,.footer-inner,.footer-meta{align-items:center;flex-wrap:wrap}.footer-brand,.footer-meta{display:flex;gap:.85rem}.footer-inner strong{color:var(--ink)}.footer-inner p{margin:.25rem 0 0}.footer-copy,.footer-hint,.footer-nav a{color:var(--muted)}.footer-hint{margin:.65rem 0 0;font-size:.72rem;line-height:1.45}.locale-switch{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.8rem}.locale-switch select{min-height:2rem;padding:0 .5rem;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.locale-switch-label{font-weight:600}.empty-state{padding:2rem 0;color:var(--muted)}@media (max-width:960px){.detail-layout,.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{display:flex;flex-direction:column}}@media (max-width:1080px){.detail-colors{grid-template-columns:1fr 1fr}}@media (max-width:800px){.detail-colors,.hero-grid,.split,.value-grid,.variant-grid{grid-template-columns:1fr}.color-pill-hex{font-size:.72rem;padding:0 .35rem 0 .3rem}}@media (max-width:560px){.icon-grid{grid-template-columns:1fr}}