:root{--primary-color: #a085e2;--secondary-color: #7fd1b9;--bg-light: #e2d4f7;--card-bg: #cdb5f2;--text-dark: #333333;--text-light: #f0ebfc;--font-body: "Montserrat", sans-serif;--font-button: "Poppins", sans-serif;--font-heading: "Sacramento", cursive;--font-code: "Courier New", monospace}body,main{margin:0;padding:0}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-light);line-height:1.5;margin:0;padding:0}a{text-decoration:none;color:inherit}h1,h2,h3,.task-card .task-title{font-family:var(--font-heading);font-size:3rem;text-align:center;letter-spacing:.5px;font-weight:400;margin-bottom:1.2rem;color:var(--primary-color)}code{font-family:var(--font-code)}.container{max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;min-height:auto}.app-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:70px}button,.cta-button{font-family:var(--font-button);font-size:1rem;font-weight:500;padding:.8rem 1.5rem;cursor:pointer;transition:background-color .3s,color .3s,transform .2s,box-shadow .2s;box-shadow:0 3px 8px #0000001a;display:inline-block;text-align:center;border:none}button:hover,.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.cta-button,.cta-button.cta-task{background-color:var(--primary-color);color:var(--text-light);border-radius:999px;margin:1rem 0}header nav a,.bottom-nav .nav-links a{background-color:var(--primary-color);color:var(--text-dark);border-radius:8px;padding:.5rem 1rem;font-weight:700;transition:background-color .3s,color .3s}footer .nav-links a{flex:1;text-align:center}header nav a:hover,.bottom-nav .nav-links a:hover{background-color:var(--primary-color);color:var(--text-light)}header nav a.active,.bottom-nav .nav-links a.active{background-color:var(--primary-color);color:var(--text-light)}.category-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0}.category-buttons button{flex:1 1 auto;min-width:90px;background-color:var(--primary-color);color:var(--text-dark);border:2px solid var(--primary-color);border-radius:999px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background-color .3s,color .3s,transform .2s;text-align:center}.category-buttons button:hover{background-color:var(--text-light);color:var(--primary-color)}.category-buttons button.active{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--text-light)}.photo-credit{font-family:var(--font-body);font-size:.7rem;color:var(--text-dark);line-height:1.2;text-align:right;margin-top:4px}@media(max-width:768px){header.hero-header nav{display:none;margin:0;padding:0;height:0;line-height:0}}@media(max-width:480px){main .app-content{min-height:auto}}header.hero-header{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem 0;background-color:var(--bg-light)}header.hero-header h1{font-weight:400;font-size:5rem;line-height:1.1;color:var(--primary-color);margin-bottom:.5rem}.decor-line{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;height:28px;color:var(--primary-color)}.decor-line .heart{font-size:3rem;font-weight:400}@media(max-width:768px){header.hero-header{padding:1.5rem 1rem .5rem}header.hero-header h1{margin:0 0 .2rem}header h1,.header-decoration svg{line-height:1}header.hero-header .decor-line{margin-top:.25rem}}@media(max-width:480px){header.hero-header{min-height:auto}main .home{min-height:auto}.hero-image img{display:block;max-width:100%;height:auto;margin:0 auto}}.bottom-nav{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-light);color:var(--text-light);border-top:1px solid rgba(0,0,0,.1);padding:.5rem 0;position:fixed;bottom:0;left:0;right:0;font-size:.9rem;max-width:480px;margin:0 auto;z-index:1000}.nav-links{display:flex;justify-content:space-around;width:100%;max-width:480px;gap:8px}p.copyright{margin-top:.5rem;margin-bottom:.4rem;font-size:.7rem;text-align:center;color:var(--text-dark);letter-spacing:.3px;opacity:.7}@media(min-width:769px){.nav-links{display:none}}.home{width:100%;max-width:480px;padding:1.5rem;text-align:center}.hero-image img{width:100%;height:auto;max-height:500px;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:1rem;margin-bottom:1rem}.home-content{max-width:420px}.home h2{font-size:2.5rem;margin-bottom:1.2rem}.home-content p{font-size:1rem;color:var(--text-dark);line-height:1.6;margin-bottom:1rem;text-align:center}.home-content p+p{margin-top:.5rem}@media(max-width:768px){.home{margin-top:0}.hero-image img{margin-top:0;height:auto}}@media(max-width:480px){.home{display:block;padding-top:0;text-align:center;min-height:auto}.home-content{margin-top:.25rem}.home-content p{font-size:.95rem}}.task-card{background-color:var(--card-bg);border-radius:16px;box-shadow:0 8px 16px #0003;padding:1.5rem;margin:1rem 0;text-align:center;max-width:480px;width:100%;transition:transform .2s,box-shadow .2s}.task-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000040}.task-card .task-image{width:100%;height:auto;border-radius:12px;margin-bottom:.75rem}.task-card .task-title{color:var(--text-dark);margin:1.2rem 0 1rem}.task-card .task-text{font-size:1rem;color:var(--text-dark);line-height:1.4;margin:.25rem 0;text-align:center}.task-card .category-label{font-size:.75rem;color:var(--text-dark);margin-top:1rem;text-align:center;opacity:.5}.loading-container{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:var(--text-dark)}.category-label{font-weight:600;color:var(--secondary-color)}.about-page p{margin-bottom:1.25rem;font-size:1rem;text-align:justify}.about-page p strong{color:var(--primary-color)}.about-page code{background-color:#00000014;padding:.1rem;border-radius:4px;font-size:.95rem;color:var(--text-dark);white-space:nowrap}@media(max-width:480px){.about-page{padding:1.5rem .75rem}.about-page h2{font-size:2rem}.about-page p{font-size:.95rem}}