body{margin:0;background-color:#1b1917;font-family:Arial,sans-serif;color:#f2f2f2;max-width:100vw;overflow-x:hidden}.navbar{background-color:#333;position:relative;z-index:10000;overflow-y:visible;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px}.navbar .logo{height:40px;width:auto;max-width:120px;flex:0 0 auto;object-fit:contain;margin-right:8px}.navbar .nav-links{display:flex;margin-right:10px;white-space:nowrap;align-items:center;overflow:visible}.navbar .nav-links a{color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;cursor:pointer}.navbar .nav-links a:hover{background-color:#ddd;color:black}#canvas-container{position:absolute;top:55px;left:0;right:0;bottom:0;height:calc(100vh - 55px)}.weekly-wrapper{position:relative}.weekly-menu{position:absolute;top:100%;left:0;display:none;flex-direction:column;background:#1b1917;border:1px solid #444;z-index:10050;isolation:isolate;min-width:80px}.weekly-menu a{display:block;padding:6px 12px;white-space:nowrap}.weekly-menu a:hover{background:#333}.weekly-menu{box-shadow:0 2px 6px rgba(0,0,0,.4)}.weekly-menu._open{display:flex}.daily-wrapper{position:relative}.daily-menu{position:absolute;top:100%;left:0;display:none;flex-direction:column;background:#1b1917;border:1px solid #444;z-index:10050;min-width:80px;box-shadow:0 2px 6px rgba(0,0,0,.4)}.daily-menu a{padding:6px 12px;white-space:nowrap}.daily-menu a:hover{background:#333}.daily-wrapper.open>a{background:#444}.screen-blocker{position:fixed;inset:0;z-index:10045;background:transparent;pointer-events:auto}.daily-wrapper.open .daily-menu,.weekly-wrapper.open .weekly-menu{display:flex}@media screen and (max-width:600px){.navbar .logo{height:30px}.navbar{height:40px}.navbar .nav-links a{padding:8px 6px;font-size:16px}#canvas-container{top:60px;height:calc(100vh - 60px)}}@media screen and (min-width:600px) and (max-width:900px){.navbar .logo{height:50px}.navbar{height:70px}.navbar .nav-links a{padding:12px 10px;font-size:14px}#canvas-container{top:70px;height:calc(100vh - 70px)}}.navbar input{background:#222;border:1px solid #555;color:#f2f2f2;height:20px}.navbar button{background:#555;color:#fff;border:none;padding:2px 6px;font-size:12px;cursor:pointer}.active-filter{background-color:#555;color:white}