:root{--bg:#f4f5fb;--surface:#fff;--surface-2:#eceefb;--ink:#191b2e;--ink-soft:#565a78;--ink-faint:#8286a3;--line:#e1e3f0;--line-strong:#c9cce3;--accent:#4338ca;--accent-ink:#fff;--accent-soft:#eef0fd;--accent-soft-line:#d6d9f7;--verified:#0f766e;--verified-soft:#e3f5f2;--caution:#a3560a;--caution-soft:#fbeee0;--neutral-badge:#4338ca;--neutral-badge-soft:#eef0fd;--shadow:0 1px 2px #191b2e0a, 0 8px 24px -12px #191b2e24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic Medium,Yu Gothic,Noto Sans JP,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}img{max-width:100%;display:block}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.tag-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.story-card,.lead-story,.prose>h2{animation:linear both reveal-up;animation-timeline:view();animation-range:entry cover 22%}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}}.masthead{z-index:50;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.masthead-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:0 auto;padding:14px 24px;display:flex}.masthead-action{color:var(--accent);border:1px solid var(--accent-soft-line);background:var(--accent-soft);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:border-color .14s,background-color .14s}.masthead-action:hover{border-color:var(--accent);text-decoration:none}.masthead-action:active{transform:translateY(1px)}@media (width<=520px){.masthead-inner{padding:12px 16px}.brand{gap:7px;font-size:18px}.brand-logo{width:28px;height:28px}.masthead-action{padding:7px 12px;font-size:12.5px}}.brand{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:9px;font-size:20px;font-weight:800;display:inline-flex}.brand:hover{opacity:.82;text-decoration:none}.brand-logo{object-fit:contain;width:34px;height:34px;display:block}.brand-media{line-height:1}.back-link{color:var(--ink-soft);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--accent);text-decoration:none}.index-hero{max-width:1160px;margin:0 auto;padding:76px 24px 36px}.index-title{letter-spacing:-.025em;text-wrap:balance;margin:0 0 18px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.22}.index-lede{color:var(--ink-soft);max-width:620px;margin:0;font-size:16.5px;line-height:1.9}.index-empty{max-width:1160px;color:var(--ink-faint);margin:0 auto;padding:0 24px 60px}.lead-story{max-width:1160px;color:var(--ink);grid-template-columns:1.35fr 1fr;align-items:center;gap:30px;margin:40px auto 34px;padding:0 24px;text-decoration:none;display:grid}.lead-story:hover{text-decoration:none}.lead-thumb{background:var(--surface-2);border:1px solid var(--line);aspect-ratio:1200/630;box-shadow:var(--shadow);border-radius:14px;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.lead-thumb img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.lead-story:hover .lead-thumb{border-color:var(--line-strong)}.lead-body{flex-direction:column;gap:12px;min-width:0;display:flex}.lead-title{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(22px,2.4vw,29px);font-weight:800;line-height:1.42}.lead-story:hover .lead-title{color:var(--accent)}.lead-dek{color:var(--ink-soft);max-width:52ch;margin:0;font-size:15px;line-height:1.85}.lead-meta{color:var(--ink-faint);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.index-list{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1160px;margin:0 auto 96px;padding:0 24px;display:grid}.story-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:14px;flex-direction:column;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;overflow:hidden}.story-card:hover{border-color:var(--line-strong);text-decoration:none}.story-card:active{transform:scale(.995)}@media (prefers-reduced-motion:no-preference){.story-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px #191b2e0a,0 16px 32px -14px #191b2e38}}.story-thumb{background:var(--surface-2);aspect-ratio:1200/630;width:100%;position:relative}.story-thumb img{object-fit:cover;object-position:center 25%;width:100%;height:100%;display:block}.story-thumb:after{content:"";box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);pointer-events:none;position:absolute;inset:0}.story-body{flex-direction:column;flex:1;gap:10px;min-width:0;padding:20px 22px 22px;display:flex}.badge{letter-spacing:.03em;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge .dot{border-radius:50%;width:6px;height:6px}.badge-verified{color:var(--verified);background:var(--verified-soft)}.badge-verified .dot{background:var(--verified)}.badge-official{color:var(--neutral-badge);background:var(--neutral-badge-soft)}.badge-official .dot{background:var(--neutral-badge)}.badge-caution{color:var(--caution);background:var(--caution-soft)}.badge-caution .dot{background:var(--caution)}.story-title{letter-spacing:-.01em;text-wrap:balance;font-size:19px;font-weight:800;line-height:1.45}.story-dek{color:var(--ink-soft);max-width:62ch;font-size:14px;line-height:1.75}.story-meta{color:var(--ink-faint);flex-wrap:wrap;gap:14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;display:flex}@media (width<=820px){.index-list{grid-template-columns:1fr}.lead-story{grid-template-columns:1fr;gap:18px;margin:30px auto}}@media (width<=620px){.story-body{padding:18px}.index-hero{padding:44px 24px 28px}}.article-hero-wrap{background:var(--surface-2);border-bottom:1px solid var(--line);position:relative}.article-hero-img{max-width:1160px;margin:0 auto}.article-hero-img img{aspect-ratio:1200/630;object-fit:cover;object-position:center 25%;width:100%}.article-hero-wrap:after{content:"";box-shadow:inset 0 -1px 0 var(--line);background:linear-gradient(to bottom, transparent 82%, color-mix(in srgb, var(--bg) 60%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.article-head{max-width:960px;margin:0 auto;padding:40px 24px 8px}.article-title{letter-spacing:-.015em;text-wrap:balance;margin:0 0 18px;font-size:clamp(24px,3.6vw,34px);font-weight:800;line-height:1.35}.article-meta{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:30px;padding:14px 0 22px;display:flex}.meta-chip{color:var(--ink-soft);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.meta-chip b{color:var(--ink);font-weight:600}.tool-chip{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft-line);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.prose{max-width:960px;margin:0 auto;padding:0 24px 100px}.prose .lede{color:var(--ink);border-bottom:1px solid var(--line);margin:0 0 34px;padding-bottom:30px;font-size:18.5px;font-weight:500;line-height:1.95}.prose p{margin:0 0 22px;font-size:16px;line-height:1.95}.prose strong{font-weight:700}.prose h2{letter-spacing:-.01em;text-wrap:balance;border-top:3px solid var(--ink);margin:52px 0 20px;padding-top:14px;scroll-margin-top:90px;font-size:24px;font-weight:800;line-height:1.5}.prose h2:first-child{margin-top:0}.prose h3{letter-spacing:-.005em;color:var(--ink);margin:34px 0 14px;scroll-margin-top:90px;font-size:17.5px;font-weight:700;line-height:1.5}.prose h3:before{content:"";background:var(--accent);border-radius:2px;width:8px;height:8px;margin-right:9px;display:inline-block;transform:translateY(-1px)}.prose ul,.prose ol{margin:0 0 22px;padding-left:1.4em}.prose li{margin-bottom:8px;font-size:15.5px;line-height:1.85}.prose li::marker{color:var(--ink-faint)}.table-scroll{border:1px solid var(--line);border-radius:14px;margin:0 0 28px;overflow-x:auto}.prose table{border-collapse:collapse;background:var(--surface);width:100%;min-width:460px;font-size:14px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px;line-height:1.6}.prose thead th{background:var(--surface-2);letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap;font-size:12.5px;font-weight:700}.prose tbody tr:last-child td{border-bottom:none}.dg{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;margin:0 0 30px;padding:20px 20px 18px}.dg-title{letter-spacing:.02em;color:var(--ink-soft);margin:0 0 16px;font-size:13px;font-weight:700;line-height:1.6}.dg-flow{flex-wrap:wrap;align-items:stretch;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dg-flow-node{border:1px solid var(--accent-soft-line);background:var(--accent-soft);border-radius:10px;flex-direction:column;flex:150px;gap:4px;padding:12px 14px;display:flex;position:relative}.dg-flow-node+.dg-flow-node:before{content:"";background:var(--line-strong);width:10px;height:1px;position:absolute;top:50%;left:-10px}.dg-flow-label{color:var(--ink);font-size:14px;font-weight:700;line-height:1.5}.dg-flow-note{color:var(--ink-soft);font-size:12.5px;line-height:1.6}.dg-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dg-step{align-items:flex-start;gap:12px;display:flex}.dg-step-num{background:var(--accent);width:24px;height:24px;color:var(--accent-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:12.5px;font-weight:700;display:flex}.dg-step-body{flex-direction:column;gap:3px;display:flex}.dg-step-label{color:var(--ink);font-size:14.5px;font-weight:700;line-height:1.6}.dg-step-note{color:var(--ink-soft);font-size:13px;line-height:1.7}.dg-compare-scroll{overflow-x:auto}.dg-compare{border-collapse:collapse;width:100%;min-width:380px;font-size:14px}.dg-compare th{text-align:left;letter-spacing:.02em;color:var(--ink-soft);background:var(--surface-2);border-bottom:1px solid var(--line);padding:9px 12px;font-size:12.5px;font-weight:700}.dg-compare th:first-child{border-radius:8px 0 0}.dg-compare th:last-child{border-radius:0 8px 0 0}.dg-compare td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px;line-height:1.7}.dg-compare tbody tr:last-child td{border-bottom:none}.dg-compare-left{color:var(--ink-soft)}.dg-compare-right{color:var(--ink);font-weight:600}.dg-tree-root{background:var(--accent);color:var(--accent-ink);border-radius:8px;margin:0 0 12px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}.dg-tree-list{border-left:1px solid var(--line-strong);flex-direction:column;gap:10px;margin:0;padding:0 0 0 16px;list-style:none;display:flex}.dg-tree-list>li{position:relative}.dg-tree-list>li:before{content:"";background:var(--line-strong);width:12px;height:1px;position:absolute;top:12px;left:-16px}.dg-tree-node{color:var(--ink);font-size:14px;font-weight:700;line-height:1.6}.dg-tree-sub{flex-direction:column;gap:4px;margin:6px 0 0;padding:0 0 0 14px;list-style:none;display:flex}.dg-tree-sub li{color:var(--ink-soft);font-size:13px;line-height:1.7;position:relative}.dg-tree-sub li:before{content:"・";color:var(--ink-faint);position:absolute;left:-14px}@media (width<=560px){.dg{padding:16px 14px 14px}.dg-flow-node{flex-basis:100%}.dg-flow-node+.dg-flow-node:before{display:none}}.figure-editable{position:relative}.figure-delete-btn{z-index:2;border:1px solid var(--line-strong);color:var(--caution);cursor:pointer;box-shadow:var(--shadow);background:#fffffff0;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;position:absolute;top:10px;right:10px}.figure-delete-btn:hover:not(:disabled){border-color:var(--caution)}.figure-delete-btn:disabled{opacity:.6;cursor:default}.inline-figure{margin:0 0 30px}.inline-figure img{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:14px;display:block}.callout{border:1px solid var(--line);border-left:3px solid var(--ink-faint);background:var(--surface-2);color:var(--ink-soft);border-radius:0 14px 14px 0;margin:0 0 26px;padding:16px 18px;font-size:15px;line-height:1.85}.callout.notice{border-left-color:var(--caution)}.callout p{font-size:inherit;color:inherit;margin:0}.demo-link{border:1px solid var(--accent-soft-line);background:var(--accent-soft);color:var(--accent);border-radius:14px;align-items:center;gap:10px;margin:0 0 14px;padding:14px 16px;font-size:14.5px;font-weight:700;transition:border-color .14s,transform .14s;display:flex}.demo-link:hover{border-color:var(--accent);text-decoration:none}.demo-link:active{transform:scale(.99)}.demo-caption{color:var(--ink-faint);margin:-8px 0 26px;font-size:13.5px;line-height:1.75}.cta-box{background:linear-gradient(135deg, var(--accent-soft), transparent);border:1px solid var(--accent-soft-line);color:var(--ink-soft);border-radius:14px;margin:44px 0 8px;padding:22px 24px;font-size:14.5px;line-height:1.8}.cta-box strong{color:var(--ink)}.cta-box a{font-weight:700}.headline-panel{border:1px solid var(--accent-soft-line);background:var(--accent-soft);border-radius:14px;margin:0 0 28px;padding:20px 22px}.headline-panel[hidden]{display:none}.headline-panel-title{color:var(--ink);margin:0 0 4px;font-size:15px;font-weight:800}.headline-panel-note{color:var(--ink-faint);margin:0 0 14px;font-size:13px}.headline-option{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:9px 12px;font-size:14.5px;display:flex}.headline-option:hover{border-color:var(--accent)}.headline-option input{flex:none}.headline-field{margin:16px 0 14px;display:block}.headline-field span{color:var(--ink-faint);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.headline-field input{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}.headline-field input:focus,.headline-field select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.headline-field select{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}.headline-panel-actions{flex-wrap:wrap;gap:10px;display:flex}.line-cta{text-align:center;background:linear-gradient(135deg,#06c75514,#0000);border:1px solid #06c75547;border-radius:16px;max-width:760px;margin:44px auto 80px;padding:26px 28px}.line-cta-heading{color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:800}.line-cta-text{color:var(--ink-soft);margin:0 0 18px;font-size:13.5px;line-height:1.8}.line-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.line-cta-button{transition:transform .14s,opacity .14s;display:inline-flex}.line-cta-button:hover{opacity:.92;transform:scale(1.03)}.line-cta-qr{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px}.sources{border-top:1px solid var(--line);max-width:760px;margin:0 auto;padding:30px 24px 10px}.sources h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:700}.sources ol{margin:0;padding-left:1.2em}.sources li{color:var(--ink-soft);margin-bottom:10px;font-size:13.5px;line-height:1.8}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:20px}.site-footer-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:18px 40px;max-width:1160px;margin:0 auto;padding:44px 24px 30px;display:grid}.site-footer-brand{color:var(--ink);align-items:center;gap:8px;font-size:17px;font-weight:800;display:inline-flex}.site-footer-note{color:var(--ink-soft);max-width:56ch;margin:0;font-size:13.5px;line-height:1.8}.site-footer-links{flex-wrap:wrap;gap:22px;display:flex}.site-footer-links a{color:var(--ink-soft);white-space:nowrap;font-size:13.5px;font-weight:600}.site-footer-links a:hover{color:var(--accent);text-decoration:none}.site-footer-legal{max-width:1160px;color:var(--ink-faint);margin:0 auto;padding:0 24px 40px;font-size:12px}@media (width<=820px){.site-footer-inner{grid-template-columns:1fr;gap:16px;padding:36px 24px 24px}}.admin-shell{max-width:1160px;margin:0 auto;padding:32px 24px 80px}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px;display:grid}.admin-stat{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:18px 20px}.admin-stat-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11.5px}.admin-stat-value{letter-spacing:-.01em;font-size:26px;font-weight:800}.admin-stat-value.running{color:var(--verified)}.admin-stat-value.paused{color:var(--caution)}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--ink-soft);border-bottom:2px solid #0000;padding:10px 16px;font-size:13.5px;font-weight:600}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-row{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:16px 18px;transition:border-color .14s;display:flex}.admin-row:hover{border-color:var(--line-strong)}.admin-row-title{margin-bottom:4px;font-size:15px;font-weight:700}.admin-row-meta{color:var(--ink-faint);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.btn{border:1px solid var(--line-strong);cursor:pointer;background:var(--surface);color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:border-color .12s,color .12s,transform 80ms,opacity .12s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{opacity:.9;color:var(--accent-ink)}.btn-danger{color:var(--caution);border-color:var(--caution-soft)}.btn-danger:hover{border-color:var(--caution);color:var(--caution)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.is-loading{opacity:.9;cursor:wait}.btn .spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.7s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn .spinner{opacity:.5;border-top-color:currentColor;animation:none}}.selection-toolbar{z-index:60;border-radius:8px;position:absolute;box-shadow:0 4px 16px #191b2e38}.selection-toolbar[hidden]{display:none}.meta-panel{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;margin:24px 0;padding:20px 22px}.meta-panel-row{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:12px;padding:10px 0;font-size:14px;display:grid}.meta-panel-row:last-child{border-bottom:none}.meta-panel-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;font-weight:700}.admin-login-box{background:var(--surface);border:1px solid var(--line);max-width:380px;box-shadow:var(--shadow);border-radius:14px;margin:80px auto;padding:32px}.admin-input{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.admin-error{color:var(--caution);margin-bottom:12px;font-size:13px}