html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:0 0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app-shell{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.header{opacity:.8;justify-content:space-between;align-items:center;height:50px;padding:0 12px;font-size:14px;display:flex}.app.dark{color:#fff;background:#1f2937}.app.light{color:#262727;background:#f3f4f6}.theme-toggle,.fab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:52px;height:52px;color:inherit;cursor:pointer;z-index:999999;background:#ffffff14;border:none;border-radius:50%;font-size:22px;position:fixed;bottom:20px}.allday-banner{z-index:40000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff14;flex-direction:column;gap:4px;padding:6px 12px 8px;display:flex;position:sticky;top:42px}.app.dark .allday-banner{background:#050914bf}.app.light .allday-banner{background:#f5f1e8bf;border-bottom-color:#00000014}.allday-pill{border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;font-weight:500;display:flex}.app.dark .allday-pill{color:#ffffffd9;background:#ffffff12}.app.light .allday-pill{color:#000000bf;background:#0000000f}.allday-dot{cursor:pointer;background:#ff4646d9;border-radius:50%;flex-shrink:0;width:7px;height:7px}.allday-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app.dark{--card-bg:#1e1e28a6}.app.light{--card-bg:#ffffffe6;color:#1f2937}.auth-card input{outline:none;transition:border-color .15s}.auth-card input:focus{box-shadow:0 0 0 2px #4f46e533;border-color:#4f46e5!important}.auth-card button:hover{background:#4338ca!important}.logout-button{z-index:9999;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;top:16px;right:75px;color:#ef4444!important;background:#ef444426!important;border:1px solid #ef44444d!important;position:fixed!important}.logout-button:hover{transform:translateY(-1px);background:#ef44444d!important;border-color:#ef4444!important}.logout-button:active{transform:translateY(0)}.app{width:100vw;height:100vh;transition:background .3s,color .3s;position:relative;overflow:hidden}.stage{scroll-behavior:smooth;width:100%;height:100%;position:relative;overflow:hidden auto}.stage::-webkit-scrollbar{width:0;height:0}.timeline{width:100%;min-height:5000px;position:relative}.day-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5000;align-items:center;height:42px;padding-left:16px;font-size:14px;font-weight:600;display:flex;position:sticky;top:0}.app.dark .day-header{background:#050914b3}.app.light .day-header{background:#f5f1e8b3}.timeline-divider{z-index:1;background:#ffffff1f;width:1px;position:absolute;top:0;bottom:0;left:70px}.app.light .timeline-divider{background:#0000001f}.hour-line{background:#ffffff14;height:1px;position:absolute;left:78px;right:0}.hour-label{opacity:.5;text-align:right;width:60px;font-size:12px;transition:opacity .16s;position:absolute;top:-7px;left:-76px}.app.light .hour-line{background:#0000000f}.task{width:170px;position:absolute}.task-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff26;border-radius:14px;padding:10px 12px;font-size:13px;transition:transform .18s,opacity .18s;overflow:hidden}.task-inner:hover{transform:scale(1.03)}.task-title{font-weight:600}.task-time{opacity:.65;margin-top:4px;font-size:12px}.red-line-ruler{z-index:999999;pointer-events:none;background:#ff4646f2;height:2px;position:fixed;top:38%;left:50px;right:0;box-shadow:0 0 12px #ff4646b3}.time-pill{color:#fff;z-index:1000000;white-space:nowrap;background:#ff4646;border-radius:999px;align-items:center;height:24px;padding:0 12px 0 10px;font-size:10px;font-weight:400;display:flex;position:absolute;top:50%;left:-46px;transform:translateY(-50%);box-shadow:0 2px 10px #ff464673}.time-pill-tail{width:18px;height:15px;position:absolute;top:50%;right:-10px;overflow:visible;transform:translateY(-50%)}.time-text{display:inline-block}.hour-label.hidden{opacity:0}.red-line-clock{transform-origin:bottom;z-index:99999;background:#ff4646f2;width:2px;height:240px;position:absolute;top:50%;left:50%}.clock{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring{border:1px solid #ffffff0d;border-radius:50%;position:absolute}.theme-toggle,.fab{cursor:pointer;z-index:999999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:none;border-radius:50%;width:54px;height:54px;font-size:22px;position:fixed;bottom:20px}.app.dark .theme-toggle,.app.dark .fab{color:#fff;background:#ffffff14}.app.light .theme-toggle,.app.light .fab{color:#000;background:#00000014}.theme-toggle{left:20px}.fab{right:20px}