:root{--bg:#0b1020;--card:#121831;--card-2:#0f152b;--ink:#e9edf7;--muted:#9aa3b2;--brand:#6ea8ff;--brand-2:#3b82f6;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--outline:0 0 0 3px #6ea8ff73;--r-sm:8px;--r-md:12px;--r-lg:16px;--shadow-1:0 8px 24px #00000040;--shadow-2:0 16px 48px #00000059;--container:980px;--gap-sm:8px;--gap:12px;--gap-lg:24px;--t:180ms}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{background-attachment:fixed;background-image:url(/Project03/static/media/b1.9afa0f8a5cd2b5af2a49.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;position:relative}body:before{background:#0000008c;content:"";inset:0;position:fixed;z-index:-1}.container{margin:0 auto;max-width:980px;max-width:var(--container);padding:0 16px}.hidden{display:none!important}.center{text-align:center}.muted{color:#9aa3b2!important;color:var(--muted)!important}a{color:#6ea8ff;color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{border-radius:6px;outline:0 0 0 3px #6ea8ff73;outline:var(--outline)}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-bottom:1px solid #ffffff14;height:64px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.nav-inner,.navbar{align-items:center;display:flex}.nav-inner{font-family:system-ui,Arial,sans-serif;justify-content:space-between;margin:0 auto;max-width:980px;padding:0 1rem;width:100%}.brand a{color:#fff;font-size:1.25rem;font-weight:600;text-decoration:none;transition:color .2s ease}.brand a:hover{color:#93c5fd}.nav-links{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav-links a{border-radius:999px;color:#ddd;padding:8px 14px;text-decoration:none;transition:all .2s ease}.nav-links a:hover{background:#ffffff1a;color:#fff}.nav-links a.active{background:#3b82f6;box-shadow:0 0 10px #3b82f6aa;color:#fff;transform:translateY(-1px)}@media (max-width:720px){.nav-links{flex-wrap:wrap;gap:.5rem;justify-content:center}}.content{grid-gap:20px;display:grid;gap:20px;padding:24px 0 40px}.card{background:#121831;background:var(--card);border:1px solid #ffffff0f;border-radius:16px;border-radius:var(--r-lg);box-shadow:0 8px 24px #00000040;box-shadow:var(--shadow-1)}button{background:#6ea8ff;background:var(--brand);border:none;border-radius:10px;color:#0b1020;cursor:pointer;font:inherit;font-weight:600;padding:10px 14px;transition:transform .18s,filter .18s,background .18s;transition:transform var(--t),filter var(--t),background var(--t)}button:hover{filter:brightness(1.02);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5}button.ghost{background:#ffffff14;color:#e9edf7;color:var(--ink)}button.ghost:hover{background:#ffffff1f}button.danger{background:color-mix(in srgb,#ef4444 80%,#fff 10%);background:color-mix(in srgb,var(--danger) 80%,#fff 10%);color:#fff}button.danger:hover{filter:brightness(1.05)}button.muted{background:#ffffff24}.badge,button.muted{color:#e9edf7;color:var(--ink)}.badge{background:#ffffff1a;border-radius:999px;display:inline-block;font-size:12px;padding:4px 8px}input,select,textarea{background:#0f152b;background:var(--card-2);border:1px solid #ffffff14;border-radius:10px;color:#e9edf7;color:var(--ink);padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s;transition:border-color var(--t),box-shadow var(--t),background var(--t);width:100%}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8090aa}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,#6ea8ff 60%,#fff 10%);border-color:color-mix(in srgb,var(--brand) 60%,#fff 10%);box-shadow:0 0 0 3px #6ea8ff73;box-shadow:var(--outline);outline:none}.row{align-items:center;display:flex;gap:12px}.grid{grid-gap:12px}.grid,.two-col{display:grid;gap:12px}.two-col{grid-gap:12px;grid-template-columns:1fr 1fr}@media (max-width:720px){.two-col{grid-template-columns:1fr}}.menu-hero{padding:48px 20px;text-align:center}.menu-hero h1{font-size:clamp(1.6rem,2.4vw + 1rem,2.2rem);margin-bottom:8px}.menu-hero p{color:#9aa3b2;color:var(--muted)}.menu-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}h2{font-size:1.4rem;font-weight:700;letter-spacing:.2px}.todo-wrap{grid-gap:16px;display:grid;gap:16px}.todo-input{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto}@media (max-width:520px){.todo-input{grid-template-columns:1fr}}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{background:#ffffff1f;color:#e9edf7;color:var(--ink)}.filters .active{background:#6ea8ff;background:var(--brand);color:#0b1020}.list{grid-gap:10px;list-style:none;margin:0;padding:0}.item,.list{display:grid;gap:10px}.item{grid-gap:10px;align-items:center;background:#121831;background:var(--card);border:1px solid #ffffff12;border-radius:12px;border-radius:var(--r-md);box-shadow:0 8px 24px #00000040;box-shadow:var(--shadow-1);grid-template-columns:1fr auto;padding:12px;transition:transform .18s,box-shadow .18s,background .18s;transition:transform var(--t),box-shadow var(--t),background var(--t)}.item:hover{box-shadow:0 16px 48px #00000059;box-shadow:var(--shadow-2);transform:translateY(-1px)}.left{gap:10px}.left,.right{align-items:center;display:flex}.right{gap:8px}.item input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#0f152b;background:var(--card-2);border:1px solid #ffffff40;border-radius:4px;display:grid;height:18px;place-items:center;transition:background .18s,border-color .18s;transition:background var(--t),border-color var(--t);width:18px}.item input[type=checkbox]:after{background:#6ea8ff;background:var(--brand);border-radius:2px;content:"";height:10px;transform:scale(0);transition:transform .18s;transition:transform var(--t);width:10px}.item input[type=checkbox]:checked{background:#6ea8ff1a;border-color:#3b82f6;border-color:var(--brand-2)}.item input[type=checkbox]:checked:after{transform:scale(1)}.item label{cursor:pointer}.item label.done{color:#9aa3b2;color:var(--muted);text-decoration:line-through}.edit-input{background:#0f152b;background:var(--card-2);border:1px solid #ffffff2e;border-radius:8px;min-width:220px;padding:8px 10px}.toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.counter{color:#9aa3b2;color:var(--muted);font-size:.95rem}.contact-wrap{margin:0 auto;max-width:680px}.contact-card{background:#121831;background:var(--card);border:1px solid #ffffff14;border-radius:16px;border-radius:var(--r-lg);box-shadow:0 8px 24px #00000040;box-shadow:var(--shadow-1);padding:18px}.contact-card h2{margin-bottom:6px}.contact-card p.desc{color:#9aa3b2;color:var(--muted);margin-bottom:16px}.success{background:color-mix(in srgb,#22c55e 20%,#0000 80%);background:color-mix(in srgb,var(--success) 20%,#0000 80%);border:1px solid color-mix(in srgb,#22c55e 45%,#0000 55%);border:1px solid color-mix(in srgb,var(--success) 45%,#0000 55%);border-radius:10px;color:#d9ffea;margin-top:16px;padding:12px 14px}.footer,.success{text-align:center}.footer{border-top:1px dashed #ffffff14;color:#9aa3b2;color:var(--muted);font-size:.95rem;margin-top:24px;padding:18px 0 36px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body:before{animation:fadeIn 1.2s ease-out forwards}.contact-card,.container,.menu-hero,.todo-wrap,main{animation:fadeIn .8s ease-out forwards;animation-delay:0s;opacity:0}
/*# sourceMappingURL=main.88e58ff1.css.map*/