body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--background);color:var(--text);transition:background .3s,color .3s;padding-bottom:20rem}[data-theme=light]{--background: #fff;--card: #f7f7fa;--text: #18181b;--accent: #8b5cf6;--accent-secondary: #ec4899;--nav: #fff}[data-theme=dark]{--background: #18181b;--card: #23232a;--text: #fff;--accent: #ec4899;--accent-secondary: #8b5cf6;--nav: #23232a}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1rem 1rem;background:transparent;position:sticky;top:0;z-index:10;width:calc(100% - 2rem)}.header h1{font-size:2rem;font-weight:700;margin:0}.theme-toggle{background:var(--accent-secondary);color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.5rem;cursor:pointer;transition:background .2s}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem}.cards-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:1200px}@media (min-width: 768px){.cards-container{grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem}.card.small{grid-column:span 1}.card.large{grid-column:span 3}}.card{background:var(--card);border-radius:1.5rem;box-shadow:0 2px 8px #0000000a;padding:2rem 1.5rem;margin:0;color:var(--text);transition:background .3s,color .3s;z-index:1;height:fit-content;grid-column:span 2}.markdown-card h1,.markdown-card h2,.markdown-card h3{font-weight:700;margin-top:1.5rem}.markdown-card ul{padding-left:1.2em}.bottom-nav{display:flex;justify-content:space-around;align-items:center;background:var(--nav);border-top:1px solid #e5e7eb22;padding:.5rem 0;position:sticky;bottom:0;z-index:10}.nav-btn{background:none;border:none;color:var(--text);font-size:1rem;display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;border-radius:1rem;transition:background .2s,color .2s;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:var(--accent);color:#fff}.nav-icon{font-size:1.3rem;margin-bottom:.1rem}.card h1,.card h2{margin-top:0}.corner-image{position:fixed;right:0vw;bottom:0vw;width:420px;max-width:35vw;z-index:0;pointer-events:none;opacity:.85}@media (max-width: 768px){.corner-image{width:520px;max-width:90vw}}.theme-switch{position:relative;display:inline-block;width:48px;height:28px;vertical-align:middle}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--accent-secondary);border-radius:34px;transition:background .3s;box-shadow:0 1px 4px #00000014}.theme-switch input:checked+.slider{background:var(--accent)}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s;box-shadow:0 1px 4px #0000001a}.theme-switch input:checked+.slider:before{transform:translate(20px);background:#fff}.theme-switch input:focus+.slider{box-shadow:0 0 0 2px var(--accent-secondary)}