@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=JetBrains+Mono:wght@600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;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:linear-gradient(160deg,#0c4a6e,#0e5e6f 30%,#107070 60%,#0d6b5e);background-attachment:fixed;color:#e2f5f0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page,body{min-height:100vh}.content{margin:0 auto;max-width:1000px;padding:24px 20px 60px}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#083750d9,#073044cc);border-bottom:1px solid #2dd4bf14;box-shadow:0 4px 24px #0006;display:flex;gap:.5rem;justify-content:center;padding:.85rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-button{background:linear-gradient(135deg,#0d3230b3,#0a282680);border:1px solid #2dd4bf1f;border-radius:12px;color:#5eead4;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.01em;padding:.6rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-button:hover{background:linear-gradient(135deg,#14b8a61f,#0d948814);border-color:#2dd4bf40;box-shadow:0 6px 20px #14b8a614;color:#99f6e4;transform:translateY(-2px)}.nav-button:active{transform:translateY(0)}.streak{align-items:center;animation:streakGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2414,#f59e0b08);border:1px solid #fbbf241f;border-radius:20px;box-shadow:0 4px 20px #fbbf240a;display:flex;gap:14px;justify-content:center;margin:1.5rem auto 0;max-width:220px;padding:1.25rem 2rem}.streak-fire{font-size:1.75rem}.streak-inner{text-align:center}.streak-count{-webkit-text-fill-color:#0000;animation:streakPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:2.25rem;font-weight:700;line-height:1}.streak-label{color:#fbbf2466;display:block;font-size:.6rem;font-weight:700;letter-spacing:2px;margin-top:4px;text-transform:uppercase}.quick-stats{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:8px;margin-top:16px}.stat{text-align:center}.stat-number{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.stat-daily{color:#2dd4bf}.stat-weekly{color:#22d3ee}.stat-label{color:#4a6b66;font-size:.7rem;font-weight:500;margin-left:4px}.stat-divider{background:#5eead41a;height:18px;width:1px}.section{margin-bottom:2.5rem}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px;padding:0 4px}.section-header-left{align-items:center;display:flex;gap:10px}.section-icon{font-size:1.2rem}.section-title{color:#ccfbf1;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.timer{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08262480;border:1px solid #2dd4bf14;border-radius:20px;display:inline-flex;gap:8px;padding:5px 14px}.timer-label{color:#4a6b66;font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.timer-countdown{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2dd4bf,#22d3ee);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.daily,.weekly{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1400px}.card{animation:cardIn .45s cubic-bezier(.4,0,.2,1) both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#e0f7fae0,#d2f0f4d1 40%,#dcebfcc7);border:1px solid #ffffff80;border-radius:18px;box-shadow:0 4px 20px #0000001f,0 2px 8px #0000000f,inset 0 0 0 1px #ffffff4d;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.1rem;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(90deg,#14b8a6,#2dd4bf,#06b6d4);border-radius:18px 18px 0 0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card:hover{border-color:#ffffffb3;box-shadow:0 14px 40px #00000026,inset 0 0 0 1px #fff6,0 0 30px #ffffff0f;transform:translateY(-3px)}.card:hover:before{opacity:1}.card-done{background:linear-gradient(145deg,#ccfbf1eb,#bef2e8db 50%,#d1fae5d1);border-color:#14b8a64d}.card-done:before{background:linear-gradient(90deg,#2dd4bf,#34d399,#06b6d4);opacity:.7}.card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.card-info{flex:1 1;min-width:0}.card-name{color:#134e4a;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3}.card-done .card-name{color:#0f766e}.card-check{color:#0d9488;font-size:.85rem;margin-left:6px}.card-rewards{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.reward{border-radius:7px;display:inline-block;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;letter-spacing:.02em;padding:3px 8px;position:static;transition:all .2s ease}.reward1{background:#fbbf242e;border:1px solid #f59e0b4d;color:#92400e}.reward2{background:#22d3ee26;border:1px solid #06b6d44d;color:#155e75}.reward3{background:#34d39926;border:1px solid #10b9814d;color:#166534}.reward4{background:#c084fc26;border:1px solid #a855f740;color:#6b21a8}.reward:hover{transform:translateY(-1px)}.progress-ring-wrap{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#0f766e1f}.progress-ring-fill{fill:none;stroke-linecap:round;stroke:#14b8a6;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-ring-done{stroke:#2dd4bf}.progress-ring-pulse{fill:none;stroke:#2dd4bf;stroke-width:4.5;animation:pulseRing 2s ease-in-out infinite;opacity:.2}.progress-ring-text{color:#0f766e;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800;position:absolute}.progress-ring-text-done{color:#0d9488}.progress-bar-track{background:#0f766e1a;border-radius:4px;height:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#0f766e,#14b8a6,#2dd4bf);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar-done{background:linear-gradient(90deg,#0d9488,#2dd4bf,#06b6d4)}.card-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;position:relative}.counter-button{border-radius:10px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700;padding:.5rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.counter-minus{background:#ef444414;border:1px solid #ef44442e;color:#dc2626}.counter-minus:hover{background:#ef444424;border-color:#ef44444d;box-shadow:0 4px 12px #ef44441a;transform:scale(1.03)}.counter-plus{background:#0d94881a;border:1px solid #0d948833;color:#0f766e}.counter-plus:hover{background:#0d94882e;border-color:#0d948859;box-shadow:0 4px 12px #0d94881f;transform:scale(1.03)}.counter-button:active{transform:scale(.96)}.float-number{animation:floatUp .8s ease-out forwards;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:800;pointer-events:none;position:absolute;right:12px;top:-8px}.float-positive{color:#0d9488}.float-negative{color:#dc2626}.empty-state{color:#3d5c56;font-size:.9rem;font-weight:500;padding:2rem;text-align:center}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes streakGlow{0%,to{box-shadow:0 4px 20px #fbbf2408}50%{box-shadow:0 4px 32px #fbbf2414}}@keyframes pulseRing{0%,to{opacity:.15}50%{opacity:.4}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-28px) scale(.8)}}@keyframes shimmer{0%{background-position:200% 200%}50%{background-position:0 0}to{background-position:200% 200%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#14b8a626;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#14b8a640}@media (max-width:768px){.content{padding:16px 12px 48px}.daily,.weekly{gap:.75rem;grid-template-columns:1fr}.header{padding:.75rem .85rem}.nav-button{border-radius:10px;font-size:.82rem;padding:.5rem 1rem}.card{border-radius:14px;padding:.9rem}.card-name{font-size:.9rem}.streak{border-radius:16px;max-width:85%;padding:1rem 1.5rem}.streak-count{font-size:1.75rem}.reward{font-size:.62rem;padding:2px 6px}.counter-button{font-size:.82rem;padding:.4rem .65rem}.timer{padding:4px 10px}.timer-label{font-size:.55rem}.timer-countdown{font-size:.78rem}.section-title{font-size:1rem}}@media (min-width:769px) and (max-width:1024px){.daily,.weekly{grid-template-columns:repeat(2,1fr)}}.sec-page{background:linear-gradient(160deg,#e0f2fe,#bae6fd 30%,#7dd3fc 60%,#a5f3fc)!important}.sec-header{background:linear-gradient(180deg,#e0f2feeb,#bae6fde0)!important;border-bottom:1px solid #0e74901f!important;box-shadow:0 4px 24px #0e749014!important}.sec-header .nav-button{background:linear-gradient(135deg,#fff9,#ffffff4d)!important;border:1px solid #0e74901f!important;color:#0e7490!important}.sec-header .nav-button:hover{background:linear-gradient(135deg,#fffc,#ffffff80)!important}.sec-header .nav-button:hover,.sec-nav-active{border-color:#0e749040!important;color:#0c4a6e!important}.sec-nav-active{background:linear-gradient(135deg,#0e74901a,#0891b20f)!important;box-shadow:0 0 12px #0e74900f!important}.sec-streak{animation:secStreakGlow 4s ease-in-out infinite!important;background:linear-gradient(135deg,#ffffffb3,#fff6)!important;border:1px solid #0e749026!important;box-shadow:0 4px 20px #0e74900f!important}.sec-streak-count{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#0891b2,#0e7490,#0c4a6e)!important;-webkit-background-clip:text!important;background-clip:text!important}.sec-streak-label{color:#0e749080!important}.sec-stat-daily{color:#0891b2!important}.sec-stat-weekly{color:#0e7490!important}.sec-stat-divider{background:#0e749026!important}.sec-page .stat-label{color:#64748b!important}.sec-section-title{color:#0c4a6e!important}.sec-timer{background:#ffffff80!important;border:1px solid #0e74901f!important}.sec-page .timer-label{color:#64748b!important}.sec-timer-countdown{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#0891b2,#0e7490)!important;-webkit-background-clip:text!important;background-clip:text!important}.sec-card{background:linear-gradient(145deg,#ffffffe0,#f0f9ffd1 40%,#e0f2fec7)!important;border:1px solid #fff9!important;box-shadow:0 4px 20px #0e749014,0 2px 8px #0000000a,inset 0 0 0 1px #fff6!important}.sec-card:before{background:linear-gradient(90deg,#06b6d4,#0891b2,#0e7490)!important}.sec-card:hover{border-color:#fffc!important;box-shadow:0 14px 40px #0e74901a,inset 0 0 0 1px #ffffff80,0 0 30px #ffffff14!important}.sec-card-done{background:linear-gradient(145deg,#cffafeeb,#bae6fddb 50%,#e0f2fed1)!important;border-color:#0e749033!important}.sec-card-done:before{background:linear-gradient(90deg,#22d3ee,#06b6d4,#0891b2)!important;opacity:.7!important}.sec-card-name{color:#0c4a6e!important}.sec-card-done .sec-card-name{color:#0e7490!important}.sec-card-check{color:#0891b2!important}.sec-card .progress-ring-bg{stroke:#0e74901a!important}.sec-ring-fill{stroke:#0891b2!important}.sec-ring-done{stroke:#06b6d4!important}.sec-ring-pulse{stroke:#22d3ee!important}.sec-ring-text{color:#0e7490!important}.sec-ring-text-done{color:#0891b2!important}.sec-card .progress-bar-track{background:#0e749014!important}.sec-bar-fill{background:linear-gradient(90deg,#0e7490,#0891b2,#06b6d4)!important}.sec-bar-done{background:linear-gradient(90deg,#0891b2,#06b6d4,#22d3ee)!important}.sec-counter-plus{background:#0e749014!important;border:1px solid #0e74902e!important;color:#0e7490!important}.sec-counter-plus:hover{background:#0e749024!important;border-color:#0e74904d!important;box-shadow:0 4px 12px #0e74901a!important}.sec-float-positive{color:#0891b2!important}.sec-card .reward{background:#ffffff80!important}.sec-page .empty-state{color:#64748b!important}@keyframes secStreakGlow{0%,to{box-shadow:0 4px 20px #0e74900f}50%{box-shadow:0 4px 32px #0e74901f}}.values{align-items:center;border-bottom:1px solid #222;display:flex;gap:2rem;justify-content:center;padding:2rem 1.5rem}.currency1,.currency2,.currency3,.currency4{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}.currency2,.currency3{text-shadow:0 0 20px #60a5fa66}.currency3{color:#4ade80}.currency4{color:#a855f7;text-shadow:0 0 20px #60a5fa66}.items1,.items2,.items3,.items4{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,.items3,.items4{background:#0a0a0a}.item1-card,.item2-card,.item3-card,.item4-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,.item3-card:hover,.item4-card:hover{border-color:#333;box-shadow:0 8px 16px #0006;transform:translateY(-2px)}.card1-name,.card2-name,.card3-name,.card4-name{color:#f0f0f0;font-size:1.1rem;font-weight:600;text-align:center}.card1-cost,.card2-cost,.card3-cost,.card4-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)}.card3-cost{background:#1a1a1a;border-color:#4ade80;color:#4ade80}.card3-cost:hover{background:#1a1a2a;box-shadow:0 0 15px #60a5fa4d;transform:scale(1.05)}.card4-cost{background:#1a1a1a;border-color:#a855f7;color:#a855f7}.card4-cost:hover{background:#1a1a2a;box-shadow:0 0 15px #60a5fa4d;transform:scale(1.05)}.card1-cost:active,.card2-cost:active,.card3-cost:active,.card4-cost:active{transform:scale(.98)}@media (max-width:768px){.values{gap:1.5rem;padding:1.5rem 1rem}.currency1,.currency2,.currency3,.currency4{font-size:1.75rem}.items1,.items2,.items3,.items4{gap:1rem;grid-template-columns:1fr;padding:1rem}.item1-card,.item2-card,.item3-card,.item4-card{min-height:120px;padding:.875rem}.card1-name,.card2-name,.card3-name,.card4-name{font-size:1rem}.card1-cost,.card2-cost,.card3-cost,.card4-cost{font-size:1rem;padding:.5rem 1.2rem}}@media (min-width:769px) and (max-width:1024px){.items1,.items2,.items3,.itmes4{grid-template-columns:repeat(2,1fr)}}.towers{display:flex;gap:2.5rem;margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.tower1,.tower2,.tower3{align-items:center;background:linear-gradient(145deg,#1a1a1a,#141414);border-radius:12px;box-shadow:0 4px 6px #0000004d;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:500px;transition:all .3s ease}.tower1{background:linear-gradient(145deg,#1a0f1a,#140a14);border:2px solid #a855f7}.tower1:hover{border-color:#c084fc;box-shadow:0 8px 16px #a855f74d;transform:translateY(-4px)}.tower2{background:linear-gradient(145deg,#0f1419,#0a0f14);border:2px solid #3b82f6}.tower2:hover{border-color:#60a5fa;box-shadow:0 8px 16px #3b82f64d;transform:translateY(-4px)}.tower3{background:linear-gradient(145deg,#0f190f,#0a140a);border:2px solid #22c55e}.tower3:hover{border-color:#4ade80;box-shadow:0 8px 16px #22c55e4d;transform:translateY(-4px)}.tower1-h{color:#a855f7;text-shadow:0 0 30px #a855f780}.tower1-h,.tower2-h{font-size:4rem;font-weight:700}.tower2-h{color:#3b82f6;text-shadow:0 0 30px #3b82f680}.tower3-h{color:#22c55e;font-size:4rem;font-weight:700;text-shadow:0 0 30px #22c55e80}@media (max-width:768px){.towers{flex-direction:column;gap:1.5rem;padding:1rem}.tower1,.tower2,.tower3{min-height:350px}.tower1-h,.tower2-h,.tower3-h{font-size:3rem}}@media (min-width:769px) and (max-width:1024px){.tower1,.tower2,.tower3{min-height:450px}.tower1-h,.tower2-h,.tower3-h{font-size:3.5rem}}.standings1,.standings2,.standings3{background:#0a0a0a;border-radius:12px;box-shadow:0 4px 6px #0000004d;padding:1.5rem;width:33.33%}.standings1{border:2px solid #a855f74d}.standings2{border:2px solid #3b82f64d}.standings3{border:2px solid #22c55e4d}.comps1,.comps2,.comps3{background:#0a0a0a;border-radius:12px;box-shadow:0 4px 6px #0000004d;padding:1.5rem;width:66.67%}.comps1{border:2px solid #a855f74d}.comps2{border:2px solid #3b82f64d}.comps3{border:2px solid #22c55e4d}.table1,.table2,.table3{border-collapse:collapse;width:100%}.row1,.row2,.row3{border-bottom:1px solid #1a1a1a;transition:all .2s ease}.row1:hover{background:#a855f70d}.row2:hover{background:#3b82f60d}.row3:hover{background:#22c55e0d}.data1,.data2,.data3{color:#e0e0e0;font-size:1rem;padding:1rem}.data1:first-child{color:#a855f7cc}.data2:first-child{color:#3b82f6cc}.data3:first-child{color:#22c55ecc}.tower-container{display:flex;gap:1.5rem;margin:0 auto;max-width:1400px;padding:2rem 1.5rem}@media (max-width:768px){.tower-container{flex-direction:column;padding:1rem}.comps1,.comps2,.comps3,.standings1,.standings2,.standings3{width:100%}.data1,.data2,.data3{font-size:.9rem;padding:.75rem}}@media (min-width:769px) and (max-width:1024px){.standings1,.standings2,.standings3{width:40%}.comps1,.comps2,.comps3{width:60%}}.comp1,.comp2,.comp3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:100%}.toggles1,.toggles2,.toggles3{display:flex;gap:1rem;grid-column:1/-1;justify-content:center;margin-bottom:1rem}.toggle-buttons1-,.toggle-buttons1-active,.toggle-buttons2-,.toggle-buttons2-active,.toggle-buttons3-,.toggle-buttons3-active{border:2px solid;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.toggle-buttons1-{background:#0a0a0a;border-color:#a855f74d;color:#a855f780}.toggle-buttons1-active{background:#a855f733;border-color:#a855f7;box-shadow:0 0 15px #a855f74d;color:#c084fc}.toggle-buttons2-{background:#0a0a0a;border-color:#3b82f64d;color:#3b82f680}.toggle-buttons2-active{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d;color:#60a5fa}.toggle-buttons3-{background:#0a0a0a;border-color:#22c55e4d;color:#22c55e80}.toggle-buttons3-active{background:#22c55e33;border-color:#22c55e;box-shadow:0 0 15px #22c55e4d;color:#4ade80}.thing-container1,.thing-container2,.thing-container3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;width:100%}.thing1-active,.thing1-inactive,.thing2-active,.thing2-inactive,.thing3-active,.thing3-inactive{border:2px solid;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:20px;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.thing1-inactive{background:#0a0a0a;border-color:#a855f74d;color:#a855f780}.thing1-active{background:#a855f733;border-color:#a855f7;box-shadow:0 0 15px #a855f74d;color:#c084fc}.thing1-inactive:hover{background:#a855f70d;border-color:#a855f780}.thing2-inactive{background:#0a0a0a;border-color:#3b82f64d;color:#3b82f680}.thing2-active{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d;color:#60a5fa}.thing2-inactive:hover{background:#3b82f60d;border-color:#3b82f680}.thing3-inactive{background:#0a0a0a;border-color:#22c55e4d;color:#22c55e80}.thing3-active{background:#22c55e33;border-color:#22c55e;box-shadow:0 0 15px #22c55e4d;color:#4ade80}.thing3-inactive:hover{background:#22c55e0d;border-color:#22c55e80}.submit-button1,.submit-button2,.submit-button3{border:2px solid;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;grid-column:1/-1;justify-self:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.submit-button1{background:#a855f733;border-color:#a855f7;color:#c084fc}.submit-button1:hover{background:#a855f74d;border-color:#c084fc;box-shadow:0 0 20px #a855f766;transform:translateY(-2px)}.submit-button2{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.submit-button2:hover{background:#3b82f64d;border-color:#60a5fa;box-shadow:0 0 20px #3b82f666;transform:translateY(-2px)}.submit-button3{background:#22c55e33;border-color:#22c55e;color:#4ade80}.submit-button3:hover{background:#22c55e4d;border-color:#4ade80;box-shadow:0 0 20px #22c55e66;transform:translateY(-2px)}.submit-button1:active,.submit-button2:active,.submit-button3:active{transform:translateY(0)}@media (max-width:768px){.comp1,.comp2,.comp3{gap:.75rem;grid-template-columns:1fr}.thing-container1,.thing-container2,.thing-container3{gap:.75rem;margin-bottom:1rem}.thing1-active,.thing1-inactive,.thing2-active,.thing2-inactive,.thing3-active,.thing3-inactive{font-size:.9rem;padding:.75rem 1rem}.submit-button1,.submit-button2,.submit-button3{font-size:1rem;padding:.875rem 1.5rem}.toggle-buttons1-,.toggle-buttons1-active,.toggle-buttons2-,.toggle-buttons2-active,.toggle-buttons3-,.toggle-buttons3-active{font-size:.9rem;padding:.6rem 1.5rem}}
/*# sourceMappingURL=main.60142407.css.map*/