:root{--bg:#f6f6f3;--paper:#fff;--ink:#16181d;--sub:#4b4f59;--muted:#7b7f88;--line:#e3e3de;--line-strong:#cfcfc8;--accent:#1f2f6b;--accent-ink:#2b3f8f;--accent-soft:#eef0f8;--hl:#f2c14e;--soon:#8a5a0b;--soon-bg:#fbf3df;--radius:12px;--shadow:0 1px 2px #16181d0a, 0 4px 16px #16181d0d;--w:1120px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font-feature-settings:"palt" 1;letter-spacing:.01em;margin:0;font-family:Zen Kaku Gothic New,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:16px;line-height:1.85}img,svg{max-width:100%}a{color:var(--accent-ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent)}h1,h2,h3{letter-spacing:.02em;line-height:1.4}.icon{flex:none;display:block}.skip{background:var(--ink);color:#fff;z-index:10;border-radius:6px;padding:6px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.head{z-index:5;backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.head__in{max-width:var(--w);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:10px 20px;display:flex}.logo{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo__mark{border-radius:9px;width:34px;height:34px}.logo__text{line-height:1.15;display:grid}.logo__sub{color:var(--muted);letter-spacing:.12em;font-size:11px;font-weight:700}.logo__name{letter-spacing:.04em;font-size:18px;font-weight:900}.head__nav{align-items:center;gap:4px;display:flex}.head__link,.head__search{color:var(--sub);border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.head__link:hover,.head__link[aria-current]{background:var(--accent-soft);color:var(--accent)}.head__search{border:1px solid var(--line-strong);color:var(--ink);background:var(--paper);margin-left:6px}.head__search:hover,.head__search[aria-current]{border-color:var(--accent);color:var(--accent)}@media (width<=720px){.head__in{padding:8px 14px}.head__link--tools,.head__link--about{display:none}.head__link,.head__search{padding:6px 10px;font-size:13px}.logo__name{font-size:16px}}.main{min-height:60vh}.container{max-width:var(--w);margin:0 auto;padding:0 20px}.page{max-width:var(--w);margin:0 auto;padding:28px 20px 56px}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:4px;margin:0 0 14px;padding:0;font-size:13px;list-style:none;display:flex}.crumbs li:not(:last-child):after{content:"/";color:var(--line-strong);margin-left:6px}.crumbs a{color:var(--muted)}.page-head{margin-bottom:28px}.page-head h1{margin:6px 0 10px;font-size:clamp(26px,4vw,36px);font-weight:900}.page-head .lead{color:var(--sub);max-width:46em;margin:0;font-size:17px}.eyebrow{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin:56px 0 16px;display:flex}.section-title h2{margin:0;font-size:22px;font-weight:900}.section-title a{white-space:nowrap;font-size:14px;font-weight:700;text-decoration:none}.badge{border:1px solid var(--line-strong);color:var(--sub);background:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;font-weight:700;line-height:1.7;display:inline-flex}.badge--soon{background:var(--soon-bg);color:var(--soon);border-color:#0000}.badge--accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);height:100%;color:var(--ink);flex-direction:column;gap:8px;padding:18px 18px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}a.card:hover{border-color:var(--accent);box-shadow:var(--shadow);color:var(--ink);transform:translateY(-1px)}.card__theme{color:var(--accent);font-size:12px;font-weight:700}.card__title{margin:0;font-size:17px;font-weight:900;line-height:1.5}.card__desc{color:var(--sub);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.card__foot{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;display:flex}.hero{background:var(--paper);border-bottom:1px solid var(--line)}.hero__in{max-width:var(--w);margin:0 auto;padding:64px 20px 56px}.hero__kicker{color:var(--sub);align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:700;display:inline-flex}.hero__kicker:before{content:"";background:var(--hl);border-radius:50%;width:8px;height:8px}.hero h1{letter-spacing:.03em;margin:0;font-size:clamp(30px,5.4vw,52px);font-weight:900;line-height:1.3}.hero__lead{max-width:40em;color:var(--sub);margin:16px 0 0;font-size:17px}.hero__lead .s{display:block}.searchbox{max-width:720px;margin-top:32px}.searchbox label{margin-bottom:10px;font-size:18px;font-weight:900;display:block}.searchbox__row{background:var(--paper);border:1.5px solid var(--line-strong);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.searchbox__row:focus-within{border-color:var(--accent)}.searchbox__row .icon{color:var(--muted)}.searchbox input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:10px 4px;font-size:16px}.searchbox button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 20px;font-weight:700}.searchbox button:hover{background:var(--accent-ink)}.chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chips span{color:var(--muted);align-self:center;font-size:13px}.chip{background:var(--bg);border:1px solid var(--line);color:var(--sub);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.chip:hover{border-color:var(--accent);color:var(--accent)}.themes{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.themes a{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);height:100%;color:var(--ink);gap:4px;padding:16px 18px;text-decoration:none;display:grid}.themes a:hover{border-color:var(--accent);box-shadow:var(--shadow)}.themes strong{font-size:16px;font-weight:900}.themes span{color:var(--sub);font-size:13px;line-height:1.7}.themes small{color:var(--muted);font-size:12px}@media (width<=900px){.themes{grid-template-columns:repeat(2,minmax(0,1fr))}}.toolrow{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.toolrow li{background:var(--paper);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.toolrow .icon{color:var(--accent)}.toolrow div{min-width:0;line-height:1.5;display:grid}.toolrow strong{font-size:15px}.toolrow small{color:var(--muted);font-size:12px}.toolrow .badge{margin-left:auto}.empty{background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--sub);padding:22px}.empty p{margin:0 0 8px}.empty p:last-child{margin:0}.updates{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.updates li{border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding:12px 18px;display:flex}.updates li:last-child{border-bottom:0}.updates time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.updates a{color:var(--ink);font-weight:700;text-decoration:none}.updates a:hover{color:var(--accent)}.manifesto{background:var(--accent);color:#fff;border-radius:18px;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;margin-top:64px;padding:40px;display:grid}.manifesto h2{margin:0 0 12px;font-size:clamp(22px,3vw,30px);font-weight:900}.manifesto p{color:#ffffffdb;margin:0 0 10px}.manifesto a{color:#fff;font-weight:700}.manifesto .loop{color:#fff}@media (width<=800px){.manifesto{grid-template-columns:minmax(0,1fr);padding:28px 22px}}.loop{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.loop li{align-items:center;gap:6px;display:inline-flex}.loop li:not(:last-child):after{content:"→";opacity:.55;font-weight:400}.loop span{border:1px solid;border-radius:999px;padding:4px 10px}.loop li:last-child span{background:currentColor}.loop li:last-child span b,.manifesto .loop li:last-child span b{color:var(--accent)}.guide{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:40px;display:grid}.guide__side{gap:14px;display:grid;position:sticky;top:76px}@media (width<=960px){.guide{grid-template-columns:minmax(0,1fr)}.guide__side{position:static}}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:14px;font-size:13px;display:flex}.meta time{font-variant-numeric:tabular-nums}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.panel__title{color:var(--muted);letter-spacing:.06em;margin:0 0 8px;font-size:13px;font-weight:900}.panel ol,.panel ul{margin:0;padding:0;font-size:14px;line-height:1.6;list-style:none}.panel li+li{margin-top:6px}.panel a{color:var(--sub);text-decoration:none}.panel a:hover{color:var(--accent)}.article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,4vw,44px)}.prose>:first-child{margin-top:0}.prose h2{border-top:1px solid var(--line);margin:48px 0 14px;padding-top:22px;font-size:22px;font-weight:900}.prose h3{margin:32px 0 10px;font-size:18px;font-weight:900}.prose p{margin:0 0 16px}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.4em}.prose li+li{margin-top:4px}.prose li::marker{color:var(--muted)}.prose strong{background:linear-gradient(#0000 64%,#f2c14e73 64%);font-weight:900}.prose code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.9em}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;margin:0 0 16px;padding:12px 18px}.prose blockquote p:last-child{margin:0}.table-wrap{border:1px solid var(--line);border-radius:10px;margin:0 0 20px;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.7}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 14px}.prose tr:last-child td{border-bottom:0}.prose th+th,.prose td+td{border-left:1px solid var(--line)}.prose thead th{background:var(--bg);white-space:nowrap;font-weight:900}.prose td.nowrap,.prose th.nowrap{white-space:nowrap}@media (width<=480px){.prose table{font-size:14px}.prose td:not(.nowrap){min-width:9em}}.steps>ol{counter-reset:step;margin:0 0 16px;padding:0;list-style:none}.steps>ol>li{counter-increment:step;margin:0;padding:2px 0 18px 52px;position:relative}.steps>ol>li:before{content:counter(step);background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;position:absolute;top:0;left:0}.steps>ol>li:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:40px;bottom:4px;left:16px}.steps>ol>li>p:first-child{margin-bottom:6px}.steps>ol>li>p:first-child strong{background:0 0;font-size:17px}.note{background:var(--soon-bg);border:1px solid #efdcae;border-radius:10px;margin:0 0 20px;padding:14px 18px}.note__label{color:var(--soon);font-size:13px;font-weight:900;margin:0 0 4px!important}.note>:last-child{margin-bottom:0}.talk{align-items:flex-start;gap:14px;margin:0 0 24px;display:flex}.talk__who{flex:0 0 52px;justify-items:center;gap:2px;display:grid}.talk__face{border:1.5px solid var(--line-strong);background:var(--bg);border-radius:50%;width:48px;height:48px;display:block}.talk__name{color:var(--muted);font-size:11px}.talk__bubble{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex:1;min-width:0;padding:12px 16px;position:relative}.talk__bubble>:last-child{margin-bottom:0}.point{border:1px solid var(--line);background:var(--bg);border-radius:12px;margin:32px 0 0;padding:16px 20px}.point__label{color:var(--accent);font-weight:900;margin:0 0 4px!important}.point>:last-child{margin-bottom:0}.blocks{gap:14px;margin-top:28px;display:grid}.block{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px clamp(18px,3vw,28px)}.block__head{align-items:center;gap:10px;margin:0 0 6px;display:flex}.block__head h2{margin:0;font-size:19px;font-weight:900}.block__head .icon{color:var(--accent)}.block__lead{color:var(--sub);margin:0 0 14px;font-size:15px}.block--accent{background:var(--accent-soft);border-color:#0000}.block--accent .loop{color:var(--accent)}.block--accent .loop li:last-child span b{color:#fff}.toollist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.toollist li{border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.toollist .icon{color:var(--accent)}.toollist div{line-height:1.5;display:grid}.toollist small{color:var(--muted);font-size:12px}.toollist .badge{margin-left:auto}.related{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.related a{border:1px solid var(--line);height:100%;color:var(--ink);border-radius:10px;gap:2px;padding:12px 14px;font-weight:700;line-height:1.5;text-decoration:none;display:grid}.related a:hover{border-color:var(--accent);color:var(--accent)}.related small{color:var(--muted);font-size:12px;font-weight:500}.sources{margin:0;padding-left:1.2em;font-size:14px}.sources li+li{margin-top:4px}.colophon{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:18px;font-size:13px;display:flex}.set-steps{counter-reset:s;gap:10px;margin:0;padding:0;list-style:none;display:grid}.set-steps li{counter-increment:s}.set-steps a{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:12px;grid-template-columns:34px 1fr;gap:4px 14px;padding:14px 16px;text-decoration:none;display:grid}.set-steps a:before{content:counter(s);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;grid-row:span 2;place-items:center;font-weight:900;display:grid}.set-steps a:hover{border-color:var(--accent)}.set-steps strong{font-size:16px}.set-steps span{color:var(--sub);font-size:14px}.search-ui{--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--ink);--pagefind-ui-background:var(--paper);--pagefind-ui-border:var(--line-strong);--pagefind-ui-tag:var(--accent-soft);--pagefind-ui-border-width:1.5px;--pagefind-ui-border-radius:12px;--pagefind-ui-font:inherit;--pagefind-ui-scale:.95}.search-ui .pagefind-ui__result-link{color:var(--ink);font-weight:900}.search-ui .pagefind-ui__result-excerpt mark{background:#f2c14e80}.foot{background:var(--paper);border-top:1px solid var(--line);margin-top:72px}.foot__in{max-width:var(--w);grid-template-columns:1.6fr 1fr 1fr;gap:32px;margin:0 auto;padding:44px 20px 28px;display:grid}.foot__motto{margin:14px 0 6px;font-weight:900}.foot__desc{color:var(--sub);max-width:34em;margin:0 0 14px;font-size:13px}.foot__comm{color:var(--sub);margin:0;font-size:13px}.foot__nav p{color:var(--muted);letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:900}.foot__nav ul{margin:0;padding:0;font-size:14px;list-style:none}.foot__nav li+li{margin-top:6px}.foot__nav a{color:var(--sub);text-decoration:none}.foot__nav a:hover{color:var(--accent)}.foot__bottom{max-width:var(--w);border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;margin:0 auto;padding:16px 20px 28px;font-size:12px;display:flex}.foot__bottom p{margin:0}.foot__bottom a{color:var(--sub)}@media (width<=800px){.foot__in{grid-template-columns:repeat(2,minmax(0,1fr))}.foot__about{grid-column:1/-1}.foot__bottom{flex-direction:column}}@media (width<=640px){.page{padding:20px 0 40px}.page>.crumbs,.page>.page-head,.page>.section-title,.page>.pad{padding:0 16px}.article,.block{border-left:0;border-right:0;border-radius:0}.guide{gap:14px}.guide__side{padding:0 16px}.cards,.themes,.toolrow,.updates,.empty,.set-steps{margin-left:16px!important;margin-right:16px!important}.hero__in{padding:40px 16px 36px}.searchbox button{padding:10px 14px}.manifesto{border-radius:0}.themes{grid-template-columns:minmax(0,1fr)}}.guide__title{margin:6px 0 10px;font-size:clamp(26px,4vw,34px);font-weight:900}.guide__lead{color:var(--sub);margin:0;font-size:17px}.guide__body{margin-top:28px}.m0{margin:0!important}.tool-name{align-items:center;gap:8px;display:inline-flex}.tool-name .icon{color:var(--accent)}.article--narrow{max-width:820px}.page-head .lead a{font-weight:700}.about-loop{margin:8px 0 24px}.hero__in{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.flow{background:var(--bg);border:1px solid var(--line);border-radius:18px;margin:0;padding:22px 22px 18px}.flow figcaption{color:var(--muted);letter-spacing:.06em;margin-bottom:12px;font-size:13px;font-weight:900}.flow ol{counter-reset:f;gap:8px;margin:0;padding:0;list-style:none;display:grid}.flow li{counter-increment:f;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:30px 1fr;align-items:center;gap:0 12px;padding:10px 14px;display:grid}.flow li:before{content:counter(f);background:var(--accent);color:#fff;border-radius:9px;grid-row:span 2;place-items:center;width:30px;height:30px;font-size:14px;font-weight:900;display:grid}.flow b{font-size:15px}.flow span{color:var(--muted);font-size:12px;line-height:1.5}.flow p{color:var(--sub);text-align:center;margin:12px 0 0;font-size:13px}@media (width<=960px){.hero__in{grid-template-columns:minmax(0,1fr);gap:32px}.flow{max-width:560px}}.hero h1 .ph{display:inline-block}.hero h1{font-size:clamp(30px,4.4vw,50px)}.cards--sets{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.logo__name,.logo__sub,.head__link span,.head__search span{white-space:nowrap}.logo{min-width:0}@media (width<=420px){.head__in{gap:8px;padding:8px 12px}.logo{gap:8px}.logo__mark{width:30px;height:30px}.logo__name{letter-spacing:.02em;font-size:15px}.logo__sub{font-size:10px}.head__nav{gap:2px}.head__link,.head__search{gap:4px;padding:6px 9px;font-size:13px}.head__search{margin-left:2px}}@media (width<=350px){.head__link--theme .icon{display:none}}h1,h2,h3,.card__title,.guide__title{overflow-wrap:anywhere}.toolcards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.toolcards li{border:1px solid var(--line);border-radius:12px;min-width:0;padding:14px 16px}.toolcards__head{align-items:center;gap:12px;display:flex}.toolcards__head .icon{color:var(--accent)}.toolcards__head div{min-width:0;line-height:1.5;display:grid}.toolcards__head small{color:var(--muted);font-size:12px}.toolcards__head .badge{margin-left:auto}.toolcards__use{color:var(--sub);margin:10px 0 0;font-size:13px;line-height:1.8}.toolcards__use span{color:var(--muted);margin-right:8px;font-weight:900;display:inline-block}.toolcards__foot{margin-top:18px!important}@media (width<=640px){.toolcards{grid-template-columns:minmax(0,1fr)}}.hero__main,.flow,.searchbox,.searchbox__row,.chips{min-width:0;max-width:100%}.searchbox input{width:100%}.searchbox button{flex:none}.hero h1,.hero__lead{overflow-wrap:anywhere}.hero,.main{overflow-x:clip}