:root{color-scheme:light dark;--font:"Inter","M PLUS 1p","Hiragino Sans","Yu Gothic UI","Meiryo",system-ui,sans-serif;--bg:#f4f5f7;--panel:#fff;--panel-soft:#f9fafb;--ink:#101216;--muted:#747b85;--line:#e1e4e8;--line-strong:#cfd4da;--accent:#315efb;--accent-soft:#eef2ff;--shadow:0 18px 50px rgba(24,33,48,.09)}html[data-theme=dark]{--bg:#0d0f12;--panel:#15181d;--panel-soft:#1a1e24;--ink:#f5f6f8;--muted:#9aa2ad;--line:#282d34;--line-strong:#3a414b;--accent:#82a0ff;--accent-soft:#202a49;--shadow:0 20px 56px rgba(0,0,0,.36)}*{box-sizing:border-box}html:lang(ja){line-break:strict;word-break:normal;overflow-wrap:anywhere}html,body{min-height:100%;min-width:0}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}a{color:inherit}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 26%,transparent);outline-offset:2px}.portal-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:0 0 64px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:baseline;gap:5px;text-decoration:none}.wordmark span{font-size:.73rem;color:var(--muted);font-weight:700}.wordmark strong{font-size:.92rem;letter-spacing:-.02em}.theme-toggle{min-width:58px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);cursor:pointer;font-size:.68rem;font-weight:750}.theme-toggle:hover{border-color:var(--line-strong)}.portal-main{display:grid;gap:24px;padding-top:52px}.intro{display:grid;gap:10px}.intro>span{font-size:.63rem;letter-spacing:.14em;color:var(--muted);font-weight:800}.intro h1{margin:0;font-size:clamp(2rem,5vw,4.3rem);line-height:1.02;letter-spacing:-.055em;font-weight:760}.primary-tool{min-height:410px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:34px;align-items:center;padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--panel);text-decoration:none;box-shadow:var(--shadow);overflow:hidden}.primary-tool:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line))}.primary-copy{display:grid;align-content:center}.primary-meta{display:flex;align-items:center;gap:8px}.primary-meta span{padding:4px 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:.56rem;font-weight:900;letter-spacing:.1em}.primary-meta small{font-size:.65rem;color:var(--muted);font-weight:700}.primary-copy h2{margin:16px 0 8px;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.95;letter-spacing:-.06em}.primary-copy p{max-width:390px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.7}.primary-cta{display:flex;align-items:center;gap:9px;margin-top:28px;font-size:.78rem;font-weight:800;color:var(--accent)}.primary-cta b{font-size:1.1rem}.primary-visual{position:relative;min-height:330px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);overflow:hidden}.primary-visual svg{display:block;width:100%;height:100%;min-height:330px}.pv-grid path{stroke:color-mix(in srgb,var(--muted) 18%,transparent);stroke-width:1}.pv-axis{fill:none;stroke:color-mix(in srgb,var(--ink) 58%,transparent);stroke-width:2}.pv-curve{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round}.pv-point{fill:var(--panel);stroke:var(--accent);stroke-width:4}.visual-chip{position:absolute;right:14px;bottom:14px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 92%,transparent);font-size:.58rem;color:var(--muted);font-weight:750}.tool-section{display:grid;gap:10px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.section-head strong{font-size:.78rem}.section-head span{font-size:.64rem;color:var(--muted)}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-row{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:92px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel);text-decoration:none}.tool-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}.tool-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--panel-soft);border:1px solid var(--line);font-weight:800;color:var(--accent)}.tool-copy{min-width:0;display:grid;gap:2px}.tool-copy small{font-size:.56rem;color:var(--muted);font-weight:800}.tool-copy strong{font-size:.84rem}.tool-copy span{font-size:.65rem;color:var(--muted)}.tool-open{font-size:.9rem;color:var(--muted)}@media(max-width:860px){.portal-main{padding-top:34px}.primary-tool{grid-template-columns:1fr;min-height:0}.primary-visual{min-height:260px}.primary-visual svg{min-height:260px}.tool-list{grid-template-columns:1fr}}@media(max-width:560px){.portal-shell{width:min(100% - 16px,1180px);padding-bottom:30px}.topbar{height:58px}.portal-main{padding-top:24px;gap:16px}.intro h1{font-size:2.5rem}.primary-tool{padding:18px;border-radius:17px;gap:20px}.primary-copy h2{font-size:2.8rem}.primary-visual{min-height:220px}.primary-visual svg{min-height:220px}.tool-row{min-height:78px}.tool-copy span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}