@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Indie+Flower&family=Patrick+Hand&display=swap";:root{--paper-bg: #fefef8;--paper-darker: #f5f5e8;--ink-primary: #2d2d2d;--ink-secondary: #555555;--accent-sketch: #4a90e2;--accent-warm: #e07a5f;--card-bg: #ffffff;--nav-bg: #fefef8;--border-color: #2d2d2d;--font-handwritten: "Caveat", cursive;--font-casual: "Patrick Hand", cursive;--font-indie: "Indie Flower", cursive}[data-theme=dark]{--paper-bg: #1a1a1a;--paper-darker: #2d2d2d;--ink-primary: #e8e8e8;--ink-secondary: #b0b0b0;--accent-sketch: #6bb3ff;--accent-warm: #ff9f7f;--card-bg: #252525;--nav-bg: #1a1a1a;--border-color: #e8e8e8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-casual);font-size:18px;line-height:1.7;color:var(--ink-primary);background:var(--paper-bg);background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(200,200,180,.1) 31px,rgba(200,200,180,.1) 32px);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-handwritten);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}p{margin-bottom:1rem}a{color:var(--accent-sketch);text-decoration:none;position:relative;transition:color .2s}a:hover{color:var(--accent-warm)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}nav{position:sticky;top:0;background:var(--paper-bg);padding:.5rem 0;z-index:100}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{font-family:var(--font-handwritten);font-size:2rem;font-weight:700;color:var(--ink-primary);margin:0}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{font-family:var(--font-casual);font-size:1.1rem;color:var(--ink-primary);padding:.5rem 1rem;border-radius:4px;transition:all .2s}.nav-link:hover{background:var(--paper-darker);transform:translateY(-2px)}.hero{padding:4rem 0;text-align:center}.hero-title{font-size:3.5rem;margin-bottom:1rem;color:var(--ink-primary)}.hero-subtitle{font-size:1.3rem;color:var(--ink-secondary);max-width:700px;margin:0 auto}.section{padding:3rem 0}.section-title{margin-bottom:2rem;text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:1fr;gap:2rem;margin-top:2rem}.card{padding:2rem;background:#fff;position:relative;min-height:200px;cursor:pointer;transition:transform .2s}.card:hover{transform:translateY(-4px) rotate(-.5deg)}.card-title{font-size:1.8rem;margin-bottom:.5rem;color:var(--ink-primary)}.card-date{font-size:.9rem;color:var(--ink-secondary);margin-bottom:1rem;font-family:var(--font-indie)}.card-description{color:var(--ink-secondary);line-height:1.6}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{font-size:.9rem;padding:.25rem .75rem;background:var(--paper-darker);border:1px solid var(--ink-primary);border-radius:20px;font-family:var(--font-indie)}.footer{text-align:center;padding:.5rem 0;margin-top:1rem;font-family:var(--font-indie);font-size:.9rem}.rough-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.theme-toggle{background:var(--paper-darker);border:2px solid var(--border-color);border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease;position:relative}.theme-toggle:hover{transform:rotate(20deg) scale(1.1);background:var(--accent-sketch);border-color:var(--accent-sketch)}.theme-toggle .sun-icon,.theme-toggle .moon-icon{position:absolute;transition:all .3s ease}[data-theme=light] .theme-toggle .sun-icon{opacity:0;transform:rotate(180deg) scale(0)}[data-theme=light] .theme-toggle .moon-icon,[data-theme=dark] .theme-toggle .sun-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .theme-toggle .moon-icon{opacity:0;transform:rotate(-180deg) scale(0)}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.cards-grid{grid-template-columns:1fr}.nav-links{gap:1rem}.theme-toggle{width:40px;height:40px;font-size:1.3rem}}