body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f9f9f7;color:#333;line-height:1.6}.app-container.svelte-1uha8ag{max-width:900px;margin:0 auto;padding:4rem 2rem}header.svelte-1uha8ag{text-align:left;margin-bottom:3rem}.socials.svelte-1uha8ag{display:flex;gap:1.5rem;margin-bottom:1.5rem}.socials.svelte-1uha8ag a:where(.svelte-1uha8ag){text-decoration:none;color:#666;font-size:.9rem;font-weight:500;transition:color .2s}.socials.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#000}WAKA TIME --> .wakatime-card.svelte-1uha8ag{max-width:260px;border-radius:8px;background:#0f0f0f;box-shadow:0 8px 24px #00000026;transition:transform .2s ease,box-shadow .2s ease}.wakatime-card.svelte-1uha8ag:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.wakatime-card.svelte-1uha8ag a:where(.svelte-1uha8ag){display:block;padding:.8rem;text-decoration:none}.waka-header.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.waka-header.svelte-1uha8ag .dot:where(.svelte-1uha8ag){width:8px;height:8px;background:#4ade80;border-radius:50%}.waka-header.svelte-1uha8ag .title:where(.svelte-1uha8ag){font-size:.75rem;color:#aaa;font-family:monospace}.waka-body.svelte-1uha8ag{display:flex;flex-direction:column;gap:.4rem}.waka-body.svelte-1uha8ag .label:where(.svelte-1uha8ag){font-size:.65rem;color:#777;letter-spacing:.08em;font-family:monospace}.waka-body.svelte-1uha8ag img:where(.svelte-1uha8ag){max-width:100%;width:200px;height:auto;opacity:.9}WAKA TIME --> .intro.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.intro.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1.1rem;max-width:600px;color:#555;margin-bottom:2rem}.actions.svelte-1uha8ag{display:flex;gap:1rem;margin-bottom:5rem}.btn.svelte-1uha8ag{padding:.6rem 1.2rem;text-decoration:none;font-size:.9rem;font-weight:500;border-radius:4px;transition:all .2s}.btn-primary.svelte-1uha8ag{background-color:#1a1a1a;color:#fff}.btn-primary.svelte-1uha8ag:hover{background-color:#333}.btn-secondary.svelte-1uha8ag{border:1px solid #ddd;color:#333}.btn-secondary.svelte-1uha8ag:hover{background-color:#eee}.projects-section.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.filters.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.filters.svelte-1uha8ag button:where(.svelte-1uha8ag){background:none;border:1px solid #eee;padding:.4rem .8rem;cursor:pointer;font-size:.85rem;border-radius:4px;color:#666;transition:all .2s}.filters.svelte-1uha8ag button.active:where(.svelte-1uha8ag){background-color:#1a1a1a;color:#fff;border-color:#1a1a1a}.project-grid.svelte-1uha8ag{display:flex;flex-direction:column;gap:3rem}.project-card.svelte-1uha8ag{display:flex;flex-direction:column;gap:1rem}.project-info.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0;font-size:1.2rem}.project-tags.svelte-1uha8ag{display:flex;gap:.5rem;margin-top:.5rem}.project-tags.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:.7rem;text-transform:uppercase;letter-spacing:.05rem;background:#efefed;padding:2px 6px;border-radius:3px;color:#777}.iframe-container.svelte-1uha8ag{width:100%;height:400px;border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #00000008}IFRAME CONTAINER --> .iframe-container.svelte-1uha8ag{border-radius:10px;overflow:hidden;border:1px solid #e6e6e6;background:#fff}.iframe-toolbar.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:#fafafa;border-bottom:1px solid #eee;font-size:.75rem;font-family:monospace}.iframe-toolbar.svelte-1uha8ag .domain:where(.svelte-1uha8ag){color:#666}.iframe-toolbar.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#111;text-decoration:none}.iframe-toolbar.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{text-decoration:underline}IFRAME CONTAINER --> @media (max-width: 600px){.app-container.svelte-1uha8ag{padding:2rem 1rem}.iframe-container.svelte-1uha8ag{height:300px}}