body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.header{background:#111;border-bottom:1px solid #222;display:flex;gap:1rem;justify-content:center;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-button{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.nav-button:hover{background:#252525;border-color:#444;transform:translateY(-1px)}.nav-button:active{transform:translateY(0)}.daily,.weekly{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px;padding:2rem 1.5rem}.daily,.weekly{background:#0a0a0a}.card{grid-gap:.75rem;background:linear-gradient(145deg,#1a1a1a,#141414);border:1px solid #222;border-radius:12px;box-shadow:0 4px 6px #0000004d;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;min-height:140px;padding:1rem;position:relative;transition:all .3s ease}.card:hover{border-color:#333;box-shadow:0 8px 16px #0006;transform:translateY(-2px)}.card-name{color:#f0f0f0;font-size:1rem;font-weight:600;grid-column:1/2;grid-row:1}.card-completed{color:#4ade80;font-size:1.25rem;font-weight:700;grid-column:1/2;grid-row:2}.reward{background:#1e293b;border:1px solid #334155;border-radius:6px;color:#fbbf24;display:inline-block;font-size:.75rem;font-weight:500;padding:.35rem .65rem;position:absolute;top:.75rem}.reward:first-of-type{right:3.75rem}.reward:last-of-type{right:.75rem}.counter-button{background:#1e3a5f;border:1px solid #2d5a8c;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.85rem;font-weight:600;grid-row:3;padding:.4rem .75rem;transition:all .2s ease}.counter-button:first-of-type{grid-column:1}.counter-button:last-of-type{grid-column:2}.counter-button:hover{background:#2d5a8c;border-color:#3b7ac7;transform:scale(1.02)}.counter-button:active{transform:scale(.98)}@media (max-width:768px){.daily,.weekly{gap:1rem;grid-template-columns:1fr;padding:1rem}.header{padding:1rem}.nav-button{font-size:.9rem;padding:.6rem 1.2rem}.card{min-height:120px;padding:.875rem}.card-name{font-size:.95rem}.card-completed{font-size:1.1rem}.streak{padding:1.5rem 1rem}.reward{font-size:.7rem;padding:.3rem .55rem}.counter-button{font-size:.8rem;padding:.35rem .65rem}}@media (min-width:769px) and (max-width:1024px){.daily,.weekly{grid-template-columns:repeat(2,1fr)}}.timer{background:linear-gradient(145deg,#1a1a1a,#141414);border:1px solid #333;border-radius:12px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;gap:.25rem;grid-column:1;margin-left:25px;margin-top:35px;max-width:150px;min-height:70px;padding:.75rem}.timer-label{color:#9ca3af;font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.timer-countdown{color:#60a5fa;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px #60a5fa4d}@media (max-width:768px){.timer{grid-column:1;min-height:60px;padding:.65rem}.timer-label{font-size:.65rem}.timer-countdown{font-size:1rem}}.streak{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #333;border-radius:12px;box-shadow:0 4px 6px #0000004d;display:flex;justify-content:center;margin:1.5rem auto 0;max-width:20%;padding:1rem 1.5rem}.streak-count{color:#fbbf24;font-size:2rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 20px #fbbf2466}.streak-count:after{content:" 🔥";font-size:1.75rem}@media (max-width:768px){.streak{max-width:90%;padding:.875rem 1rem}.streak-count{font-size:1.5rem}.streak-count:after{font-size:1.35rem}}.values{align-items:center;border-bottom:1px solid #222;display:flex;gap:2rem;justify-content:center;padding:2rem 1.5rem}.currency1,.currency2{background:linear-gradient(145deg,#1a1a1a,#141414);border:1px solid #333;border-radius:12px;box-shadow:0 4px 6px #0000004d;font-size:2rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem}.currency1{color:#fbbf24;text-shadow:0 0 20px #fbbf2466}.currency2{color:#60a5fa;text-shadow:0 0 20px #60a5fa66}.items1,.items2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px;padding:2rem 1.5rem}.items1,.items2{background:#0a0a0a}.item1-card,.item2-card{align-items:center;background:linear-gradient(145deg,#1a1a1a,#141414);border:1px solid #222;border-radius:12px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:140px;padding:1rem;transition:all .3s ease}.item1-card:hover,.item2-card:hover{border-color:#333;box-shadow:0 8px 16px #0006;transform:translateY(-2px)}.card1-name,.card2-name{color:#f0f0f0;font-size:1.1rem;font-weight:600;text-align:center}.card1-cost,.card2-cost{border:1px solid;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.6rem 1.5rem;transition:all .2s ease}.card1-cost{background:#1a1a1a;border-color:#fbbf24;color:#fbbf24}.card1-cost:hover{background:#2a2a1a;box-shadow:0 0 15px #fbbf244d;transform:scale(1.05)}.card2-cost{background:#1a1a1a;border-color:#60a5fa;color:#60a5fa}.card2-cost:hover{background:#1a1a2a;box-shadow:0 0 15px #60a5fa4d;transform:scale(1.05)}.card1-cost:active,.card2-cost:active{transform:scale(.98)}@media (max-width:768px){.values{gap:1.5rem;padding:1.5rem 1rem}.currency1,.currency2{font-size:1.75rem}.items1,.items2{gap:1rem;grid-template-columns:1fr;padding:1rem}.item1-card,.item2-card{min-height:120px;padding:.875rem}.card1-name,.card2-name{font-size:1rem}.card1-cost,.card2-cost{font-size:1rem;padding:.5rem 1.2rem}}@media (min-width:769px) and (max-width:1024px){.items1,.items2{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.b4f06b7c.css.map*/