*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Noto Sans CJK JP,Yu Gothic,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.dark{--bg: #0a0a0a;--fg: #f5f5f7;--fg-sub: #86868b;--dot-bg: rgba(255, 255, 255, .2);--dot-active: #f5f5f7;--notes-bg: rgba(0, 0, 0, .85);--notes-fg: #ccc;--code-bg: rgba(255, 255, 255, .08)}.light{--bg: #fbfbfd;--fg: #1d1d1f;--fg-sub: #6e6e73;--dot-bg: rgba(0, 0, 0, .15);--dot-active: #1d1d1f;--notes-bg: rgba(255, 255, 255, .92);--notes-fg: #333;--code-bg: rgba(0, 0, 0, .06)}.deck{background:var(--bg);color:var(--fg);transition:background .3s,color .3s}.slide{height:100svh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:2rem}.slide-inner{max-width:80vw;text-align:center;opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.slide-inner.visible{opacity:1;transform:translateY(0)}h1{font-size:clamp(2rem,6vw,5rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.subtitle,.sub{margin-top:1.5rem;font-size:clamp(1rem,2.5vw,1.8rem);color:var(--fg-sub);font-weight:400}.flow{margin-top:2rem;font-size:clamp(1.2rem,3vw,2.2rem);color:var(--fg-sub)}code{font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:var(--code-bg);padding:.15em .4em;border-radius:6px;font-size:.9em}.link-heading{font-size:clamp(1.5rem,4vw,3rem);margin-bottom:1.5rem}.links{list-style:none;font-size:clamp(1rem,2.2vw,1.6rem);color:var(--fg-sub);line-height:2;font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.rows{width:fit-content;margin:2rem auto 0;text-align:left}.rows{display:grid;grid-template-columns:max-content 1fr;column-gap:1.5rem;align-items:baseline}.rows li{display:contents}.rows li>span:first-child{white-space:nowrap}.ascii{display:block;width:fit-content;margin:0 auto 1.5rem;text-align:left;font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(.75rem,1.5vw,1.4rem);line-height:1.1;color:var(--fg);white-space:pre}.avatar{display:block;width:clamp(120px,16vw,220px);height:auto;margin:0 auto 2rem;border-radius:50%}.intro-name{font-size:clamp(1.75rem,4.5vw,3.5rem)}.scroll-hint{position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.arrow-down{display:block;width:24px;height:24px;border-right:2px solid var(--fg-sub);border-bottom:2px solid var(--fg-sub);transform:rotate(45deg);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(10px)}60%{transform:rotate(45deg) translateY(5px)}}.dots{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:100}.dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--dot-bg);cursor:pointer;transition:background .3s,transform .3s;padding:0}.dot.active{background:var(--dot-active);transform:scale(1.4)}.notes-overlay{position:fixed;bottom:0;left:0;right:0;background:var(--notes-bg);color:var(--notes-fg);padding:1.2rem 2rem;font-size:1rem;line-height:1.6;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(128,128,128,.2)}@media print{html{scroll-snap-type:none}.slide{height:auto;min-height:100vh;page-break-after:always;break-after:page;scroll-snap-align:unset}.slide-inner{opacity:1!important;transform:none!important;transition:none!important}.dots,.notes-overlay,.scroll-hint{display:none!important}}