*{box-sizing:border-box;margin:0;padding:0}:root{--text-primary:#1a1a1a;--text-secondary:#4a5568;--text-muted:#718096;--text-pink1:#941b6b;--text-pink2:#b82676;--text-pink3:#de69aa;--accent:var(--text-pink2);--accent-light:var(--text-pink3);--body-bg:#f9fafb;--paper-bg:#fefefe;--code-bg:#f8fafc;--border-light:#e2e8f0;--shadow-paper:0 2px 16px rgba(0,0,0,.08);--shadow-float:0 8px 32px rgba(0,0,0,.12);counter-reset:section-counter}html{color:var(--text-primary);font-family:Georgia,serif;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--body-bg);font-size:1rem;line-height:1.7;overflow-x:hidden}.sans{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.hero{align-items:flex-start;background:#f9fafb;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;max-width:900px;padding:0 4rem;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1)}.hero-content{max-width:100%;transform:translateY(0);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:2}.hero-title{font-size:2.8rem}.hero-title,h1{color:var(--text-pink1);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}h1{font-size:2.4rem}.hero-subtitle{color:var(--text-secondary);font-size:1.4rem;font-style:italic;font-weight:400;margin-bottom:2rem}.hero-meta{color:var(--text-primary);flex-wrap:wrap;font-size:.9rem;gap:2rem}.hero-meta,.hero-meta-item{align-items:center;display:flex}.hero-meta-item{gap:.5rem}.status-indicator{animation:pulse 2s infinite;background:var(--accent);border-radius:50%;height:8px;width:8px}.scroll-indicator{align-items:center;animation:bounce 5s infinite;bottom:8rem;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:.9rem;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.scroll-arrow{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);height:20px;transform:rotate(45deg);width:20px}.nav{backdrop-filter:blur(20px);background:linear-gradient(180deg,rgba(249,250,251,.98),rgba(248,250,252,.95));border-bottom:1px solid var(--border-light);left:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.nav.visible{transform:translateY(0)}.nav-inner{margin:0 auto;max-width:900px;min-height:60px;padding:0 4rem}.nav-inner,.nav-links{align-items:center;display:flex}.nav-links{font-family:Inter,sans-serif;font-size:.9rem;gap:2rem}.nav-link{align-items:center;color:var(--text-muted);display:flex;position:relative;text-decoration:none;transition:color .2s ease}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link.active:after{background:var(--accent);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}.page{background:var(--paper-bg);box-shadow:var(--shadow-paper);margin:0 auto;max-width:1000px;min-height:100vh}.container{padding:0 4rem}.content{padding:4rem 0}ol{margin-left:2rem}li{padding-left:.4rem}.video-container{height:0;margin-bottom:1rem;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.section{margin-bottom:0}.section p{padding-bottom:1rem}.section-title{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:1rem;margin-top:1rem;position:relative}.section-title:before{color:var(--accent);content:counter(section-counter,decimal);counter-increment:section-counter;font-size:1.2rem;font-weight:500;left:-3rem;position:absolute;top:0}.footer{border-top:1px solid var(--border-light);color:var(--text-muted);font-family:Inter,sans-serif;font-size:.85rem;margin-top:4rem;padding:2rem 0;text-align:center}.reading-progress{background:var(--accent);height:2px;left:0;opacity:0;position:fixed;top:0;transition:width .1s ease;width:0;z-index:1001}.reading-progress.visible{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}@media (max-width:768px){.hero{padding:0 1.5rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.2rem;margin-bottom:1.5rem}.hero-meta{align-items:flex-start;flex-direction:column;gap:.75rem}.nav-inner{padding:0 1.5rem}.nav-links{font-size:.85rem;gap:1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{border-radius:4px;flex-shrink:0;padding:.5rem .75rem;white-space:nowrap}.nav-link.active{background:rgba(184,38,118,.1)}.nav-link.active:after{display:none}.container{padding:0 1.5rem}.section-title{font-size:1.6rem}.section-title:before{display:none}.scroll-indicator{bottom:2rem}}@media (max-width:480px){.hero{padding:0 1rem}.hero-title{font-size:2rem;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem}.container,.nav-inner{padding:0 1rem}}.hero,.hero-content,.nav{will-change:transform}@media (prefers-reduced-motion:reduce){.hero,.hero-content,.nav,.nav-link,.page{transition:none}.hero-meta,.hero-subtitle,.hero-title,.scroll-indicator,.status-indicator{animation:none}}#motion-warning{background-color:#fff5f7;border-left:4px solid var(--accent);border-radius:4px;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.85rem;margin:1rem .2rem 0;max-width:900px;padding:.75rem 1rem;text-align:center}