@import"https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&family=DM+Sans:wght@400;500;600;700&display=swap";body{margin:0;padding:0}#root{width:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--cream: #FFF8F0;--sand: #F5E6D3;--warm-gray: #E8DCC8;--slate: #5A5F6B;--deep-blue: #2C3E50;--sunrise: #FFB088;--sunset: #FF8C69;--night: #4A5568;--success: #A8D5BA;--warning: #FFD89C;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .06);--shadow-medium: 0 12px 48px rgba(0, 0, 0, .1);--ease-spring: cubic-bezier(.16, 1, .3, 1)}body{font-family:DM Sans,sans-serif;background:linear-gradient(180deg,var(--cream) 0%,var(--sand) 100%);background-attachment:fixed;min-height:100vh;color:var(--deep-blue);padding:0;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:100px}.header{padding:24px 20px 12px;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(92,95,107,.1)}.date-display{font-family:Kaisei Decol,serif;font-size:14px;font-weight:500;color:var(--slate);letter-spacing:.5px;text-transform:uppercase;text-align:center}.date-navigator{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;border-bottom:.5px solid rgba(60,60,67,.12);gap:16px;min-height:56px}.nav-chevron{width:44px;height:44px;border:none;background:none;color:var(--sunset);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;-webkit-tap-highlight-color:transparent}.nav-chevron:disabled{opacity:.2;cursor:not-allowed}.nav-chevron:not(:disabled):active{opacity:.4;transform:scale(.92)}.nav-chevron svg{transition:transform .2s ease}.date-navigator .date-display{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.date-navigator .date-label{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:17px;font-weight:600;color:var(--deep-blue);letter-spacing:-.4px;white-space:nowrap}.back-to-today-btn{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:13px;font-weight:400;letter-spacing:-.08px;color:var(--sunset);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.back-to-today-btn:active{opacity:.4}.focus-card{margin:20px 20px 28px;background:#fff;border-radius:32px;padding:40px 28px 32px;box-shadow:var(--shadow-medium);position:relative;overflow:hidden;animation:slideUp .6s var(--ease-spring)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.focus-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--sunrise),var(--sunset));opacity:.8}.status-badge{display:inline-block;padding:6px 16px;background:var(--warning);border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;margin-bottom:20px;animation:fadeIn .8s ease}.status-badge.sleeping,.status-badge.completed{background:var(--success)}.status-badge.historical{background:var(--warm-gray)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.focus-title{font-family:Kaisei Decol,serif;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:12px;color:var(--deep-blue)}.focus-time{font-size:56px;font-weight:600;letter-spacing:-2px;background:linear-gradient(135deg,var(--sunset),var(--sunrise));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;font-variant-numeric:tabular-nums}.focus-subtitle{font-size:16px;color:var(--slate);line-height:1.5}.time-range{display:inline-block;padding:8px 16px;background:var(--sand);border-radius:12px;font-weight:600;margin-top:12px;font-size:15px}.quick-actions{margin:0 20px 28px;display:flex;gap:12px}.action-btn{flex:1;padding:20px 16px;background:#fff;border:2px solid var(--warm-gray);border-radius:20px;font-size:15px;font-weight:600;color:var(--deep-blue);cursor:pointer;transition:all .3s var(--ease-spring);font-family:DM Sans,sans-serif;box-shadow:var(--shadow-soft)}.action-btn:active{transform:scale(.96);box-shadow:0 4px 16px #00000014}.action-btn.primary{background:linear-gradient(135deg,var(--sunset),var(--sunrise));border:none;color:#fff}.timeline-section{margin:0 20px 28px}.section-header{font-family:Kaisei Decol,serif;font-size:18px;font-weight:600;color:var(--deep-blue);margin-bottom:16px;padding-left:4px}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:16px;transition:all .3s ease;animation:slideUp .6s var(--ease-spring);animation-delay:calc(var(--index) * .1s);opacity:0;animation-fill-mode:forwards;border:2px solid transparent}.timeline-item.current{border-color:var(--sunset)}.timeline-item.future{opacity:.8}.timeline-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.timeline-icon.wake{background:linear-gradient(135deg,#ffe5b4,#ffd89c)}.timeline-icon.nap{background:linear-gradient(135deg,#b8d4e8,#a8c5e8)}.timeline-icon.bed{background:linear-gradient(135deg,#9b9fd8,#8b8fc8)}.timeline-content{flex:1}.timeline-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--slate);margin-bottom:4px}.timeline-time{font-size:20px;font-weight:600;color:var(--deep-blue);font-variant-numeric:tabular-nums}.timeline-duration{font-size:13px;color:var(--slate);margin-top:4px}.check-icon{width:28px;height:28px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:16px 20px 32px;box-shadow:0 -4px 24px #0000000f;display:flex;justify-content:space-around;border-radius:28px 28px 0 0;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--slate);cursor:pointer;transition:all .3s ease;padding:8px 16px;border-radius:12px}.nav-item.active{color:var(--sunset);background:var(--sand)}.nav-icon{font-size:24px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state-message{font-family:Kaisei Decol,serif;font-size:1.1rem;font-weight:500;color:var(--slate);letter-spacing:.3px}.celebration{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:48px 40px;border-radius:32px;text-align:center;box-shadow:0 24px 64px #0003;z-index:2000;animation:pop .5s var(--ease-spring);display:none}.celebration.show{display:block}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.celebration-emoji{font-size:64px;margin-bottom:16px}.celebration-text{font-family:Kaisei Decol,serif;font-size:24px;font-weight:700;color:var(--deep-blue)}@media(max-height:700px){.focus-card{padding:28px 24px 24px}.focus-time{font-size:48px}.timeline-item{padding:16px}}@media(min-width:768px){.app{max-width:500px;margin:0 auto}}.modal-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;padding:20px}.edit-modal{background:#fff;border-radius:28px;width:100%;max-width:400px;box-shadow:0 24px 64px #0003;animation:slideUp .4s var(--ease-spring);overflow:hidden}.edit-modal-header{padding:32px 24px 20px;border-bottom:1px solid var(--warm-gray);text-align:center}.edit-modal-icon{font-size:48px;margin-bottom:12px}.edit-modal-title{font-family:Kaisei Decol,serif;font-size:24px;font-weight:700;color:var(--deep-blue);margin:0}.edit-modal-content{padding:24px}.edit-input-group{margin-bottom:20px}.edit-input-group:last-of-type{margin-bottom:12px}.edit-input-group label{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--slate);margin-bottom:8px}.edit-input{width:100%;padding:16px;font-size:20px;font-weight:600;font-family:DM Sans,sans-serif;border:2px solid var(--warm-gray);border-radius:16px;background:var(--cream);color:var(--deep-blue);transition:all .3s ease;font-variant-numeric:tabular-nums}.edit-input:focus{outline:none;border-color:var(--sunset);background:#fff;box-shadow:0 0 0 4px #ff8c691a}.edit-hint{font-size:13px;color:var(--slate);margin-top:12px;text-align:center}.edit-modal-actions{display:flex;gap:12px;padding:20px 24px 24px;border-top:1px solid var(--warm-gray)}.edit-btn{flex:1;padding:16px;border-radius:16px;font-size:16px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s var(--ease-spring);border:none}.edit-btn.cancel{background:var(--warm-gray);color:var(--deep-blue)}.edit-btn.cancel:active{transform:scale(.96)}.edit-btn.save{background:linear-gradient(135deg,var(--sunset),var(--sunrise));color:#fff;box-shadow:var(--shadow-soft)}.edit-btn.save:active{transform:scale(.96);box-shadow:0 4px 16px #00000014}.timeline-item{cursor:pointer;-webkit-user-select:none;user-select:none}.timeline-item:active{transform:scale(.98)}.wake-time-input-form{margin-top:24px;width:100%}.wake-time-input{width:100%;padding:20px;font-size:24px;font-weight:600;text-align:center;border:2px solid var(--warm-gray);border-radius:20px;background:#fff;color:var(--deep-blue);font-family:DM Sans,sans-serif;transition:all .3s ease;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-soft)}.wake-time-input:focus{outline:none;border-color:var(--sunset);box-shadow:0 0 0 4px #ff8c691a}.wake-time-input::placeholder{color:var(--slate);opacity:.5}.wake-time-actions{display:flex;gap:12px;margin-top:16px}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn:disabled:active{transform:none}