:root{--bg:#000;--surface:#0a0a0a;--text:#f4f4f4;--muted:#8c8c8c;--muted-dim:#565656;--border:#242424;--border-soft:#1c1c1c;--radius-sm:12px;--radius-md:20px;--radius-full:999px;--accent:#f4f4f4;--accent-soft:#f4f4f414;--accent-dim:#565656;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--content-width:1040px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit}::selection{background:var(--accent);color:var(--bg)}.app{flex-direction:column;min-height:100dvh;display:flex}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 2rem}.header{z-index:20;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0}.header-inner{width:100%;max-width:var(--content-width);justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:1.15rem 2rem;display:flex}.brand{flex-shrink:0;align-items:center;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--text);white-space:nowrap;font-size:1.2rem;font-weight:600}.nav{flex-wrap:wrap;align-items:center;gap:1.75rem;display:flex}.nav a{color:var(--muted);padding:.25rem 0;font-size:.88rem;font-weight:500;transition:color .2s;position:relative}.nav a:after{content:"";background:var(--accent);height:2px;transition:transform .2s;position:absolute;bottom:-.3rem;left:0;right:0;transform:scaleX(0)}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active:after{transform:scaleX(1)}.main{flex-direction:column;flex:1;display:flex}.page{padding:4.5rem 0;animation:.35s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:clamp(1.5rem,3.2vw,1.9rem);font-weight:500;line-height:1.2}h2,h3{font-family:var(--font-display)}.btn{color:var(--bg);background:var(--text);border-radius:var(--radius-full);border:1px solid var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.3rem;font-size:.85rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.85}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--accent-soft);border-color:var(--muted)}.hero{text-align:center}.hero-tagline{color:var(--muted);margin:1rem auto 0;font-size:1.05rem;line-height:1.6;max-width:580px!important}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:2rem;display:flex}.home-sections{text-align:left;flex-direction:column;margin-top:4rem;display:flex}.home-section{border-top:1px solid var(--border-soft);gap:1.75rem;padding:2.25rem 0;display:flex}.home-section:last-child{padding-bottom:0}.home-section-index{width:2.25rem;font-family:var(--font-display);color:var(--accent);flex-shrink:0;padding-top:.2rem;font-size:.85rem;font-weight:500}.home-section-content{flex:1;min-width:0}.home-section-content h2{color:var(--text);margin-bottom:.6rem;font-size:1.02rem;font-weight:500}.home-section-content p{color:var(--muted);max-width:640px;font-size:.95rem;line-height:1.7}.home-section-content .btn-outline{margin-top:1.1rem}.home-section-content p a,.note-body p a{color:var(--accent);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.home-section-content p a:hover,.note-body p a:hover{color:var(--muted)}.notes-intro{text-align:center;margin-bottom:3rem}.notes-intro h1{margin-bottom:.75rem}.notes-intro-tagline{max-width:580px;color:var(--muted);margin:0 auto;font-size:1rem;line-height:1.6}.note-list{flex-direction:column;gap:1rem;display:flex}.note-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:1.4rem 1.6rem;transition:border-color .2s;display:block}.note-card:hover{border-color:var(--muted-dim)}.note-card time{color:var(--muted-dim);letter-spacing:.02em;font-size:.78rem}.note-card h3{color:var(--text);margin:.5rem 0;font-size:.98rem;font-weight:600}.note-card p{color:var(--muted);font-size:.88rem;line-height:1.55}.note-detail{max-width:720px}.note-back{color:var(--muted);margin-bottom:2rem;font-size:.85rem;transition:color .2s;display:inline-block}.note-back:hover{color:var(--text)}.note-detail-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.note-detail-meta time{color:var(--muted-dim);font-size:.8rem}.note-tags{flex-wrap:wrap;gap:.4rem;display:flex}.note-tag{color:var(--accent);border:1px solid var(--accent-soft);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.72rem;font-weight:600}.note-detail h1{margin-bottom:1.75rem}.note-body p{color:var(--muted);margin-bottom:1.25rem;font-size:.98rem;line-height:1.8}.note-body p:last-child{margin-bottom:0}.tool-list{flex-direction:column;gap:1rem;display:flex}.tool-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:1.4rem 1.6rem;transition:border-color .2s;display:flex}.tool-card:hover{border-color:var(--muted-dim)}.tool-card-info h3{color:var(--text);margin-bottom:.3rem;font-size:.95rem;font-weight:600}.tool-card-info p{color:var(--muted);font-size:.85rem;line-height:1.5}.footer{border-top:1px solid var(--border);margin-top:auto;padding:1.75rem 0}.footer-inner{color:var(--muted-dim);justify-content:center;align-items:center;font-size:.8rem;display:flex}@media (width<=640px){.header-inner{flex-wrap:wrap;row-gap:.75rem;padding:1rem 1.25rem}.nav{gap:1.1rem;width:100%}.page{padding:3.25rem 0}.hero-tagline{max-width:300px!important}.tool-card{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.tool-card .btn{width:100%}.home-sections{margin-top:2.75rem}.home-section{gap:1rem;padding:1.75rem 0}.home-section-content p{max-width:100%!important}}@media (width<=360px){.hero-tagline{max-width:230px!important}}