:root{--purple: #7B5EA7;--purple-dark: #4A3478;--purple-mid: #9B7DC4;--purple-soft: #C4AEE0;--purple-light: #EEE9F8;--purple-text: #3C2A6E;--green: #5A9B6E;--green-mid: #7BAF8A;--green-light: #e8f5ee;--green-text: #2a6e4a;--blue-light: #e8f0fb;--blue-text: #1a4fa0;--yellow-light: #fef9e7;--yellow-text: #7d5a00;--body-text: #1a1a1a;--muted-text: #555;--secondary-text: #888;--hint-text: #bbb;--border: #EEE9F8;--white: #ffffff}*{padding:0;margin:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#eee9f8!important;color:#1a1a1a;height:100vh;overflow:hidden}#root{height:100vh;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:800px;margin:0 auto;width:100%;background:#fff;border-left:1px solid var(--border);border-right:1px solid var(--border)}.site-nav{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:0 40px!important;height:56px!important;border-bottom:1px solid var(--border)!important;background:#fff!important;flex-wrap:nowrap!important}.site-nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.site-nav-logo{width:22px;height:22px;object-fit:contain}.site-nav-wordmark{font-size:15px;font-weight:500;color:var(--purple-dark);letter-spacing:-.01em}.site-nav-links{display:flex!important;flex-direction:row!important;align-items:center!important;gap:32px!important;flex-wrap:nowrap!important;padding:0!important;margin:0!important;list-style:none!important}.site-nav-link{font-size:13px!important;color:var(--secondary-text)!important;text-decoration:none!important;transition:color .2s!important;padding:0!important}.site-nav-link:hover{color:var(--purple)!important}.site-nav-link--active{color:var(--green)!important;font-weight:500!important}.site-nav-resume{font-size:12px;font-weight:500;color:#fff!important;background:var(--purple);border-radius:6px;padding:7px 16px;text-decoration:none;transition:background .2s;white-space:nowrap}.site-nav-resume:hover{background:var(--purple-dark);color:#fff!important}.hero-section{padding:56px 40px 48px;border-bottom:1px solid var(--border)}.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hero-eyebrow-line{width:16px;height:1.5px;background:var(--purple-soft);flex-shrink:0}.hero-eyebrow-text{font-size:12px;font-weight:500;color:var(--purple-soft);text-transform:uppercase;letter-spacing:.08em}.hero-name{font-size:44px;font-weight:500;color:var(--body-text);letter-spacing:-.02em;margin-bottom:24px;line-height:1.2}.hero-name-accent{color:var(--purple)}.hero-bio{font-size:15px;line-height:1.6;color:var(--muted-text);max-width:640px;margin-bottom:20px}.hero-links{display:flex;flex-wrap:wrap;gap:10px}.hero-pill{background:var(--purple);color:var(--white);border-radius:20px;padding:6px 14px;font-size:13px;text-decoration:none;transition:background .2s}.hero-pill:hover{background:var(--purple-dark);color:var(--white)}.recently-updated{padding:36px 40px;border-bottom:1px solid var(--border);flex:1;overflow:hidden;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.section-title{font-size:11px;font-weight:500;color:var(--purple-soft);text-transform:uppercase;letter-spacing:.1em;line-height:1.4;white-space:nowrap}.section-see-all{font-size:12px;color:var(--hint-text);text-decoration:none;transition:color .2s;white-space:nowrap}.section-see-all:hover{color:var(--purple)}.cards-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}.cards-list:hover{scrollbar-color:var(--purple-soft) transparent}.cards-list::-webkit-scrollbar{width:4px}.cards-list::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;transition:background .3s}.cards-list:hover::-webkit-scrollbar-thumb{background:var(--purple-soft)}.item-card{border:1px solid var(--border);border-radius:10px;padding:16px 20px;cursor:pointer;text-decoration:none;display:block;transition:border-color .2s;background:#fff}.item-card:hover{border-color:var(--purple-soft)}.item-card-title{font-size:14px;font-weight:500;color:var(--body-text);margin-bottom:4px}.item-card-description{font-size:13px;color:var(--secondary-text);line-height:1.5;margin-bottom:10px}.item-card-badges{display:flex;gap:6px;flex-wrap:wrap}.item-badge{font-size:11px!important;font-weight:500!important;border-radius:4px!important;padding:3px 8px!important;text-transform:uppercase!important;letter-spacing:.03em!important;line-height:1.4!important}.item-badge-project{background:#ede8f8!important;color:var(--purple-text)!important}.item-badge-garden,.item-badge-in-progress{background:var(--green-light)!important;color:var(--green-text)!important}.item-badge-soon{background:var(--yellow-light)!important;color:var(--yellow-text)!important}.item-badge-done{background:var(--blue-light)!important;color:var(--blue-text)!important}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:3px solid var(--purple-light);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}@keyframes leaf-spinner-leaf{0%{opacity:1}25%{opacity:.15}to{opacity:.15}}.leaf-spinner-leaf{animation:leaf-spinner-leaf 1.2s ease-in-out infinite;opacity:.15}.spinner-container{display:flex;justify-content:center;align-items:center;padding:48px 0}.site-footer{border-top:1px solid var(--border);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;margin-top:auto}.site-footer-text{font-size:12px;color:var(--hint-text)}@media (max-width: 600px){.navbar{padding:0 20px}.navbar-nav{gap:16px}.hero-section,.recently-updated{padding-left:20px;padding-right:20px}.hero-name{font-size:30px}.footer{padding:16px 20px}}