@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;0,900;1,700;1,900&family=Share+Tech+Mono&display=swap";:root{--bg-color:#000;--text-color:#fff;--primary-color:#ff6b00;--primary-glow:#ff6b0099;--secondary-color:#fa0;--secondary-glow:#fa06;--success-color:#1bc25b;--success-glow:#1bc25b66;--danger-color:#ff3b30;--danger-glow:#ff3b3099;--gray-dark:#121212;--gray-medium:#1f232b;--gray-light:#5a6478;--font-sporty:"Montserrat", sans-serif;--font-mono:"Share Tech Mono", monospace;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sporty)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;margin:0;overflow:hidden}.sporty-italic{font-family:var(--font-sporty);text-transform:uppercase;letter-spacing:-.05em;font-style:italic;font-weight:900}.fire-text-gradient{background:linear-gradient(135deg, #fff 0%, var(--primary-color) 50%, var(--secondary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.fire-card{-webkit-backdrop-filter:blur(12px);background:#121212cc;border:1px solid #ff6b0033;border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 32px #0000005e}.fire-card:hover{box-shadow:0 0 20px var(--primary-glow);border-color:#ff6b0080}.btn-sporty{font-family:var(--font-sporty);text-transform:uppercase;cursor:pointer;letter-spacing:.05em;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-style:italic;font-weight:700;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-sporty:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.btn-sporty:hover:after{opacity:1;left:125%}.btn-sporty-gray{background-color:var(--gray-medium);color:var(--text-color);border:1px solid #ffffff1a}.btn-sporty-gray:hover{background-color:#2b303b;transform:translateY(-2px);box-shadow:0 0 15px #ffffff1a}.btn-sporty-orange{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#000;font-weight:900}.btn-sporty-orange:hover{box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.btn-sporty-green{background:linear-gradient(135deg, var(--success-color), #2ee578);color:#000;font-weight:900}.btn-sporty-green:hover{box-shadow:0 0 20px var(--success-glow);transform:translateY(-2px)}.btn-sporty-red{background:linear-gradient(135deg, var(--danger-color), #ff6b6b);color:#fff}.btn-sporty-red:hover{box-shadow:0 0 20px var(--danger-glow);transform:translateY(-2px)}.btn-sporty:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.timer-display{font-family:var(--font-mono);color:var(--primary-color);text-shadow:0 0 30px var(--primary-glow);letter-spacing:-.02em;font-size:10rem;font-weight:700;line-height:1}.timer-display.danger{color:var(--danger-color);text-shadow:0 0 30px var(--danger-glow);animation:.5s infinite alternate pulse-danger}@keyframes pulse-danger{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes flame-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.flame-progress-bar{box-shadow:0 0 15px var(--primary-glow);background:linear-gradient(-45deg,#ff3b30,#ff6b00,gold,#ff6b00) 0 0/400% 400%;border-radius:4px;height:100%;transition:width .1s linear;animation:3s infinite flame-flow}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.flash-danger-border{animation:1s infinite alternate border-danger-flicker}@keyframes border-danger-flicker{0%{box-shadow:inset 0 0 0px var(--danger-color)}to{box-shadow:inset 0 0 40px var(--danger-glow)}}.flash-screen-complete{animation:.5s ease-out forwards screen-white-flash}@keyframes screen-white-flash{0%{filter:brightness(2);background-color:#fff!important}to{filter:brightness();background-color:#000!important}}.home-grid-container{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;transition:all .3s;display:grid}.home-mode-card{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(16px);background:#121212a6;border:1px solid #ffffff14;border-radius:24px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:56px 32px;transition:opacity .3s,border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.home-mode-card .card-icon-wrapper{border-radius:50%;margin-bottom:32px;padding:20px;transition:all .3s}.home-mode-card .card-content-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.home-mode-card h2{letter-spacing:-.01em;margin:0;font-size:2.2rem;transition:color .3s,text-shadow .3s}.home-mode-card p{color:#ffffffe6;text-align:center;margin-top:16px;font-size:1.05rem;font-weight:600;line-height:1.4}.home-mode-card span{color:var(--gray-light);text-align:center;margin-top:16px;font-size:.88rem}@media (width<=900px){.home-grid-container{grid-template-columns:1fr;gap:16px;max-width:520px;padding:0 16px}.home-mode-card{border-radius:16px;flex-direction:row;align-items:center;gap:20px;min-height:auto;padding:20px 24px}.home-mode-card .card-icon-wrapper{border-radius:12px;flex-shrink:0;margin-bottom:0;padding:12px}.home-mode-card .card-content-wrapper{text-align:left;align-items:flex-start}.home-mode-card h2{font-size:1.5rem}.home-mode-card p{text-align:left;margin-top:4px;font-size:.85rem}.home-mode-card span{text-align:left;margin-top:4px;font-size:.75rem}}.header-logo-img{width:auto;height:48px;filter:drop-shadow(0 0 10px var(--primary-glow));object-fit:contain;transition:all .3s}@media (width<=900px){.header-logo-img{height:34px}}.header-clock-container{color:var(--gray-light);align-items:center;gap:12px;transition:all .3s;display:flex}.header-clock-text{font-family:var(--font-mono);color:#fff;letter-spacing:.02em;text-shadow:0 0 12px #ff6b0026;font-size:2.2rem}@media (width<=900px){.header-clock-text{font-size:1.5rem}.header-clock-container{gap:8px}}