*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fdf8ff;--surface:#f0e6ff;--accent:#a78bca;--green:#b8d4b0;--pink:#f2b8d0;--text:#5a3e6b;--text-muted:#9b7bb0;--border:#ddd0f0}body{background-color:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:Segoe UI,sans-serif;display:flex}nav{background-color:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:2rem;padding:1.2rem 2rem;display:flex}nav a{color:var(--text-muted);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s,opacity .2s}nav a:hover{color:var(--accent);opacity:.8}button{cursor:pointer;transition:opacity .15s,filter .15s}button:hover{filter:brightness(.9)}a{cursor:pointer}main{flex:1;padding:2rem}footer{text-align:center;background-color:var(--surface);border-top:1px solid var(--border);color:var(--text-muted);padding:1.5rem;font-size:.85rem}.fav-item-link{color:var(--text);border-bottom:1px solid #0000;padding:.25rem 0;font-size:.95rem;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.fav-item-link:hover{color:var(--accent);border-bottom-color:var(--accent)}@media (max-width:768px){.nav-links,.nav-social,.nav-logo{display:none!important}.hamburger{display:flex!important}}