.d4-page{--color-background:#0d0617;--color-foreground:#e2d4f0;--color-card:#180d28;--color-card-foreground:#e2d4f0;--color-muted-foreground:#c0a8cc;--color-border:#3a2050;--color-primary:#c084fc;--d4-bg:var(--color-background);--d4-surface:var(--color-card);--d4-border:var(--color-border);--d4-text:var(--color-foreground);--d4-text-muted:var(--color-muted-foreground);--d4-surface2:#21103a;--d4-surface3:#2a1848;--d4-border-bright:#5a3070;--d4-purple:#c084fc;--d4-fuchsia:#e879f9;--d4-amber:#fbbf24;--d4-blue:#60a5fa;--d4-green:#34d399;--d4-red:#f87171;--d4-orange:#fb923c;--d4-text-bright:#f5eeff;--d4-glow:0 0 24px #c084fc40;--d4-glow-sm:0 0 10px #c084fc26}.d4-page *{box-sizing:border-box}.d4-page{background:var(--color-background,#0b0510);color:var(--color-foreground,#cbb8cc);min-height:100vh;font-family:var(--font-body,"Noto Sans JP", sans-serif);line-height:1.75}.d4-page .hero{text-align:center;border-bottom:1px solid var(--d4-border,#2b1a30);background:radial-gradient(70% 50% at 50% 0,#a855f729 0%,#0000 70%),linear-gradient(160deg,#0b0510 0%,#110816 45%,#180b20 75%,#0b0510 100%);padding:72px 24px 56px;position:relative;overflow:hidden}.d4-page .hero:before{content:"";pointer-events:none;background-image:linear-gradient(#a855f708 1px,#0000 1px),linear-gradient(90deg,#a855f708 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.d4-page .hero-eyebrow{color:var(--d4-purple,#a855f7);letter-spacing:.08em;text-transform:uppercase;background:#a855f71a;border:1px solid #a855f740;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:4px 16px;font-size:12px;display:inline-flex}.d4-page .hero h1{color:var(--d4-text-bright,#ebd8ec);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(26px,5vw,44px);font-weight:900;line-height:1.2}.d4-page .hero h1 span{background:linear-gradient(135deg, var(--d4-purple,#a855f7), var(--d4-fuchsia,#d946ef));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.d4-page .hero-sub{color:var(--d4-text-muted,#947a92);max-width:640px;margin:0 auto 28px;font-size:16px}.d4-page .hero-meta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;display:flex}.d4-page .hero-badge{background:var(--d4-surface,#150a1e);border:1px solid var(--d4-border,#2b1a30);color:var(--d4-text,#cbb8cc);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.d4-page .hero-badge .dot{background:var(--d4-purple,#a855f7);border-radius:50%;flex-shrink:0;width:7px;height:7px}.d4-page .hero-badge .dot-purple{background:var(--d4-purple,#a855f7)}.d4-page .hero-badge .dot-amber{background:var(--d4-amber,#f59e0b)}.d4-page .hero-badge .dot-fuchsia{background:var(--d4-fuchsia,#d946ef)}.d4-page .snav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--d4-border,#2b1a30);scrollbar-width:none;background:#0b0510eb;position:sticky;top:0;overflow-x:auto}.d4-page .snav::-webkit-scrollbar{display:none}.d4-page .snav-inner{gap:4px;width:max-content;min-width:100%;padding:8px 16px;display:flex}.d4-page .snav-link{color:var(--d4-text-muted,#947a92);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.d4-page .snav-link:hover{background:var(--d4-surface2,#1c0e2a);color:var(--d4-text-bright,#ebd8ec)}.d4-page .snav-num{font-size:10px;font-family:var(--font-mono,"JetBrains Mono", monospace);opacity:.7}.d4-page .wrapper{max-width:1100px;margin:0 auto;padding:40px 20px 80px}.d4-page .sgap{margin-bottom:64px}.d4-page .sec-head{border-bottom:1px solid var(--d4-border,#2b1a30);align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.d4-page .sec-num{width:44px;height:44px;font-size:15px;font-weight:800;font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--d4-purple,#a855f7);background:#a855f71f;border:1px solid #a855f740;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.d4-page .sec-head-txt{flex:1}.d4-page .sec-head-txt h2{color:var(--d4-text-bright,#ebd8ec);letter-spacing:-.01em;margin-bottom:4px;font-size:20px;font-weight:800}.d4-page .sec-head-txt p{color:var(--d4-text-muted,#947a92);margin:0;font-size:13px}.d4-page .tcard{background:var(--d4-surface,#150a1e);border:1px solid var(--d4-border,#2b1a30);border-radius:14px;margin-bottom:20px;padding:24px;transition:border-color .2s}.d4-page .tcard:hover{border-color:var(--d4-border-bright,#402350)}.d4-page .ttitle{color:var(--d4-text-bright,#ebd8ec);align-items:center;gap:10px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.d4-page .tid{font-size:11px;font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--d4-purple,#a855f7);background:#a855f71f;border-radius:4px;flex-shrink:0;padding:2px 8px}.d4-page .tcard>p{color:var(--d4-text,#cbb8cc);margin-bottom:16px;font-size:14px;line-height:1.75}.d4-page .tgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:18px;display:grid}.d4-page .titem{background:var(--d4-surface2,#1c0e2a);border:1px solid var(--d4-border,#2b1a30);border-radius:8px;padding:12px 14px}.d4-page .tname{color:var(--d4-purple,#a855f7);font-size:12px;font-weight:700;font-family:var(--font-mono,"JetBrains Mono", monospace);margin-bottom:5px}.d4-page .tdef{color:var(--d4-text,#cbb8cc);font-size:13px;line-height:1.6}.d4-page .ctable-wrap{border:1px solid var(--d4-border,#2b1a30);border-radius:10px;margin-bottom:18px;overflow-x:auto}.d4-page .ctable{border-collapse:collapse;width:100%;font-size:13px}.d4-page .ctable th{background:var(--d4-surface2,#1c0e2a);color:var(--d4-purple,#a855f7);text-align:left;font-weight:700;font-family:var(--font-mono,"JetBrains Mono", monospace);border-bottom:1px solid var(--d4-border,#2b1a30);white-space:nowrap;padding:10px 14px;font-size:12px}.d4-page .ctable td{color:var(--d4-text,#cbb8cc);border-bottom:1px solid var(--d4-border,#2b1a30);vertical-align:top;padding:10px 14px;line-height:1.6}.d4-page .ctable tr:last-child td{border-bottom:none}.d4-page .ctable tr:hover td{background:#a855f70a}.d4-page .ctable td strong{color:var(--d4-text-bright,#ebd8ec);font-weight:700}.d4-page .bp{border:1px solid #a855f733;border-left:3px solid var(--d4-purple,#a855f7);background:#a855f70f;border-radius:8px;margin-bottom:14px;padding:16px 18px}.d4-page .bpt{color:var(--d4-purple,#a855f7);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;font-family:var(--font-mono,"JetBrains Mono", monospace);margin-bottom:10px}.d4-page .bp ul{margin:0;padding-left:18px}.d4-page .bp li{color:var(--d4-text,#cbb8cc);margin-bottom:6px;font-size:13px;line-height:1.65}.d4-page .bp li:last-child{margin-bottom:0}.d4-page .wb{border:1px solid #f59e0b33;border-left:3px solid var(--d4-amber,#f59e0b);background:#f59e0b0f;border-radius:8px;margin-bottom:14px;padding:14px 18px}.d4-page .wbt{color:var(--d4-amber,#f59e0b);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;font-family:var(--font-mono,"JetBrains Mono", monospace);margin-bottom:8px}.d4-page .wb p,.d4-page .wb li{color:var(--d4-text,#cbb8cc);margin:0;font-size:13px;line-height:1.65}.d4-page .codeblock{border:1px solid var(--d4-border,#3a2050);font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--d4-text,#e2d4f0);white-space:pre;scrollbar-width:thin;scrollbar-color:var(--d4-border,#3a2050) transparent;background:#100820;border-radius:10px;margin-bottom:14px;padding:18px 20px;font-size:12.5px;line-height:1.75;overflow-x:auto}.d4-page .codeblock::-webkit-scrollbar{height:4px}.d4-page .codeblock::-webkit-scrollbar-track{background:0 0}.d4-page .codeblock::-webkit-scrollbar-thumb{background:var(--d4-border,#3a2050);border-radius:2px}.d4-page .cb-wrap{margin-bottom:14px}.d4-page .cb-label{background:var(--d4-surface2,#21103a);border:1px solid var(--d4-border,#3a2050);font-size:11px;font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--d4-text-muted,#c0a8cc);border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:6px 14px;display:flex}.d4-page .cb-wrap .codeblock{border-radius:0 0 10px 10px;margin-bottom:0}.d4-page .stitle{color:var(--d4-fuchsia,#d946ef);align-items:center;gap:8px;margin:20px 0 10px;font-size:14px;font-weight:700;display:flex}.d4-page .stitle:before{content:"";background:var(--d4-fuchsia,#d946ef);border-radius:2px;flex-shrink:0;width:3px;height:14px}@media (max-width:768px){.d4-page .tgrid{grid-template-columns:1fr}.d4-page .sec-head{flex-wrap:wrap}}@media (max-width:640px){.d4-page .hero{padding:48px 16px 36px}.d4-page .hero h1{font-size:24px}.d4-page .wrapper{padding:24px 14px 60px}.d4-page .tcard{padding:16px}}.d4-page [id^=ch].sec-head{margin-bottom:64px;display:block}.d4-page [id^=ch]>h2.stitle{color:var(--d4-text-bright,#ebd8ec);letter-spacing:-.01em;border-bottom:1px solid var(--d4-border,#2b1a30);align-items:center;gap:12px;margin-bottom:28px;padding-bottom:20px;font-size:20px;font-weight:800;display:flex}.d4-page [id^=ch]>h2.stitle:before{display:none}.d4-page .sn1,.d4-page .sn2,.d4-page .sn3,.d4-page .sn4,.d4-page .sn5{min-width:36px;height:36px;font-size:13px;font-weight:800;font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--d4-purple,#a855f7);background:#a855f71f;border:1px solid #a855f740;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.d4-page .sn2{color:var(--d4-blue,#3b82f6);background:#3b82f61f;border-color:#3b82f640}.d4-page .sn3{color:var(--d4-green,#10d070);background:#10d0701f;border-color:#10d07040}.d4-page .sn4{color:var(--d4-amber,#f59e0b);background:#f59e0b1f;border-color:#f59e0b40}.d4-page .sn5{color:var(--d4-fuchsia,#d946ef);background:#d946ef1f;border-color:#d946ef40}.d4-page .code-block{border:1px solid var(--d4-border,#3a2050);border-radius:10px;margin-bottom:14px;overflow:hidden}.d4-page .code-block pre{font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--d4-text,#e2d4f0);white-space:pre;scrollbar-width:thin;scrollbar-color:var(--d4-border,#3a2050) transparent;background:#100820;margin:0;padding:18px 20px;font-size:12.5px;line-height:1.75;overflow-x:auto}.d4-page .code-block pre::-webkit-scrollbar{height:4px}.d4-page .code-block pre::-webkit-scrollbar-track{background:0 0}.d4-page .code-block pre::-webkit-scrollbar-thumb{background:var(--d4-border,#3a2050);border-radius:2px}.d4-page .code-block pre code{font-family:inherit;font-size:inherit;color:inherit;background:0 0;padding:0}.d4-page .code-block.mt-4{margin-top:16px}.d4-page .alert-box{border:1px solid #f8717140;border-left:3px solid var(--d4-red,#f87171);background:#f8717114;border-radius:8px;margin-bottom:14px;padding:14px 18px}.d4-page .alert-box.mt-4{margin-top:16px}.d4-page .alert-box p,.d4-page .alert-box li{color:var(--d4-text,#e2d4f0);margin:0;font-size:13px;line-height:1.65}.d4-page .tdesc{color:var(--d4-text,#e2d4f0);margin-bottom:16px;font-size:14px;line-height:1.75}.d4-page .tdesc strong{color:var(--d4-text-bright,#f5eeff)}.d4-page .tdesc code{font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--d4-purple,#c084fc);background:#c084fc26;border-radius:4px;padding:1px 6px;font-size:12px}.d4-page .mt-4{margin-top:16px}.d4-page p.stitle{color:var(--d4-fuchsia,#d946ef);align-items:center;gap:8px;margin:20px 0 10px;font-size:14px;font-weight:700;display:flex}