@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--app-height:100dvh;--bg-color:#0f1115;--surface-color:#ffffff08;--surface-border:#ffffff14;--glass-bg:#ffffff0d;--glass-blur:20px;--text-main:#fff;--text-muted:#8b929e;--primary-orange:#ff6b00;--primary-orange-hover:#ff8533;--primary-glow:#ff6b004d;--block-red:#ff4757;--block-royal:#3742fa;--block-yellow:#eccc68;--block-teal:#00cec9;--block-green:#2ed573;--block-orange:#e65100;--block-pink:#ff47b5;--block-purple:#5352ed;--block-hwc:#dfe4ea}body.light-mode{--bg-color:#f5f6f8;--surface-color:#00000008;--surface-border:#0000001a;--glass-bg:#ffffffd9;--text-main:#1a1c1e;--text-muted:#5f6368;--primary-glow:#ff6b001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;margin:0;font-family:Outfit,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--surface-border);border-radius:20px;box-shadow:0 8px 32px #0003}body.light-mode .glass{box-shadow:0 8px 32px #0000000d}#root{width:100%;height:var(--app-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;opacity:.8;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.top-nav{border-bottom:1px solid var(--surface-border);z-index:1000;-webkit-backdrop-filter:blur(20px);flex-flow:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:1rem 2.5rem;display:flex;position:sticky;top:0}.brand{color:var(--primary-orange);letter-spacing:1px;flex-shrink:0;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.brand-dot{background-color:var(--primary-orange);width:12px;height:12px;box-shadow:0 0 15px var(--primary-orange);border-radius:50%}.nav-menu{white-space:nowrap;flex-direction:row;flex-grow:1;justify-content:center;align-items:center;gap:.5rem;display:flex;overflow-x:auto}.user-profile{flex-shrink:0;align-items:center;gap:1rem;margin-left:auto;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:12px;padding:1rem 1.2rem;font-weight:600;text-decoration:none;transition:all .3s}.nav-item:hover,.nav-item.active{color:var(--primary-orange);background:#ff6b001a;box-shadow:inset 0 0 10px #ff6b001a}.main-content{flex:1;min-width:0;padding:2rem 3rem;overflow-y:auto}@media (width<=1024px){.dashboard-grid{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.main-content{padding:1.5rem}.top-nav{padding:1rem 1.5rem}}@media (width<=768px){#root{flex-direction:column;height:auto;min-height:100vh}.top-nav{width:100%;padding:.8rem 1rem;padding-top:max(.8rem, env(safe-area-inset-top));gap:.5rem}.hide-on-mobile{display:none!important}.nav-menu{display:none}.main-content{padding:1rem .5rem;padding-bottom:calc(85px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;width:100%;overflow:hidden auto}h1.page-title{text-align:left;font-size:1.8rem;margin-bottom:1.5rem!important}.bottom-nav{width:100%;height:calc(65px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(25px);border-top:1px solid var(--surface-border);z-index:1000;padding:8px 5px env(safe-area-inset-bottom) 5px;box-sizing:border-box;background:#0f1115cc;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0}.bottom-nav-item{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;padding:6px;font-size:.65rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--primary-orange)}.bottom-nav-icon{font-size:1.4rem}.glass{border-radius:16px;padding:1.2rem!important}.btn-primary{padding:.8rem 1.2rem;font-size:.9rem}.daily-container{gap:1.5rem!important;padding:.5rem!important}.daily-summary-card{padding:1.5rem!important}.daily-date-number{font-size:3rem!important}.daily-timeline-card{padding:1.2rem!important}.daily-block-item{padding:1rem!important}.daily-block-title{font-size:1.1rem!important}.dashboard-calendar-grid{gap:8px!important;min-width:0!important}.dashboard-calendar-cell{min-height:70px!important;padding:8px!important}.dashboard-calendar-day-num{margin-bottom:2px!important;font-size:.9rem!important}.dashboard-calendar-badge{justify-content:center;align-items:center;font-weight:800;display:flex;min-height:22px!important;padding:2px 4px!important;font-size:.85rem!important}.calendar-card,.timeline-card{padding:1rem!important}.timeline-list{gap:8px!important}.timeline-item{padding:.6rem!important}.time-col{min-width:60px!important;font-size:.85rem!important}.setup-calendar-grid{gap:8px!important}.setup-calendar-cell{gap:5px!important;min-height:80px!important;padding:8px!important}.setup-calendar-header h2{font-size:1.5rem!important}.setup-calendar-badge{padding:2px 8px!important;font-size:.75rem!important}.setup-calendar-card{padding:1rem!important}}@media (width<=430px){.main-content{padding:.5rem .2rem!important}.calendar-card,.timeline-card,.setup-calendar-card,.glass.setup-container,.settings-container{border-radius:12px!important;gap:1rem!important;padding:.6rem .4rem!important}.settings-container>div,.settings-container section{gap:1rem!important;margin-top:1rem!important;padding-top:1rem!important}.settings-container h2{font-size:1.5rem!important}.dashboard-calendar-grid,.setup-calendar-grid{gap:4px!important}.setup-calendar-header h2{margin-bottom:.5rem!important;font-size:1.1rem!important}.dashboard-calendar-cell,.setup-calendar-cell{border-radius:6px!important;min-height:60px!important;padding:4px 2px!important}.dashboard-calendar-day-num,.setup-calendar-cell>div:first-child{font-size:.8rem!important}.dashboard-calendar-badge,.setup-calendar-badge{border-radius:4px!important;min-height:14px!important;padding:2px 3px!important;font-size:.6rem!important}.settings-container div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:1rem!important}.dashboard-calendar-grid>div:nth-child(-n+7),.setup-calendar-grid>div:nth-child(-n+7){letter-spacing:-1px!important;text-overflow:clip!important;white-space:nowrap!important;width:100%!important;padding:2px 0!important;font-size:.75rem!important;display:inline-block!important;overflow:hidden!important}}@media (width<=480px){.top-nav .brand{font-size:1.2rem}.auth-modal-content{width:95%!important;padding:2rem 1.5rem!important}.nav-menu::-webkit-scrollbar{display:none}.weekly-grid-container::-webkit-scrollbar{display:none}.calendar-grid-container::-webkit-scrollbar{display:none}}header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}h1.page-title{background:linear-gradient(135deg,#fff,#8b929e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.user-profile{align-items:center;gap:1rem;display:flex}.btn-primary{background:var(--primary-orange);color:#000;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;z-index:5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.8rem 1.8rem;font-size:1rem;font-weight:800;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 4px 15px #ff6b0033}.btn-primary:hover{background:var(--primary-orange-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0066}.dashboard-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.calendar-card{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.calendar-header{justify-content:space-between;align-items:center;display:flex}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.day-name{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;font-weight:600}.day-cell{aspect-ratio:1;cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.day-cell:hover{background:#ffffff0d;transform:scale(1.05)}.day-cell.active{border:1px solid var(--primary-orange);background:#ff6b000d}.day-number{font-size:1.2rem;font-weight:600}.a-g-badge{background:var(--primary-orange);color:#000;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:.7rem;font-weight:800}.timeline-card{padding:2rem}.timeline-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.timeline-item{align-items:stretch;gap:1rem;display:flex}.time-col{text-align:right;width:60px;color:var(--text-muted);padding-top:5px;font-size:.85rem;font-weight:600}.block-col{border-left:4px solid var(--surface-border);background:#ffffff0d;border-radius:12px;flex:1;padding:1rem;transition:all .3s}.block-col.red{border-left-color:var(--block-red)}.block-col.royal{border-left-color:var(--block-royal)}.block-col.yellow{border-left-color:var(--block-yellow)}.block-col.teal{border-left-color:var(--block-teal)}.block-col.green{border-left-color:var(--block-green)}.block-col.orange{border-left-color:var(--block-orange)}.block-col.pink{border-left-color:var(--block-pink)}.block-col.purple{border-left-color:var(--block-purple)}.block-col:hover{background:#ffffff14;transform:translate(5px)}.block-title{font-size:1.1rem;font-weight:600}.block-subtitle{color:var(--text-muted);margin-top:4px;font-size:.85rem}input[type=date],input[type=time]{cursor:pointer;appearance:none}.btn-google{color:#3c4043;background:#fff;border:1px solid #dadce0}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 3px #3c40434d}.btn-google:active{background:#eee}body.light-mode .btn-google{color:#3c4043;background:#fff;border:1px solid #dadce0}.toast{-webkit-backdrop-filter:blur(10px);color:#fff;z-index:9999;pointer-events:none;background:#000000d9;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:12px;padding:12px 24px;font-weight:800;animation:.4s cubic-bezier(.4,0,.2,1) toast-in;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.toast.success{color:#4ade80;border-color:#4ade8080}.toast.error{color:#ef4444;border-color:#ef444480}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (width<=480px){.toast{width:90%;max-width:320px;bottom:120px}}