@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #E8E8ED;--tile: #FFFFFF;--tile-photos: #1C1C1E;--text-primary: #1C1C1E;--text-secondary:#8E8E93;--text-tertiary: #ADADB8;--divider: rgba(0,0,0,.07);--item-border: rgba(0,0,0,.06);--check-border: #C7C7CC;--input-bg: #F2F2F7;--toggle-bg: rgba(0,0,0,.07);--accent: #FF9500;--transition: background .4s ease, color .4s ease}html.dark{--bg: #1C1C1E;--tile: #2C2C2E;--tile-photos: #111111;--text-primary: rgba(255,255,255,.92);--text-secondary:rgba(255,255,255,.45);--text-tertiary: rgba(255,255,255,.25);--divider: rgba(255,255,255,.07);--item-border: rgba(255,255,255,.06);--check-border: rgba(255,255,255,.25);--input-bg: rgba(255,255,255,.08);--toggle-bg: rgba(255,255,255,.1);--accent: #FF9F0A}html,body{background:var(--bg);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;transition:var(--transition)}.hub-grid{width:100vw;height:100vh;background:var(--bg);padding:14px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr 1fr 1fr 1fr;gap:10px;transition:var(--transition)}.tile{background:var(--tile);border-radius:20px;padding:20px;display:flex;flex-direction:column;overflow:hidden;min-height:0;transition:var(--transition)}.tile-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--text-tertiary);margin-bottom:10px;flex-shrink:0;transition:var(--transition)}.tile-body{flex:1;display:flex;flex-direction:column}.center-v{justify-content:center}.center-h{align-items:center}.big-num{font-weight:200;line-height:1;letter-spacing:-3px;color:var(--text-primary);transition:var(--transition)}.tile-clock{grid-column:1 / 5;grid-row:1;background:transparent;border-radius:0;padding:0 4px 4px;flex-direction:row;align-items:flex-end;justify-content:space-between}.tile-weather{grid-column:1;grid-row:2 / 5}.tile-quote{grid-column:1;grid-row:5}.tile-photos{grid-column:2;grid-row:2 / 5;background:var(--tile-photos);padding:0;position:relative}.tile-countdown{grid-column:2;grid-row:5}.tile-workout{grid-column:3 / 5;grid-row:2}.tile-lists{grid-column:3 / 5;grid-row:3 / 6;padding:0;flex-direction:row}.clock-time-block{display:flex;flex-direction:column}.clock-num{font-size:clamp(44px,7vw,72px);font-weight:200;letter-spacing:-3px;color:var(--text-primary);line-height:1;transition:var(--transition)}.clock-date{font-size:13px;color:var(--text-secondary);margin-top:4px;font-weight:300;transition:var(--transition)}.clock-greeting-block{display:flex;align-items:center;gap:10px}.clock-greeting{font-size:12px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-weight:500;transition:var(--transition)}.theme-toggle{width:32px;height:32px;border-radius:50%;border:none;background:var(--toggle-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .3s ease;flex-shrink:0}.theme-toggle:hover{opacity:.8}.weather-num{font-size:clamp(44px,7vw,72px)}.weather-row{display:flex;justify-content:space-between;align-items:flex-start}.weather-desc{font-size:14px;color:var(--text-primary);margin-top:6px;font-weight:300;transition:var(--transition)}.weather-detail{font-size:11px;color:var(--text-secondary);margin-top:4px;font-weight:300;line-height:1.6;transition:var(--transition)}.weather-icon-wrap{width:48px;height:48px;border-radius:50%;background:var(--input-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.weather-forecast{display:flex;justify-content:space-between;border-top:.5px solid var(--divider);padding-top:12px;flex-shrink:0}.forecast-hour{text-align:center}.forecast-time{font-size:10px;color:var(--text-tertiary);transition:var(--transition)}.forecast-temp{font-size:12px;color:var(--text-secondary);font-weight:300;transition:var(--transition)}.weather-daily{display:flex;justify-content:space-between;border-top:.5px solid var(--divider);padding-top:10px;margin-top:10px;flex-shrink:0}.daily-day{text-align:center;flex:1}.daily-name{font-size:11px;color:var(--text-tertiary);letter-spacing:.06em;margin-bottom:4px;transition:var(--transition)}.daily-temp{font-size:13px;color:var(--text-secondary);font-weight:300;margin-top:4px;transition:var(--transition)}.photos-header{position:absolute;top:18px;left:20px;right:20px;z-index:2}.photos-container{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;overflow:hidden}.photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 2s ease}.photo-placeholder{width:56px;height:56px;border-radius:14px;border:1.5px dashed #3a3a48;display:flex;align-items:center;justify-content:center;font-size:24px}.quote-text{font-size:13px;font-style:italic;color:var(--text-secondary);line-height:1.65;margin-bottom:8px;font-weight:300;transition:var(--transition)}.quote-author{font-size:10px;color:var(--text-tertiary);letter-spacing:.1em;font-weight:500;transition:var(--transition)}.countdown-header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.calendar-btn{width:32px;height:32px;border-radius:10px;background:var(--input-bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.countdown-num{font-size:clamp(32px,5vw,52px)}.countdown-days-label{font-size:13px;color:var(--text-secondary);margin-top:2px;font-weight:300;transition:var(--transition)}.countdown-event{font-size:13px;color:var(--text-secondary);margin-top:8px;font-weight:300;transition:var(--transition)}.picker-form{gap:10px}.picker-input{background:var(--input-bg);border:none;border-radius:10px;padding:10px 14px;font-size:14px;color:var(--text-primary);outline:none;font-family:Inter,sans-serif;width:100%;font-weight:300;transition:var(--transition)}.picker-btns{display:flex;gap:8px;width:100%}.picker-save{flex:1;background:#007aff;color:#fff;border:none;border-radius:10px;padding:10px 0;font-size:13px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif}.picker-cancel{flex:1;background:var(--input-bg);color:var(--text-secondary);border:none;border-radius:10px;padding:10px 0;font-size:13px;font-weight:400;cursor:pointer;font-family:Inter,sans-serif;transition:var(--transition)}.workout-days{display:flex;gap:0;flex:1;min-height:0}.workout-day{flex:1;display:flex;flex-direction:column;padding:0 14px 0 0;min-width:0;border-right:.5px solid var(--divider)}.workout-day:first-child{padding-left:0}.workout-day:last-child{border-right:none;padding-right:0}.workout-day-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500;margin-bottom:6px;flex-shrink:0}.workout-day-label.today{color:var(--accent)}.workout-session{font-size:13px;color:var(--text-primary);font-weight:400;margin-bottom:4px;line-height:1.3;transition:var(--transition)}.workout-meta{display:flex;gap:10px;flex-wrap:wrap}.workout-chip{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);font-weight:300}.workout-rest{font-size:13px;color:var(--text-tertiary);font-weight:300;font-style:italic}.workout-loading{font-size:13px;color:var(--text-tertiary)}.list-section{flex:1;padding:20px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.list-section-divider{width:.5px;background:var(--divider);flex-shrink:0;margin:16px 0;transition:var(--transition)}.list-header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.add-btn{width:30px;height:30px;border-radius:50%;border:none;background:var(--input-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.list-scroll{flex:1;overflow-y:auto;min-height:0}.list-scroll::-webkit-scrollbar{width:3px}.list-scroll::-webkit-scrollbar-track{background:transparent}.list-scroll::-webkit-scrollbar-thumb{background:var(--divider);border-radius:3px}.list-item{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:.5px solid var(--item-border)}.list-item:last-child{border-bottom:none}.list-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;font-family:Inter,sans-serif;color:var(--text-primary);font-weight:300}.list-input::placeholder{color:var(--text-tertiary)}.list-text{flex:1;font-size:14px;font-weight:300;color:var(--text-primary);transition:var(--transition)}.list-text.done{text-decoration:line-through;color:var(--text-tertiary)}.checkbox-empty{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--check-border);background:transparent;cursor:pointer;flex-shrink:0;padding:0;transition:var(--transition)}.checkbox-done{width:20px;height:20px;border-radius:50%;border:none;background:#34c759;cursor:pointer;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff}.list-remove{background:none;border:none;cursor:pointer;padding:2px;opacity:0;transition:opacity .2s}.list-item:hover .list-remove,.list-item:active .list-remove{opacity:1}.list-empty{font-size:13px;padding-top:12px;color:var(--text-tertiary);font-weight:300;transition:var(--transition)}.midnight-note{font-size:10px;color:var(--text-tertiary);margin-top:10px;flex-shrink:0;letter-spacing:.04em;transition:var(--transition)}@media (max-width: 820px){html,body{overflow:auto}.hub-grid{display:flex;flex-direction:column;gap:10px;height:auto;min-height:100vh;padding:10px}.tile-clock{background:var(--tile);border-radius:20px;padding:18px;flex-direction:column;align-items:flex-start}.tile-weather,.tile-quote{min-height:180px}.tile-photos{min-height:260px}.tile-lists{flex-direction:column;min-height:500px}.list-section-divider{width:100%;height:.5px;margin:0}.big-num{letter-spacing:-2px}}.login-wrap{width:100vw;height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;transition:var(--transition)}.login-box{background:var(--tile);border-radius:20px;padding:40px;width:100%;max-width:360px;transition:var(--transition)}.login-title{font-size:28px;font-weight:200;color:var(--text-primary);margin-bottom:6px;letter-spacing:-1px;transition:var(--transition)}.login-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:28px;font-weight:300;transition:var(--transition)}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{background:var(--input-bg);border:none;border-radius:10px;padding:12px 14px;font-size:14px;color:var(--text-primary);outline:none;font-family:Inter,sans-serif;font-weight:300;transition:var(--transition)}.login-input::placeholder{color:var(--text-tertiary)}.login-error{font-size:12px;color:#ff3b30;padding:0 2px}.login-btn{background:#007aff;color:#fff;border:none;border-radius:10px;padding:12px 0;font-size:14px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:opacity .2s}.login-btn:hover{opacity:.88}.login-btn:disabled{opacity:.4;cursor:not-allowed}