:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#182a31;--muted:#576269;--blue:#2347db;--pale:#f3f6fb;--line:#dce2e8;--serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;color:var(--ink);font-synthesis:none;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.75}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:var(--blue);text-underline-offset:5px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a,button,summary{touch-action:manipulation}h1,h2,h3,h4,p{margin:0}button{color:inherit}a:hover{text-decoration-thickness:2px}.container{width:calc(100% - 96px);max-width:1320px;margin-inline:auto}.skip-link{z-index:10;background:#fff;padding:12px 18px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:calc(100% - 96px);max-width:1384px;min-height:80px;margin:auto;display:flex}.wordmark{letter-spacing:-1.3px;color:var(--ink);font-size:36px;font-weight:650;line-height:1;text-decoration:none}.site-header nav,.site-footer nav{align-items:center;gap:42px;display:flex}.site-header nav a{color:var(--ink);padding-block:16px;font-size:16px;text-decoration:none}.hero{text-align:center;padding-top:66px}.hero h1{font-family:var(--serif);letter-spacing:-.055em;font-size:clamp(48px,6vw,88px);font-weight:700;line-height:1.22}.hero h1 span{color:var(--blue)}.hero-description{color:var(--muted);margin-top:28px;font-size:20px;line-height:1.8}.hero-actions{justify-content:center;align-items:center;gap:48px;margin-top:28px;font-size:18px;display:flex}.button{border:1px solid var(--blue);min-height:56px;color:var(--blue);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:12px 28px;font-size:16px;font-weight:500;text-decoration:none;transition:background .16s,border-color .16s;display:inline-flex}.button:hover{background:#eaf0ff}.primary{background:var(--blue);color:#fff;min-width:210px;font-size:18px}.primary:hover{background:#1937b8}.flow{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:72px;margin-top:64px;display:grid}.step-number{color:var(--blue);align-items:center;gap:24px;font-size:30px;font-weight:600;line-height:1.4;display:flex}.step-number>span{background:#bccce4;flex:1;height:1px;position:relative}.step-number>span:after{content:"";background:#fff;border:1px solid #aabfdf;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;right:0}.flow h2{font-family:var(--serif);letter-spacing:-.03em;margin:10px 0 12px;font-size:28px;line-height:1.4}.flow p{color:var(--muted);font-size:16px;line-height:1.75}.code-label{background:var(--pale);text-align:center;white-space:nowrap;border-radius:8px;margin-top:16px;padding:12px 6px;font-size:14px}.code-label code{color:var(--blue);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.mini-browser{border:1px solid #c7d3e1;border-radius:8px 8px 2px 2px;height:165px;margin-top:16px;position:relative;overflow:visible}.window-bar{border-bottom:1px solid var(--line);background:#f7f9fc;border-radius:8px 8px 0 0;gap:6px;padding:8px 10px;display:flex}.window-bar i{background:#b4becb;border-radius:50%;width:8px;height:8px}.mock-lines{gap:10px;width:53%;padding:22px;display:grid}.mock-lines i{background:#e0e5ed;border-radius:3px;height:9px}.mock-lines i:first-child{height:14px}.mock-lines i:last-child{width:50%}.mock-target{border:2px solid var(--blue);border-radius:5px;width:32%;height:35px;position:absolute;top:72px;left:55%;box-shadow:0 3px 8px #2347db13}.mock-target span{background:var(--pale);border-radius:3px;height:10px;margin:10px;display:block}.mock-target svg{width:32px;height:38px;position:absolute;bottom:-26px;right:-9px}.meaning-diagram{align-items:center;gap:16px;height:165px;margin-top:16px;display:flex}.mini-document{border:1px solid #c7d3e1;border-radius:3px;flex:none;gap:8px;width:88px;padding:16px 12px;display:grid}.mini-document i{background:#e2e7ef;border-radius:2px;height:7px}.mini-document span{background:#dae4ff;border:1px solid #91a9ea;border-radius:3px;height:20px}.diagram-arrow{color:#6789ed;font-size:30px}.meaning-note{border:1px solid var(--line);border-radius:7px;flex:1;padding:15px 12px;font-size:14px;box-shadow:0 4px 12px #192a3106}.meaning-note strong,.meaning-note span{display:block}.meaning-note span{color:var(--muted);margin-top:4px;font-size:12px}.mock-recommendation{border:1px solid var(--blue);background:#fff;border-radius:5px;padding:12px;font-size:12px;position:absolute;top:20px;left:43%;right:12px;box-shadow:0 4px 16px #2347db12}.mock-recommendation strong,.mock-recommendation span{display:block}.mock-recommendation>span{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.5}.mock-recommendation .mock-cta{background:var(--blue);color:#fff;text-align:center;border-radius:3px;padding:5px 6px}.playground{padding-top:116px}.section-title{font-family:var(--serif);letter-spacing:-.04em;font-size:40px;font-weight:700;line-height:1.4}.section-lead{color:var(--muted);margin-top:20px;font-size:22px}.muted{color:var(--muted);margin-top:6px;font-size:16px}.workbench{background:var(--pale);border:1px solid #dae2ee;border-radius:12px;grid-template-columns:1fr 1fr;gap:36px;margin-top:36px;padding:36px;display:grid}.choices{border-right:1px solid var(--line);padding-right:36px}fieldset{border:0;min-width:0;margin:0;padding:0}legend,.result-column>h3{margin-bottom:20px;font-size:24px;font-weight:650;line-height:1.5}legend{padding:0}.choice{cursor:pointer;background:#fff;border:1px solid #c3cedb;border-radius:9px;align-items:center;gap:18px;min-height:58px;margin-bottom:12px;padding:13px 18px;font-size:17px;transition:border-color .16s,box-shadow .16s;display:flex}.choice:hover{border-color:#8199b9}.choice:has(:checked){border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.choice input{width:21px;height:21px;accent-color:var(--blue);flex:none;margin:0}.reset{margin-top:14px}.result-sheet{background:#fff;border:1px solid #d4dce6;border-radius:9px;min-height:228px;padding:28px 32px}.result-label{color:var(--muted);margin-bottom:9px;font-size:15px}.result-sheet h4{margin-bottom:10px;font-size:28px;font-weight:650;line-height:1.45}.result-sheet p:not(.result-label){color:var(--muted);font-size:17px;line-height:1.75}details{margin-top:20px}summary{color:var(--blue);align-items:center;gap:12px;min-height:44px;font-size:16px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(180deg)}#reason-content{border-top:1px solid var(--line);color:var(--muted);margin-top:14px;padding-top:14px;font-size:14px}#reason-content p{font-size:14px}#reason-content ul{margin-bottom:0;padding-left:1.2em}.decision-flow{justify-content:space-between;gap:20px;margin:28px 0 0;padding:0;list-style:none;display:flex}.decision-flow li{text-align:center;white-space:nowrap;justify-items:center;gap:7px;font-size:14px;display:grid;position:relative}.decision-flow li span{border:1px solid #aebed0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;display:grid}.decision-flow li:first-child span{color:#fff;background:var(--blue);border-color:var(--blue)}.decision-flow li+li:before{content:"→";color:#9dacc0;font-size:24px;position:absolute;top:1px;right:calc(100% + 16px)}.setup{grid-template-columns:40% minmax(0,1fr);gap:48px;padding-top:132px;display:grid}.setup-heading h2{font-family:var(--serif);letter-spacing:-.045em;font-size:64px;line-height:1.35}.setup-heading p{color:var(--muted);margin-top:28px;font-size:19px;line-height:1.9}.setup-heading .prerequisites{margin-top:16px;font-size:14px}.terminal{background:var(--ink);color:#fff;border-radius:9px;overflow:hidden}.terminal-bar{background:#2b3c44;justify-content:space-between;align-items:center;padding:13px 24px;font-size:16px;display:flex}.terminal-bar button{color:#fff;background:0 0;border:1px solid #c7d3db;border-radius:5px;min-height:40px;padding:4px 16px;font-size:14px}.terminal pre{margin:0;padding:24px;font-size:15px;line-height:1.85;overflow-x:auto}.terminal code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.setup-code>a{font-size:18px}.copy-status{min-height:28px;color:var(--muted);margin:4px 0;font-size:14px}.boundaries{border-top:1px solid var(--line);margin-top:80px;padding-top:30px}.boundaries .section-title{font-size:36px}.boundaries dl{margin:28px 0 0}.boundaries dl>div{border-bottom:1px solid var(--line);grid-template-columns:32% 1fr;gap:24px;padding:24px 0;display:grid}.boundaries dt{font-size:20px;font-weight:600}.boundaries dd{color:var(--muted);margin:0;font-size:18px}.site-footer{justify-content:space-between;align-items:center;padding:32px 0 40px;display:flex}.site-footer .wordmark{font-size:30px}.site-footer nav{gap:40px;font-size:16px}.notice{border:1px solid var(--line);margin-top:24px;padding:16px}[hidden]{display:none!important}@media (width<=1100px){.flow{gap:32px}.flow h2{font-size:25px}.meaning-diagram{gap:8px}.mini-document{width:64px;padding:13px 8px}.meaning-note{padding:12px 8px}.workbench{gap:28px;padding:28px}.choices{padding-right:28px}.result-sheet{padding:24px}.setup{grid-template-columns:36% minmax(0,1fr);gap:32px}.setup-heading h2{font-size:52px}.setup-heading p{font-size:17px}.terminal pre{padding:20px;font-size:13px}.decision-flow{gap:8px}.decision-flow li{font-size:12px}.decision-flow li+li:before{right:calc(100% + 4px)}}@media (width<=760px){.container,.site-header{width:calc(100% - 48px)}.site-header{gap:20px;min-height:74px}.wordmark{font-size:28px}.site-header nav{gap:18px}.site-header nav a{font-size:13px}.site-header nav a:last-child{display:none}.hero{padding-top:58px}.hero h1{letter-spacing:-.07em;font-size:clamp(35px,8vw,58px);line-height:1.35}.hero-description{margin-top:24px;font-size:15px}.hero-description br{display:none}.hero-actions{gap:20px;margin-top:24px;font-size:14px}.primary{min-width:0;min-height:52px;padding:12px 18px;font-size:15px}.flow{grid-template-columns:1fr;gap:28px;margin-top:52px}.flow-step{grid-template-columns:44px 1fr;gap:0 16px;display:grid}.step-number{grid-row:1/4;align-self:start;font-size:23px}.step-number>span{display:none}.flow h2{margin:0 0 8px;font-size:24px}.flow p{font-size:15px}.flow p br{display:none}.code-label{text-align:left;grid-column:2;margin-top:12px;padding:9px 12px;font-size:13px}.mini-browser,.meaning-diagram{display:none}.playground{padding-top:80px}.section-title{font-size:clamp(25px,5.5vw,36px);line-height:1.6}.section-lead{margin-top:14px;font-size:17px}.muted{font-size:13px;line-height:1.8}.workbench{grid-template-columns:1fr;gap:26px;margin-top:24px;padding:22px 18px}.choices{border-right:0;border-bottom:1px solid var(--line);padding-bottom:26px;padding-right:0}legend,.result-column>h3{margin-bottom:16px;font-size:20px}.choice{gap:12px;padding:12px 14px;font-size:15px}.choice input{width:20px;height:20px}.reset{min-height:48px;font-size:14px}.result-sheet{min-height:205px;padding:22px}.result-sheet h4{font-size:23px}.result-sheet p:not(.result-label){font-size:15px}summary{font-size:14px}.decision-flow{gap:16px}.decision-flow li{font-size:11px}.decision-flow li span{width:36px;height:36px;font-size:14px}.decision-flow li+li:before{font-size:20px;right:calc(100% + 5px)}.setup{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:80px}.setup-heading h2{font-size:46px}.setup-heading p{margin-top:20px;font-size:16px}.setup-heading p br{display:none}.terminal pre{padding:18px;font-size:12px}.terminal-bar{padding:12px 18px}.setup-code>a{font-size:16px}.boundaries{margin-top:60px;padding-top:24px}.boundaries .section-title{font-size:25px}.boundaries dl{margin-top:16px}.boundaries dl>div{grid-template-columns:1fr;gap:8px;padding:22px 0}.boundaries dt{font-size:17px}.boundaries dd{font-size:15px}.site-footer{flex-wrap:wrap;align-items:flex-start;gap:24px;padding:30px 0}.site-footer nav{gap:24px;font-size:13px}.site-footer .wordmark{font-size:28px}}.not-found{padding-block:80px}.not-found .button{margin-top:32px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}