:root{--twitch-purple: #9146FF;--twitch-dark: #0e0e10;--twitch-bg: #18181b;--twitch-text: #efeff1;--twitch-card: #1f1f23;--twitch-accent: #bf94ff}body{font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--twitch-dark);color:var(--twitch-text);display:flex;justify-content:center;align-items:center;height:100vh;margin:0;text-align:center}#app{background-color:var(--twitch-bg);padding:3rem 4rem;border-radius:10px;box-shadow:0 10px 25px #00000080;max-width:900px;width:90%;border-top:4px solid var(--twitch-purple)}h1{margin-top:0;margin-bottom:2.5rem;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;color:var(--twitch-text)}h1 span{color:var(--twitch-purple)}.countdown-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.time-segment{background-color:var(--twitch-card);padding:1.5rem 1rem;border-radius:6px;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease}.time-segment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.time-segment span:first-child{font-size:3.5rem;font-weight:700;line-height:1;color:var(--twitch-accent);font-variant-numeric:tabular-nums}.label{text-transform:uppercase;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-top:.75rem;color:#adadb8}#message{margin-top:2rem;font-size:1.2rem;font-weight:500;color:#adadb8;min-height:1.5rem}@media (max-width: 768px){#app{padding:2rem;width:95%}.countdown-container{grid-template-columns:repeat(2,1fr);gap:1rem}h1{font-size:1.8rem}.time-segment span:first-child{font-size:2.5rem}}