html{scroll-padding-top:calc(var(--sticky-stack, 124px) + 10px)}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 16px;background:#0ea5e9;color:#06121f;border-radius:0 0 8px 0}.skip-link:focus{left:8px;top:8px}body{margin:0;color:#cbd5e1;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;background-color:#0b1220;background-image:linear-gradient(rgba(56,189,248,.045) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 0),radial-gradient(120% 80% at 50% 0,rgba(30,58,92,.5),transparent 60%);background-size:36px 36px,36px 36px,100% 100%;background-attachment:fixed}.htb-mono,code{font-family:Montserrat,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.htb-hero{position:relative;overflow:hidden;padding:60px 18px 50px;color:#e2e8f0;border-bottom:1px solid rgba(56,189,248,.18);background:radial-gradient(120% 120% at 50% -10%,rgba(56,189,248,.12),transparent 60%),linear-gradient(135deg,#0b1220,#111e35 55%,#0b1a2e)}.htb-hero:before{background:url(/img/how-this-site/hero.webp) 50%/cover no-repeat;opacity:.26}.htb-hero:after,.htb-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.htb-hero:after{background:linear-gradient(180deg,rgba(8,13,24,.35),rgba(8,13,24,.68))}.htb-hero__inner{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}.htb-hero__kicker{display:inline-flex;align-items:center;gap:7px;font-family:Montserrat,monospace;font-weight:700;letter-spacing:.16em;font-size:.72rem;color:#7dd3fc;border:1px solid rgba(125,211,252,.4);border-radius:999px;padding:5px 14px;margin-bottom:16px}.htb-hero__title{font-family:Shippori Mincho,serif;font-weight:900;font-size:clamp(1.55rem,5.2vw,2.6rem);line-height:1.34;margin:0 0 14px;color:#f1f5f9}.htb-hero__title em{font-style:normal;color:#38bdf8}.htb-hero__lead{font-size:clamp(.92rem,2.5vw,1.04rem);line-height:1.95;max-width:740px;margin:0 auto 22px;color:#b8c6d9}.htb-hero__lead strong{color:#7dd3fc}.htb-hero__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.htb-hero__chip{font-family:Montserrat,monospace;font-size:.74rem;font-weight:700;color:#cbd5e1;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.28);border-radius:8px;padding:6px 12px}.page-sec-nav{position:sticky;top:54px;z-index:998;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(17,30,53,.96));-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 2px 10px rgba(0,0,0,.3);border-bottom:1px solid rgba(56,189,248,.2)}.page-sec-nav::-webkit-scrollbar{display:none}.page-sec-nav-inner{display:flex;align-items:stretch;justify-content:safe center;max-width:1100px;margin:0 auto;padding:0 8px;white-space:nowrap}.page-sec-nav a{color:#93c5e8;font-family:Montserrat,Noto Sans JP,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:9px 12px;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s,background .2s}.page-sec-nav a:focus-visible,.page-sec-nav a:hover{color:#fff;border-bottom-color:#38bdf8;background:rgba(56,189,248,.1);outline:none}@media (max-width:480px){.page-sec-nav a{padding:8px 10px;font-size:.68rem}.page-sec-nav{-webkit-backdrop-filter:none;backdrop-filter:none}}.htb-main{max-width:940px;margin:30px auto 70px;padding:8px clamp(12px,3.5vw,28px) 40px;position:relative;z-index:1}.htb-section{margin:0 0 46px}.htb-section:last-child{margin-bottom:0}.htb-h2{font-family:Shippori Mincho,serif;font-weight:900;font-size:clamp(1.18rem,3.4vw,1.55rem);color:#f1f5f9;margin:0 0 6px;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(56,189,248,.18)}.htb-h2__no{font-family:Montserrat,monospace;font-size:.8rem;color:#38bdf8;border:1px solid rgba(56,189,248,.5);border-radius:6px;padding:2px 8px;flex:0 0 auto}.htb-sub{margin:14px 0 18px;color:#93a4ba;font-size:.9rem;line-height:1.7}.htb-figure{margin:18px 0 6px}.htb-figure img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 8px 26px rgba(0,0,0,.4);border:1px solid rgba(56,189,248,.18)}.htb-figure figcaption{margin-top:9px;text-align:center;font-size:.84rem;color:#93a4ba;line-height:1.6}.htb-figure figcaption b{color:#7dd3fc;font-weight:700}.htb-p{font-size:.95rem;line-height:1.95;color:#c3d0e0;margin:0 0 16px}.htb-p:last-child{margin-bottom:0}.htb-p strong{color:#7dd3fc}.htb-li code,.htb-p code{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:4px;padding:0 5px;font-size:.9em;color:#bae6fd}.htb-lead-box{background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(129,140,248,.05));border:1px solid rgba(56,189,248,.22);border-left:5px solid #38bdf8;border-radius:14px;padding:20px clamp(16px,3.4vw,26px)}.htb-stack{display:grid;gap:12px}.htb-layer{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;background:rgba(17,27,46,.7);border:1px solid rgba(56,189,248,.16);border-radius:14px;padding:15px 18px}.htb-layer__name{font-family:Montserrat,monospace;font-weight:700;font-size:.82rem;color:#7dd3fc;letter-spacing:.04em}.htb-layer__name span{display:block;font-size:1.4rem;line-height:1;margin-bottom:5px}.htb-layer__body{font-size:.86rem;line-height:1.8;color:#b8c6d9}.htb-layer__body strong{color:#e2e8f0}.htb-tag{display:inline-block;font-family:Montserrat,monospace;font-size:.7rem;color:#bae6fd;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.25);border-radius:6px;padding:2px 8px;margin:4px 5px 0 0}.htb-card{background:rgba(17,27,46,.7);border:1px solid rgba(56,189,248,.16);border-radius:14px;padding:18px clamp(15px,3vw,22px)}.htb-card+.htb-card{margin-top:14px}.htb-card__h{font-weight:700;font-size:1rem;color:#e2e8f0;margin:0 0 8px;display:flex;align-items:center;gap:8px}.htb-list{margin:0;padding-left:1.15em;font-size:.9rem;line-height:1.9;color:#c3d0e0}.htb-list li{margin-bottom:8px}.htb-list li:last-child{margin-bottom:0}.htb-list strong{color:#7dd3fc}.htb-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.htb-flow__step{flex:1 1 150px;background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.22);border-radius:12px;padding:13px 14px}.htb-flow__no{font-family:Montserrat,monospace;font-size:.72rem;font-weight:700;color:#38bdf8}.htb-flow__t{display:block;font-weight:700;color:#e2e8f0;font-size:.88rem;margin:3px 0 4px}.htb-flow__d{font-size:.78rem;color:#9fb0c5;line-height:1.6}.htb-ba{display:grid;grid-template-columns:1fr 1fr;gap:12px}.htb-ba__col{border-radius:12px;padding:15px 16px;font-size:.84rem;line-height:1.75}.htb-ba__col--before{background:rgba(192,57,43,.08);border:1px solid rgba(220,70,60,.3)}.htb-ba__col--after{background:rgba(31,157,84,.08);border:1px solid rgba(52,199,120,.3)}.htb-ba__h{font-weight:700;margin:0 0 8px;font-size:.84rem}.htb-ba__col--before .htb-ba__h{color:#f1a59d}.htb-ba__col--after .htb-ba__h{color:#86efac}.htb-ba__col ul{margin:0;padding-left:1.1em}.htb-ba__col li{margin-bottom:5px;color:#c3d0e0}.htb-ba__col code{color:#fbcfca;background:rgba(0,0,0,.2);border-radius:4px;padding:0 4px}.htb-agents{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.htb-agent{background:rgba(17,27,46,.7);border:1px solid rgba(129,140,248,.22);border-radius:14px;padding:16px;text-align:center}.htb-agent__ic{font-size:1.9rem;line-height:1}.htb-agent__ic img{width:46px;height:46px;object-fit:contain;display:block;margin:0 auto}.htb-agent__name{font-family:Montserrat,monospace;font-weight:700;color:#c7d2fe;font-size:.92rem;margin:8px 0 2px}.htb-agent__role{font-size:.78rem;color:#9fb0c5;line-height:1.65}.htb-agent__file{display:inline-block;margin-top:8px;font-family:Montserrat,monospace;font-size:.68rem;color:#a5b4fc;background:rgba(129,140,248,.12);border-radius:5px;padding:2px 7px}.htb-aibox{background:linear-gradient(135deg,rgba(56,189,248,.1),rgba(129,140,248,.06));border:1px solid rgba(56,189,248,.28);border-left:5px solid #38bdf8;border-radius:14px;padding:18px 20px}.htb-aibox__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.98rem;color:#e2e8f0;margin:0 0 8px}.htb-aibox__body{font-size:.88rem;line-height:1.85;color:#c3d0e0;margin:0}.htb-aibox__body strong{color:#7dd3fc}.htb-aibox__body a{color:#7dd3fc;font-weight:700;text-decoration:underline;text-decoration-color:rgba(125,211,252,.5);text-underline-offset:3px}.htb-aibox__body a:focus-visible,.htb-aibox__body a:hover{color:#bae6fd;text-decoration-color:#bae6fd}.htb-code{margin:0 0 6px;border:1px solid rgba(56,189,248,.22);border-radius:12px;overflow:hidden;background:#0a1424}.htb-code+.htb-code{margin-top:18px}.htb-code__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:rgba(56,189,248,.09);border-bottom:1px solid rgba(56,189,248,.2)}.htb-code__file{font-family:Montserrat,ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700;color:#7dd3fc}.htb-code__lang{font-family:Montserrat,monospace;font-size:.66rem;font-weight:700;letter-spacing:.06em;color:#93a4ba;text-transform:uppercase}.htb-code__pre{margin:0;padding:15px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.82rem;line-height:1.7;tab-size:2}.htb-code__pre code{font-family:Montserrat,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#c9e6fb;background:none;border:0;padding:0;white-space:pre}.htb-code__cap{margin:9px 0 0;font-size:.85rem;line-height:1.8;color:#93a4ba}.htb-code__cap b{color:#7dd3fc}.htb-code__cap code{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:4px;padding:0 5px;font-size:.9em;color:#bae6fd}.htb-prompts{display:grid;gap:12px;margin-bottom:16px}.htb-prompt{background:rgba(17,27,46,.7);border:1px solid rgba(129,140,248,.26);border-left:4px solid #818cf8;border-radius:12px;padding:14px 16px 15px}.htb-prompt__head{display:flex;align-items:center;gap:9px;margin-bottom:7px}.htb-prompt__no{font-family:Montserrat,monospace;font-size:.72rem;font-weight:700;color:#11132a;background:linear-gradient(135deg,#a78bfa,#38bdf8);border-radius:6px;padding:2px 8px}.htb-prompt__label{font-weight:700;font-size:.92rem;color:#c7d2fe}.htb-prompt__text{margin:0;font-size:.88rem;line-height:1.85;color:#cdd8e8;padding:11px 13px;background:rgba(8,11,26,.55);border:1px dashed rgba(129,140,248,.3);border-radius:9px}.htb-prompt__text b{color:#a5b4fc}.htb-prompt__text code{background:rgba(129,140,248,.14);border:1px solid rgba(129,140,248,.28);border-radius:4px;padding:0 5px;font-size:.9em;color:#c7d2fe}.htb-note{font-size:.78rem;color:#8295ab;line-height:1.8;margin:26px 0 0;padding-top:16px;border-top:1px dashed rgba(56,189,248,.25)}.htb-note a{color:#7dd3fc}.htb-cta{background:linear-gradient(135deg,#0b1220,#15294a 60%,#0b1a2e);border-top:1px solid rgba(56,189,248,.2);color:#e2e8f0;text-align:center;padding:42px 18px 48px}.htb-cta__inner{max-width:720px;margin:0 auto}.htb-cta__title{font-family:Shippori Mincho,serif;font-weight:900;font-size:clamp(1.15rem,3.6vw,1.5rem);margin:0 0 12px}.htb-cta__desc{font-size:.9rem;line-height:1.85;color:#b8c6d9;margin:0 0 20px}.htb-cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.htb-cta__btn{display:inline-block;text-decoration:none;font-weight:700;font-size:.88rem;padding:12px 20px;border-radius:999px;transition:transform .12s ease,box-shadow .12s ease}.htb-cta__btn--primary{background:#38bdf8;color:#06121f}.htb-cta__btn--ghost{background:hsla(0,0%,100%,.06);color:#e2e8f0;border:1px solid rgba(56,189,248,.4)}.htb-cta__btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.35)}@media (max-width:720px){.htb-agents,.htb-ba,.htb-layer{grid-template-columns:1fr}.htb-layer{gap:8px}.htb-layer__name span{display:inline-block;margin:0 6px 0 0;vertical-align:middle}}@media (prefers-reduced-motion:reduce){.htb-cta__btn:hover{transform:none}}.htb-sister{margin:36px 0 6px}.htb-sister__kicker{display:block;text-align:center;font-family:Montserrat,monospace;font-weight:700;letter-spacing:.14em;font-size:.72rem;color:#a5b4fc;margin-bottom:12px}.htb-sister__card{position:relative;display:block;text-decoration:none;border:1px solid rgba(129,140,248,.36);border-radius:16px;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.htb-sister__body{position:absolute;inset:0 auto 0 0;width:56%;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:clamp(20px,3.4vw,30px) clamp(16px,3.4vw,28px) clamp(16px,3.4vw,28px);background:linear-gradient(90deg,rgba(8,11,26,.92),rgba(8,11,26,.6) 55%,rgba(8,11,26,0))}.htb-sister__art{width:100%;height:auto;display:block}.htb-sister__tag{font-family:Montserrat,monospace;font-size:.64rem;font-weight:700;letter-spacing:.05em;color:#6ee7b7;text-shadow:0 1px 8px rgba(0,0,0,.7)}.htb-sister__title{font-family:Shippori Mincho,serif;font-weight:900;font-size:clamp(1.12rem,3.2vw,1.5rem);line-height:1.42;color:#f1f5f9;text-shadow:0 2px 14px rgba(0,0,0,.8)}.htb-sister__title em{font-style:normal;color:#c4b5fd}.htb-sister__title b{color:#6ee7b7}.htb-sister__desc{font-size:.85rem;line-height:1.8;color:#d4dbe8;text-shadow:0 1px 8px rgba(0,0,0,.85)}.htb-sister__desc b{color:#6ee7b7;font-weight:700}.htb-sister__stamp{position:absolute;top:18px;right:10px;z-index:2;transform:rotate(-4deg);transform-origin:top right;padding:11px 18px 12px;text-align:center;border:2px solid transparent;border-radius:14px;background:linear-gradient(150deg,rgba(30,22,8,.92),rgba(44,33,12,.9)) padding-box,linear-gradient(135deg,#e8d9a6,#d6b56a 50%,#b8923f) border-box;box-shadow:inset 0 0 0 1px rgba(255,234,165,.22),0 6px 16px rgba(0,0,0,.45);overflow:hidden;pointer-events:none}.htb-sister__stamp:before{content:"";position:absolute;inset:4px;border:1px dashed rgba(255,228,155,.42);border-radius:9px;pointer-events:none}.htb-sister__stamp-top{position:relative;display:block;font-family:Montserrat,monospace;font-size:clamp(.54rem,1.6vw,.64rem);font-weight:700;letter-spacing:.18em;color:#e9d6a0;text-shadow:0 1px 2px rgba(40,26,0,.6);margin-bottom:6px}.htb-sister__stamp-main{position:relative;display:block;font-family:Shippori Mincho,serif;font-weight:900;font-size:clamp(.74rem,2.2vw,.92rem);line-height:1.55;color:#f5ecce;text-shadow:0 1px 2px rgba(40,26,0,.75)}.htb-sister__go{align-self:flex-start;margin-top:2px;font-weight:700;font-size:.85rem;color:#11132a;background:linear-gradient(135deg,#a78bfa,#34d399);border-radius:999px;padding:8px 18px;text-decoration:none;transform-origin:center bottom;box-shadow:0 4px 12px rgba(52,211,153,.22);transition:box-shadow .2s ease}.htb-sister__go:focus-visible,.htb-sister__go:hover{animation:htbGoHop .62s ease-in-out infinite;box-shadow:0 10px 22px rgba(52,211,153,.42);outline:none}@keyframes htbGoHop{0%,to{transform:translateY(0) scale(1)}22%{transform:translateY(-8px) scale(1.05)}42%{transform:translateY(0) scale(.97)}62%{transform:translateY(-4px) scale(1.02)}82%{transform:translateY(0) scale(1)}}@media (max-width:768px){.htb-sister__card{display:flex;flex-direction:column}.htb-sister__art{order:0;height:auto}.htb-sister__body{order:1;position:static;width:auto;gap:8px;padding:16px 16px 18px;background:rgba(8,11,26,.94);border-top:1px solid rgba(129,140,248,.3)}.htb-sister__stamp{top:8px;right:8px;padding:7px 11px 8px}.htb-sister__stamp-top{font-size:.44rem;letter-spacing:.1em;margin-bottom:3px}.htb-sister__stamp-main{font-size:.6rem;line-height:1.4}}@media (prefers-reduced-motion:reduce){.htb-sister__go:focus-visible,.htb-sister__go:hover{animation:none}}.site-footer{padding:28px 24px;background:#0a1626;color:#9fb3c8;text-align:center;font-size:.8rem;line-height:2;position:relative;z-index:2;border-top:1px solid rgba(56,189,248,.16)}.site-footer p{margin:0}.site-footer p+p{margin-top:5px}.site-footer a{color:#38bdf8}.site-footer a:hover{text-decoration:underline}.site-footer .footer-disclaimer{font-size:.72rem;opacity:.6;max-width:760px;margin-left:auto;margin-right:auto}.htb-term-hint{margin:14px 0 0;padding:12px 16px;font-size:.92rem;line-height:1.8;color:#fde9b8;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.32);border-left:4px solid #fbbf24;border-radius:10px}.htb-term-hint b{color:#fff3d6}.htb-term{appearance:none;-webkit-appearance:none;font:inherit;display:inline;margin:0;padding:0 .3em;color:#fde68a;background:rgba(251,191,36,.13);border:0;border-bottom:1px dashed rgba(251,191,36,.75);border-radius:4px;line-height:inherit;cursor:help;text-align:inherit;touch-action:manipulation;-webkit-tap-highlight-color:rgba(251,191,36,.25);transition:background-color .15s ease,color .15s ease}.htb-term code{background:none;padding:0;color:inherit;font-size:inherit}.htb-term:after{content:"\24D8";margin-left:.16em;font-size:.72em;vertical-align:.32em;color:rgba(253,230,138,.85)}.htb-term:focus-visible,.htb-term:hover{background:rgba(251,191,36,.24);color:#fffbeb;outline:none}.htb-term:focus-visible{outline:2px solid rgba(251,191,36,.9);outline-offset:1px}.htb-term[aria-expanded=true]{background:rgba(251,191,36,.32);color:#fff;border-bottom-style:solid}.htb-pop{position:fixed;z-index:9998;top:0;left:0;box-sizing:border-box;width:max-content;max-width:min(360px,calc(100vw - 20px));max-height:calc(100vh - 24px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:15px 17px 16px;background:#0f1f33;color:#dbe7f5;border:1px solid rgba(125,211,252,.45);border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s}.htb-pop.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.htb-pop__title{margin:0 0 7px;padding-right:38px;font-family:Montserrat,Noto Sans JP,sans-serif;font-weight:700;font-size:.98rem;line-height:1.4;color:#fde68a}.htb-pop__body{margin:0;font-size:.9rem;line-height:1.75;color:#cbd5e1}.htb-pop__close{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:#94a3b8;font-size:1.35rem;line-height:1;cursor:pointer;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(148,163,184,.25);transition:background-color .15s ease,color .15s ease}.htb-pop__close:focus-visible,.htb-pop__close:hover{background:rgba(148,163,184,.18);color:#fff;outline:none}@media (prefers-reduced-motion:reduce){.htb-pop,.htb-term{transition:none}}