.card h1,.card h2,.card h3{color:#fff;letter-spacing:.2px}.card h1{font-size:1.6rem}.card h2{font-size:1.3rem}.card h3{font-size:1.1rem}.card p{color:#dbeff0;line-height:1.6}.card li{line-height:1.55}.card strong{color:#fff}:root{--cyan:#2ff3e0;--cyan-10:#2ff3e01a;--cyan-20:#2ff3e033;--black:#0a0a0a;--white:#fff;--text:#e8f6f4;--muted:#9fb7b3;--card:#101212;--border:#172020;--error:#e5484d;--success:#34d399}*{box-sizing:border-box}#root,body,html{height:100%}body{background-attachment:fixed;background-color:#0a0a0a;background-color:var(--black);background-image:linear-gradient(#00000059,#00000059),url(https://i.pinimg.com/736x/de/61/62/de616273e14c5c0ce42a0f681e47d982.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background:radial-gradient(1200px 800px at 20% -10%,#2ff3e01a,#0000),radial-gradient(1200px 800px at 120% 20%,#2ff3e033,#0000),#0a0a0a;background:radial-gradient(1200px 800px at 20% -10%,var(--cyan-10),#0000),radial-gradient(1200px 800px at 120% 20%,var(--cyan-20),#0000),var(--black);color:#e8f6f4;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-family:Playfair Display,Georgia,Times New Roman,Times,serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;margin:0}body.theme-light{background:#f5f7fa;color:#0a0a0a}body.theme-light .navbar{background:#ffffffd9;border-bottom:1px solid #e5e7eb}body.theme-light .navbar a{color:#0a0a0a}body.theme-light .navbar a.active,body.theme-light .navbar a:hover{background:#2ff3e0;background:var(--cyan);color:#0a0a0a}body.theme-light .brand{color:#0a0a0a}body.theme-light .container{background-image:none}body.theme-light .card{box-shadow:0 8px 20px #00000014;color:#111827}body.theme-light .card,body.theme-light .crumb-wrap,body.theme-light .list-item{background:#fff;border:1px solid #e5e7eb}body.theme-light .card h1,body.theme-light .card h2,body.theme-light .card h3{color:#0a0a0a}body.theme-light .card h1{font-size:1.6rem}body.theme-light .card h2{font-size:1.3rem}body.theme-light .card h3{font-size:1.1rem}body.theme-light .card p{color:#1f2937}body.theme-light .card strong{color:#0a0a0a}body.theme-light input,body.theme-light select,body.theme-light textarea{background:#fff;border:1px solid #d1d5db;color:#0a0a0a}body.theme-light .btn-outline{border-color:#d1d5db;color:#0a0a0a}body.theme-light .btn-outline:hover{background:#2ff3e026;border-color:#2ff3e0;border-color:var(--cyan)}body.theme-light .muted,body.theme-light label{color:#6b7280}.container{background-image:url(/static/media/background.762b16d974ac2afd7b23.jpeg);margin:24px auto;max-width:980px;padding:8px 16px}.navbar{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0ab3;border-bottom:1px solid #172020;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.navbar a{border-radius:8px;color:#e8f6f4;color:var(--text);padding:8px 10px;text-decoration:none;transition:color .2s ease,background .2s ease,transform .12s ease}.navbar .brand{align-items:center;background:#2ff3e0;background:var(--cyan);border-radius:12px;color:#0a0a0a;color:var(--black);display:inline-flex;font-weight:800;gap:6px;letter-spacing:1px;margin-right:8px;padding:6px 10px}.navbar .brand svg{display:block;height:22px;transition:transform .18s ease;width:22px}.navbar .brand:hover svg{transform:rotate(8deg) scale(1.05)}@media (prefers-reduced-motion:reduce){.navbar .brand svg{transition:none}.navbar .brand:hover svg{transform:none}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.navbar a:hover{transform:translateY(-1px)}.navbar a.active,.navbar a:hover{background:#2ff3e0;background:var(--cyan);color:#0a0a0a;color:var(--black)}.navbar .spacer{flex:1 1}.card{animation:fadeInUp .38s ease forwards;background:#1e2a2df2;border:1px solid #3f5e5ecc;border-radius:14px;box-shadow:0 10px 28px #00000059;color:#f2faf9;font-size:1rem;opacity:0;padding:16px;transform:translateY(8px)}.section{margin-bottom:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card{animation:none;opacity:1;transform:none}}.btn{align-items:center;background:#2ff3e0;background:var(--cyan);border:1px solid #0000;border-radius:10px;color:#0a0a0a;color:var(--black);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;transition:transform .12s ease,box-shadow .2s ease,background .2s ease}.btn:hover{box-shadow:0 8px 18px #2ff3e040;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-outline{background:#0000;border-color:#172020;border-color:var(--border);color:#e8f6f4;color:var(--text)}.btn-outline:hover{background:#2ff3e01a;border-color:#2ff3e0;border-color:var(--cyan)}.btn-small{border-radius:8px;font-size:.85rem;padding:6px 10px}label{color:#9fb7b3;color:var(--muted);font-size:.92rem}input,select,textarea{background:#131a1c;border:1px solid #2a3a3a;border-radius:10px;color:#e8f6f4;color:var(--text);outline:none;padding:10px 12px;transition:border .15s ease,box-shadow .15s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#2ff3e0;border-color:var(--cyan);box-shadow:0 0 0 3px #2ff3e026}.error{color:#e5484d;color:var(--error)}.success{color:#34d399;color:var(--success)}.list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.list-item{background:#162022;border:1px solid #3f5e5e99;border-radius:12px;padding:10px}.badge{border:1px solid #0000;border-radius:999px;display:inline-block;font-size:.8rem;line-height:1.5;padding:2px 8px}.badge-pending{background:#1f2937;border-color:#334155;color:#cbd5e1}.badge-taken{background:#34d399;border-color:#10b981;color:#052e1f}.badge-missed{background:#fda4a4;border-color:#e5484d;color:#3b0d0d}.chip{background:#07333d;border:1px solid #164e63;border-radius:999px;color:#c3f3ee;display:inline-block;font-size:.78rem;padding:2px 8px}.chip-warn{background:#3f0e0e;border-color:#7f1d1d;color:#fbcaca}.crumb-wrap{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e2a2de6;border:1px solid #3f5e5eb3;border-radius:16px;overflow:hidden;padding:18px 16px;position:relative}.crumb{align-items:center;color:#9fb7b3;color:var(--muted);display:flex;font-size:.95rem;gap:8px}.crumb b{color:#e8f6f4;color:var(--text)}.crumb .sep{opacity:.5}.accent-line{animation:sweep 2.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#2ff3e0,#0000);background:linear-gradient(90deg,#0000,var(--cyan),#0000);bottom:0;height:2px;left:-30%;position:absolute;width:60%}@keyframes sweep{0%{opacity:.4;transform:translateX(0)}50%{opacity:1;transform:translateX(260%)}to{opacity:.4;transform:translateX(520%)}}.space-y>*+*{margin-top:12px}.grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:720px){.grid-2{grid-template-columns:1fr}}:root{--bg:#282c34;--header:#fff;--link:#61dafb}.fade-step{animation:fadeIn .26s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.input{background:#101212;background:var(--card);border:1px solid #172020;border:1px solid var(--border);border-radius:6px;color:#e8f6f4;color:var(--text);padding:8px 10px;width:100%}.input:focus{border-color:#2ff3e0;border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee33;outline:none}.backdrop-blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.text-center{text-align:center}.muted{color:#9fb7b3;color:var(--muted)}.landing .hero{border-radius:16px;overflow:hidden;padding:0;position:relative}.landing .hero-media{height:320px;position:relative}.landing .hero-media img{display:block;filter:saturate(.9) contrast(1.05) brightness(.9);height:100%;object-fit:cover;width:100%}.landing .hero-overlay{background:linear-gradient(180deg,#00000073,#00000040 40%,#0000008c);border-bottom:6px solid #2ff3e0;border-bottom:6px solid var(--cyan);inset:0;opacity:.95;position:absolute}.landing .hero-content{display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;padding:24px;position:absolute}.landing .hero-title{font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.1;margin:0}.landing .hero-sub{color:#9fb7b3;color:var(--muted);font-size:1.02rem;max-width:720px}.landing .hero-cta{display:flex;flex-wrap:wrap;gap:12px}.section-title{font-size:clamp(22px,3.5vw,30px);margin:6px 0}.section-sub{color:#9fb7b3;color:var(--muted);margin:0 auto;max-width:720px}.features-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.features-grid{grid-template-columns:1fr}}.feature{align-items:flex-start;display:flex;gap:12px}.feature-icon{background:#2ff3e01a;border:1px solid #2ff3e0;border:1px solid var(--cyan);border-radius:10px;display:grid;font-size:18px;height:40px;place-items:center;width:40px}.feature-title{font-size:1.05rem;margin:2px 0 6px}.feature-desc{color:#9fb7b3;color:var(--muted);margin:0}.designed-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.designed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.designed-grid{grid-template-columns:1fr}}.designed-media{border-radius:10px;overflow:hidden}.designed-media img{display:block;height:160px;object-fit:cover;width:100%}.designed-body h4{margin:10px 0 6px}.designed-body p{color:#9fb7b3;color:var(--muted);margin:0}.cta{padding:28px}.footer-inner{align-items:center;border-top:1px solid #172020;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:10px 0 28px}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-links a{color:#9fb7b3;color:var(--muted);text-decoration:none}.footer-links a:hover{background:#2ff3e0;background:var(--cyan);border-radius:8px;color:#0a0a0a;color:var(--black);padding:4px 8px}.section-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:0 0 10px}.section-header h3{font-size:1.1rem;letter-spacing:.2px;margin:0}.section-subtle{color:#9fb7b3;color:var(--muted);font-size:.95rem;margin:0}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{align-items:center;background:#0f1212;border:1px solid #172020;border:1px solid var(--border);border-radius:999px;color:#e8f6f4;color:var(--text);cursor:pointer;display:inline-flex;gap:8px;padding:8px 12px;transition:background .2s ease,border-color .2s ease,transform .12s ease}.pill:hover{background:#ffffff0a;border-color:#172020;border-color:var(--border);transform:translateY(-1px)}.food-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.food-card{background:#0f1212;border:1px solid #172020;border:1px solid var(--border);border-radius:14px;overflow:hidden;padding:12px;position:relative;transition:transform .14s ease,box-shadow .22s ease,border-color .2s ease}.food-card:hover{border-color:#2ff3e059;box-shadow:0 10px 24px #00000059;transform:translateY(-2px)}.food-card-title{align-items:center;display:flex;gap:8px;justify-content:space-between}.food-card-meta{color:#9fb7b3;color:var(--muted);font-size:.92rem;margin-top:6px}.impact-chip{border:1px solid #0000;border-radius:999px;display:inline-block;font-size:.72rem;line-height:1;padding:3px 10px}.impact-high,.impact-low,.impact-medium,.impact-none,.impact-very_high{background:#2a2d2d;border-color:#3a3f3f;color:#e5e7eb}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{max-height:80vh;max-width:520px;overflow:auto}.modal-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.modal-close{background:#0000;border:1px solid #172020;border:1px solid var(--border);border-radius:8px;color:#e8f6f4;color:var(--text);cursor:pointer;display:grid;font-size:18px;height:32px;place-items:center;transition:background .2s ease,border-color .2s ease,transform .12s ease;width:32px}.modal-close:hover{background:#2ff3e014;border-color:#2ff3e0;border-color:var(--cyan);transform:translateY(-1px)}.kv-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:720px){.kv-grid{grid-template-columns:1fr}}