:root{--bg:#0b1220;--bg-2:#0f172a;--surface:#111b2e;--surface-2:#16223a;--border:#1f2a44;--border-strong:#2a375a;--text:#e5ecf6;--text-2:#b6c2d6;--text-3:#7c8aa6;--accent:#3b82f6;--accent-2:#60a5fa;--teal:#10b981;--orange:#f59e0b;--line-green:#06c755;--serif:"Inter","Noto Sans JP",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Noto Sans JP,Inter,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7}::selection{background:rgba(59,130,246,.35);color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(11,18,32,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(31,42,68,.6)}.nav-inner{max-width:1180px;margin:0 auto;padding:14px 28px;justify-content:space-between}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:700;letter-spacing:-.01em;font-size:18px}.brand,.brand-mark{font-family:var(--serif)}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;box-shadow:0 6px 18px -8px rgba(59,130,246,.6)}.nav-links{display:flex;gap:28px;align-items:center;font-size:14px;color:var(--text-2)}.nav-links a{transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-cta{background:#fff;color:#0b1220;padding:8px 14px;border-radius:8px;font-weight:600;font-size:13px;transition:transform .15s,box-shadow .2s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px -10px hsla(0,0%,100%,.4)}@media (max-width:720px){.nav-links a:not(.nav-cta){display:none}}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}section{padding:120px 0;border-top:1px solid var(--border)}section:first-of-type{border-top:0}@media (max-width:720px){section{padding:80px 0}}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}.eyebrow:before{content:"";display:inline-block;width:18px;height:1px;background:var(--accent-2)}h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}h2{font-size:36px;margin-bottom:14px}h2 .accent{color:var(--accent-2)}.lede{color:var(--text-2);font-size:16px;max-width:62ch;margin:0 0 56px}.hero{padding:88px 0 120px}.hero-grid{display:grid;grid-template-columns:280px 1fr;grid-gap:56px;gap:56px;align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}}.avatar-card{position:relative;aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#1e40af,#1d4ed8 45%,#3b82f6);border:1px solid hsla(0,0%,100%,.06);box-shadow:0 30px 80px -30px rgba(59,130,246,.5),inset 0 1px 0 hsla(0,0%,100%,.05)}.avatar-grid{background-image:linear-gradient(hsla(0,0%,100%,.06) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.06) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 40%,transparent 75%);mask-image:radial-gradient(120% 80% at 50% 30%,#000 40%,transparent 75%)}.avatar-grid,.avatar-img{position:absolute;inset:0}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-tag{left:14px;bottom:14px;letter-spacing:.1em;color:hsla(0,0%,100%,.7);background:rgba(11,18,32,.4);padding:5px 9px;border-radius:6px;border:1px solid hsla(0,0%,100%,.08)}.avatar-status,.avatar-tag{position:absolute;font-family:var(--mono);font-size:11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.avatar-status{right:14px;top:14px;display:flex;align-items:center;gap:7px;background:rgba(11,18,32,.55);padding:6px 10px;border-radius:999px;color:#a7f3d0;border:1px solid rgba(16,185,129,.3)}.avatar-status .dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.2)}.hero h1{font-size:clamp(32px,3.6vw,52px);font-weight:800;margin-bottom:28px;white-space:nowrap}.hero h1 .line{display:block}.hero h1 .muted{color:var(--text-3);font-weight:600}.hero h1 .num{color:var(--accent-2);font-family:var(--serif);font-weight:800;font-feature-settings:"tnum"}.hero-sub{color:var(--text-2);font-size:17px;max-width:48ch;margin:0 0 36px}.cta-row{display:flex;gap:14px;flex-wrap:wrap}.btn,.cta-row{align-items:center}.btn{display:inline-flex;gap:10px;padding:14px 22px;border-radius:10px;font-weight:600;font-size:15px;border:1px solid transparent;transition:transform .15s,box-shadow .2s,background .15s,border-color .15s;cursor:pointer}.btn-primary{background:#fff;color:#0b1220}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px -12px hsla(0,0%,100%,.35)}.btn-line{background:var(--line-green);color:#fff;border-color:var(--line-green)}.btn-line:hover{transform:translateY(-1px);box-shadow:0 12px 32px -12px rgba(6,199,85,.5);background:#05b14c}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--text-3);background:hsla(0,0%,100%,.03)}.hero-meta{margin-top:44px;display:flex;gap:28px;flex-wrap:wrap;color:var(--text-3);font-size:13px;font-family:var(--mono)}.hero-meta span{display:inline-flex;align-items:center;gap:8px}.hero-meta .pip{width:6px;height:6px;border-radius:50%;background:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:18px;overflow:hidden}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--bg-2);padding:36px 28px;display:flex;flex-direction:column;gap:8px;transition:background .2s}.stat:hover{background:var(--surface)}.stat-num{font-family:var(--serif);font-weight:800;font-size:56px;letter-spacing:-.03em;color:var(--text);font-feature-settings:"tnum";line-height:1}.stat-num .unit{font-size:24px;color:var(--text-3);margin-left:4px;font-weight:600}.stat-num .plus{color:var(--accent-2)}.stat-label{color:var(--text-2);font-size:14px;font-weight:500}.stat-note{color:var(--text-3);font-size:12px;font-family:var(--mono);margin-top:auto}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.cat-grid{grid-template-columns:1fr}}.cat{position:relative;background:var(--bg-2);border:1px solid var(--border);border-radius:18px;padding:32px 28px 28px;display:flex;flex-direction:column;gap:16px;transition:transform .2s,border-color .2s,box-shadow .25s;overflow:hidden}.cat:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}.cat:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--cat);opacity:.7}.cat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in oklab,var(--cat) 14%,transparent);color:var(--cat);border:1px solid color-mix(in oklab,var(--cat) 24%,transparent)}.cat-name{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cat);font-weight:600}.cat h3{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:2px 0 4px}.cat-desc{color:var(--text-2);font-size:14px;margin:0}.cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cat-tag{font-size:11.5px;color:var(--text-3);padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-family:var(--mono)}.cat-articles{margin-top:20px;padding-top:20px;border-top:1px dashed var(--border-strong);display:flex;flex-direction:column;gap:10px}.cat-articles .art{display:flex;align-items:flex-start;gap:10px;color:var(--text-2);font-size:13px;line-height:1.55;transition:color .15s}.cat-articles .art:hover{color:var(--text)}.cat-articles .art .num{font-family:var(--mono);color:var(--text-3);font-size:11px;flex-shrink:0;padding-top:2px}.cat-link{margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:8px;color:var(--cat);font-size:13px;font-weight:600;font-family:var(--mono)}.cat-link svg{transition:transform .2s}.cat:hover .cat-link svg{transform:translateX(3px)}.profile-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:64px;gap:64px;align-items:start}@media (max-width:900px){.profile-grid{grid-template-columns:1fr;gap:40px}}.profile-text p{color:var(--text-2);font-size:15.5px;margin:0 0 1em}.profile-text p strong{color:var(--text);font-weight:600}.profile-text .self-note{margin-top:24px;padding:16px 18px;border-left:2px solid var(--accent);background:rgba(59,130,246,.06);color:var(--text-2);font-size:14px;border-radius:0 8px 8px 0}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--border-strong),var(--border) 60%,transparent)}.tl-row{position:relative;padding:0 0 28px;display:grid;grid-template-columns:90px 1fr;grid-gap:18px;gap:18px;align-items:baseline}.tl-row:last-child{padding-bottom:0}.tl-row:before{content:"";position:absolute;left:-28px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--bg-2);border:2px solid var(--border-strong);transition:border-color .2s,background .2s}.tl-row.active:before{border-color:var(--accent);background:var(--accent)}.tl-year{font-family:var(--mono);font-size:13px;color:var(--text-3);letter-spacing:.04em;font-weight:500}.tl-row.active .tl-year{color:var(--accent-2)}.tl-event{color:var(--text);font-size:15px;font-weight:500}.tl-event small{display:block;color:var(--text-3);font-size:12.5px;font-weight:400;margin-top:2px;font-family:var(--serif)}.line-cta{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(80% 100% at 80% 50%,rgba(6,199,85,.18),transparent 60%),linear-gradient(180deg,#0e1b2c,#0b1220);border:1px solid var(--border);padding:56px;display:grid;grid-template-columns:1.4fr 1fr;grid-gap:32px;gap:32px;align-items:center}@media (max-width:760px){.line-cta{grid-template-columns:1fr;padding:36px 28px}}.line-cta h2{font-size:30px;margin-bottom:10px}.line-cta p{color:var(--text-2);margin:0 0 22px;font-size:15px;max-width:46ch}.line-bullets{display:flex;flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;color:var(--text-2);font-size:14px}.line-bullets li{display:flex;align-items:flex-start;gap:10px}.line-bullets svg{flex-shrink:0;margin-top:3px;color:var(--line-green)}.line-mock{background:#0f1a2c;border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;font-family:Noto Sans JP,sans-serif;font-size:13px}.line-mock-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.line-mock-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(160deg,#1e40af,#3b82f6);flex-shrink:0}.line-mock-name{font-weight:600;font-size:13px}.line-mock-handle{font-family:var(--mono);font-size:11px;color:var(--text-3)}.bubble{background:var(--surface-2);padding:10px 14px;border-radius:14px 14px 14px 4px;color:var(--text);font-size:13px;align-self:flex-start;max-width:90%}.bubble.you{background:#06c755;color:#0b1220;border-radius:14px 14px 4px 14px;align-self:flex-end;font-weight:500}footer{padding:48px 0 64px;border-top:1px solid var(--border);color:var(--text-3);font-size:13px}.foot-grid{justify-content:space-between;align-items:flex-start}.foot-grid,.foot-links{display:flex;gap:24px;flex-wrap:wrap}.foot-links a{transition:color .15s}.foot-links a:hover{color:var(--text)}.foot-mono{font-size:11.5px}.foot-mono,.rail{font-family:var(--mono)}.rail{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:10px;background:rgba(15,26,44,.85);border:1px solid var(--border-strong);padding:8px 12px 8px 8px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 32px -16px rgba(0,0,0,.6);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;font-size:12.5px;color:var(--text-2)}.rail.show{opacity:1;transform:translateY(0)}.rail .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(160deg,#1e40af,#3b82f6);flex-shrink:0;border:1px solid hsla(0,0%,100%,.08)}.rail a{color:var(--accent-2);font-weight:600}@media (max-width:720px){.rail{display:none}}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.blog-header{padding:60px 0 40px}.blog-header h1{font-size:clamp(28px,3vw,42px);margin-bottom:12px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px;margin-bottom:60px}.post-card{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,border-color .2s}.post-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.post-card h2{font-size:20px;margin:0}.post-card .post-meta{font-family:var(--mono);font-size:12px;color:var(--text-3)}.post-card .post-excerpt{color:var(--text-2);font-size:14px;line-height:1.7}.post-content{max-width:720px;margin:0 auto;padding:60px 28px 120px}.post-content h1{font-size:clamp(28px,3vw,40px);margin-bottom:8px}.post-content .post-meta{font-family:var(--mono);font-size:13px;color:var(--text-3);margin-bottom:48px}.post-content .content{color:var(--text-2);font-size:16px;line-height:1.9}.post-content .content h2{font-size:24px;margin:48px 0 16px;color:var(--text)}.post-content .content h3{font-size:20px;margin:36px 0 12px;color:var(--text)}.post-content .content p{margin:0 0 1.5em}.post-content .content a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px}.post-content .content img{border-radius:12px;margin:24px 0}.post-content .content code{font-family:var(--mono);font-size:14px;background:var(--surface);padding:2px 6px;border-radius:4px}.post-content .content pre{background:var(--surface);padding:20px;border-radius:12px;overflow-x:auto;margin:24px 0}.post-content .content pre code{background:none;padding:0}.post-content .content blockquote{border-left:3px solid var(--accent);padding-left:16px;margin:24px 0;color:var(--text-3)}