@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=JetBrains+Mono:wght@200;400;700&display=swap";:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#888;--accent:#fff;--danger:#ef4444;--border:#222;--glass-bg:#19191999;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;min-height:100vh;line-height:1.5;display:flex;overflow:hidden}#root{flex-direction:column;flex:1;height:100vh;display:flex}.app-container{flex-direction:column;flex:1;width:100vw;height:100vh;display:flex;position:relative}.top-bar{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:2rem 3rem;display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);opacity:.8;font-size:1rem;font-weight:600}.linear-view{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slide-controls{z-index:5;pointer-events:none;justify-content:space-between;width:100%;padding:0 2rem;display:flex;position:absolute}.control-btn{color:var(--text-secondary);cursor:pointer;pointer-events:auto;background:0 0;border:none;padding:1rem;font-size:2rem;transition:color .3s,transform .3s}.control-btn:hover:not(:disabled){color:var(--text-primary);transform:scale(1.1)}.control-btn:disabled{opacity:.2;cursor:not-allowed}.hero-countdown{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;padding:0 2rem;animation:.5s ease-out fadeIn;display:flex}.hero-title{letter-spacing:-.02em;color:var(--text-primary);text-shadow:0 0 40px #ffffff1a;margin-bottom:4rem;font-size:clamp(2rem,5vw,4rem);font-weight:300}.hero-timer{justify-content:center;gap:clamp(1rem,4vw,4rem);display:flex}.hero-time-unit{flex-direction:column;align-items:center;display:flex;position:relative}.hero-time-value{font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 60px #ffffff26;font-variant-numeric:tabular-nums;font-size:clamp(4rem,12vw,12rem);font-weight:200;line-height:1}.hero-time-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);margin-top:1rem;font-size:clamp(.75rem,1.5vw,1.2rem);font-weight:600}.hero-completed{color:var(--text-primary);font-size:clamp(3rem,8vw,8rem);font-weight:200;animation:2s infinite pulse}.activity-actions{opacity:0;margin-top:5rem;transition:opacity .3s}.hero-countdown:hover .activity-actions{opacity:1}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border-radius:2rem;padding:.75rem 1.5rem;font-size:.875rem;transition:all .2s}.btn-ghost:hover{border-color:var(--danger);color:var(--danger)}.fab{background-color:var(--text-primary);width:4rem;height:4rem;color:var(--bg-color);cursor:pointer;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;transition:transform .3s;display:flex;position:absolute;bottom:3rem;right:3rem;box-shadow:0 10px 30px #00000080}.fab:hover{transform:scale(1.1)rotate(90deg)}.pagination{z-index:10;gap:.75rem;display:flex;position:absolute;bottom:4rem;left:50%;transform:translate(-50%)}.dot{background-color:var(--border);border-radius:50%;width:8px;height:8px;transition:background-color .3s,transform .3s}.dot.active{background-color:var(--accent);transform:scale(1.5)}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background-color:#000c;animation:.2s ease-out fadeIn;position:fixed;inset:0}.modal-content{background:var(--bg-color);border:1px solid var(--border);z-index:101;border-radius:1rem;width:100%;max-width:500px;padding:3rem;animation:.2s ease-out contentShow;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--text-primary)}.modal-title{margin-bottom:2rem;font-size:1.5rem;font-weight:300}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem}.form-input{border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1.25rem;font-family:var(--font-sans);background:0 0;outline:none;padding:.5rem 0;transition:border-color .3s}.form-input:focus{border-color:var(--accent)}::-webkit-calendar-picker-indicator{filter:invert()}.btn-submit{background:var(--text-primary);width:100%;color:var(--bg-color);cursor:pointer;border:none;border-radius:.5rem;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:opacity .2s}.btn-submit:hover{opacity:.9}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-title{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:300}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (width<=768px){.hero-timer{gap:1rem}.slide-controls{padding:0 .5rem}.top-bar{padding:1.5rem}.fab{width:3.5rem;height:3.5rem;font-size:1.5rem;bottom:1.5rem;right:1.5rem}.pagination{bottom:2rem}}