@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg: #050505;--text: #ffffff;--text-dim: rgba(255, 255, 255, .4);--accent: #ffffff;--font-main: "Inter Variable", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0;outline:none}body,html{height:100%;background:#050505;color:var(--text);font-family:var(--font-main);overflow:hidden;user-select:none;-webkit-user-select:none;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;justify-content:center;align-items:center}.app-container{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;z-index:2}.dynamic-bg-container{position:fixed;inset:0;z-index:0;background:#050505;overflow:hidden}.dynamic-bg-container:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:2}.gradient-blob{position:absolute;width:100vmax;height:100vmax;filter:blur(80px);opacity:.25;border-radius:50%;pointer-events:none}.blob-1{top:-50%;left:-50%}.blob-2{bottom:-50%;right:-50%}.blob-3{top:20%;left:20%;width:60vmax;height:60vmax;opacity:.15}.bg-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.6) 100%);z-index:1;pointer-events:none}.activity-container{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:20}.activity-label{font-size:3rem;font-weight:300;letter-spacing:-.01em;margin-bottom:.5rem;color:#fff}.activity-context{font-size:1.25rem;color:#fff6;text-transform:uppercase;letter-spacing:.15em;font-weight:300}.controls-dock{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1.5rem;z-index:10;align-items:center}.dock-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff9;cursor:pointer;width:56px;height:56px;border-radius:50%;transition:all .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -10px #00000080,0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff1a}.dock-btn:hover{background:#ffffff1a;border-color:#ffffff26;color:#fff;transform:scale(1.05);box-shadow:0 15px 35px -10px #0009,0 0 0 1px #ffffff0d,inset 0 1px 1px #ffffff26}.dock-btn:active{background:#ffffff26;transform:scale(.96)}.modal-backdrop{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:flex;justify-content:center;align-items:center;z-index:50;padding:1rem}.modal-card{background:#121212;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 1px #ffffff0d,0 25px 60px -15px #000,0 15px 30px -10px #000c;padding:2rem;border-radius:28px;width:100%;max-width:380px;color:var(--text);position:relative;max-height:85dvh;overflow-y:auto}.modal-card::-webkit-scrollbar{width:4px}.modal-card::-webkit-scrollbar-track{background:transparent}.modal-card::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.modal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.03)}.modal-header h2{font-size:1rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.icon-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--text);background:#ffffff0d}.modal-body{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;justify-content:space-between;align-items:center}.input-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;font-weight:500}.time-input-container{position:relative;display:flex;align-items:center;gap:.5rem}.premium-input{background:transparent;border:none;color:var(--text);font-size:2rem;font-weight:300;width:3.5rem;text-align:right;font-family:var(--font-main);border-bottom:1px solid rgba(255,255,255,.1);transition:border-color .3s;padding-bottom:.2rem;appearance:textfield;-moz-appearance:textfield}.premium-input::-webkit-outer-spin-button,.premium-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.premium-input:focus{outline:none;border-color:var(--text)}.input-suffix{font-size:1rem;color:var(--text-dim);margin-left:.2rem;font-weight:300}.modal-footer{margin-top:3rem;display:flex;justify-content:center;gap:.75rem}.cancel-btn{background:#ffffff0d;color:var(--text-dim);border:1px solid rgba(255,255,255,.1);padding:.8rem 1.5rem;border-radius:100px;font-size:.9rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s}.cancel-btn:active{background:#ffffff26;transform:scale(.96)}.cancel-btn:hover{background:#ffffff1a;color:var(--text)}.save-btn{background:#fff;color:#000;border:none;padding:.8rem 2rem;border-radius:100px;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #0000004d,0 0 0 1px #ffffff1a}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0006,0 0 0 1px #fff3;background:#f0f0f0}.save-btn:active{transform:translateY(0) scale(.96)}.credits-footer{margin-top:2.5rem;text-align:center;opacity:.3;transition:opacity .3s}.credits-footer:hover{opacity:.6}.wheel-picker-container{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.wheel-picker-container:active{cursor:grabbing}.wheel-picker-item{font-size:1.25rem;font-weight:400;font-family:var(--font-main);white-space:nowrap}.segmented-control{display:flex;background:#ffffff08;padding:3px;border-radius:12px;position:relative;width:100%;border:1px solid rgba(255,255,255,.05);margin-bottom:2rem}.segmented-option{flex:1;z-index:1;cursor:pointer;text-align:center;font-size:.7rem;font-weight:600;padding:10px 0;color:var(--text-dim);transition:color .4s cubic-bezier(.16,1,.3,1);letter-spacing:.1em;text-transform:uppercase}.segmented-option.active{color:#000}.segmented-slider{position:absolute;top:3px;bottom:3px;background:#fff;border-radius:9px;box-shadow:0 2px 8px #0006}.intro-overlay{position:fixed;inset:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:100;cursor:pointer}.intro-content{text-align:center;max-width:400px;padding:2rem}.intro-content p{font-size:1.5rem;margin-bottom:1rem;line-height:1.4;color:#fff}.intro-hint{display:block;margin-top:3rem;font-size:.9rem;color:var(--text-dim);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@media(max-width:600px){.activity-label{font-size:2.5rem}}.calendar-modal{display:flex;flex-direction:column;max-height:80vh}.flavor-banner{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem;text-align:center;margin-bottom:2rem}.flavor-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.5rem}.flavor-value{font-size:1.1rem;font-weight:500;letter-spacing:.02em;color:#fff}.agenda-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.5rem}.agenda-list::-webkit-scrollbar{width:6px}.agenda-list::-webkit-scrollbar-track{background:transparent}.agenda-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.empty-state{text-align:center;padding:2rem;color:var(--text-dim);font-style:italic}.agenda-item{display:flex;gap:1rem;padding:1rem;border-radius:12px;transition:all .2s;border:1px solid transparent}.agenda-item.work{background:#ffffff05}.agenda-item.meeting{background:#3264ff14}.agenda-item.break{background:#64ff640f}.agenda-item.active{background:#ffffff1f;border-color:#ffffff1a;box-shadow:0 4px 12px #0003}.time-col{display:flex;flex-direction:column;align-items:center;min-width:60px;border-right:1px solid rgba(255,255,255,.05);padding-right:1rem;justify-content:center}.time-start{font-size:.9rem;font-weight:500;color:var(--text)}.duration{font-size:.7rem;color:var(--text-dim);margin-top:4px}.info-col{display:flex;flex-direction:column;justify-content:center}.item-label{font-size:.95rem;font-weight:500;margin-bottom:2px}.item-context{font-size:.8rem;color:var(--text-dim)}