body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;line-height:1.2}.app-container{min-height:100vh;background-color:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 20px;box-sizing:border-box}.koomlink-logo{background-image:url(/koomlink-logo.png);background-repeat:no-repeat;background-position:center;background-size:contain;width:200px;height:50px}.app-header{width:100%;max-width:960px;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;padding:16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.app-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:0}.user-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.user-id{color:#4b5563;font-size:14px}.sign-out-button{padding:8px 16px;background-color:#ef4444;color:#fff;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s ease;font-weight:500}.sign-out-button:hover{background-color:#dc2626}.sign-in-button{padding:12px 24px;background-color:#3b82f6;color:#fff;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s ease;box-shadow:0 4px 6px #0000001a}.sign-in-button:hover{background-color:#2563eb}.message-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af;padding:12px 16px;border-radius:6px;z-index:1000;opacity:1;transition:opacity .5s ease-out;box-shadow:0 4px 12px #00000026;text-align:center}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.main-content{width:100%;max-width:960px;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.main-content{flex-direction:row}}.calendar-display{flex:1;min-height:300px;display:flex;flex-direction:column}@media (min-width: 1024px){.calendar-display{width:60%;min-height:600px}}.section-title{font-size:20px;font-weight:600;color:#374151;margin-bottom:16px}.event-list{list-style:none;padding:0 8px 0 0;margin:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex-grow:1}.event-item{background-color:#f9fafb;padding:8px 16px;box-shadow:0 1px 2px #0000000d;border-bottom:1px solid #BBB;border-right:1px solid #DDD;margin-bottom:6px;border-radius:8px}.event-item.current-event{background-color:#4ab28c;color:#fff}.event-item.current-event p{color:#fff}.event-item.upcoming-event{background-color:#fc9}.event-summary{font-weight:700;font-size:18px;color:#4338ca;margin-bottom:0}.event-date{font-weight:700;font-size:17px;color:#374151;margin-top:2px;margin-bottom:2px;padding:6px}.event-time-duration{font-size:14px;color:#4b5563;margin-top:0;margin-bottom:0;margin-right:15px;padding-right:15px;border-right:1px solid #BBB;float:left;width:110px;text-align:center}.start-time,.end-time{padding:6px;background-color:#eee;color:#000;font-size:14px;border-radius:15px;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;margin:0;text-align:center}.current-event .start-time,.current-event .end-time{background-color:#3d3}.down-arrow{color:#ccc}.event-note{font-size:14px;color:#333;margin-top:4px;padding-top:4px;font-size:16px}.no-events-message{color:#6b7280}.scheduling-form-container{flex:1;margin-top:24px}.scheduling-form-container.desktop-form{display:flex;flex-direction:column}@media (max-width: 1023px){.scheduling-form-container.desktop-form{display:none}}@media (min-width: 1024px){.scheduling-form-container{width:40%;margin-top:0}}.schedule-form{display:flex;flex-direction:column;gap:16px}.form-group{margin-bottom:12px}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.form-input{display:block;width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;font-size:14px;box-sizing:border-box}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f180}.save-button{width:100%;display:flex;justify-content:center;padding:8px 16px;border:1px solid transparent;border-radius:6px;box-shadow:0 1px 2px #0000000d;font-size:14px;font-weight:500;color:#fff;background-color:#4f46e5;cursor:pointer;transition:background-color .2s ease}.save-button:hover{background-color:#4338ca}.fab-group{position:fixed;bottom:20px;right:20px;display:flex;gap:10px;z-index:999}.fab-button{width:60px;height:60px;background-color:#4f46e5;color:#fff;border-radius:50%;border:none;font-size:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .2s ease,transform .2s ease}.fab-button:hover{background-color:#4338ca;transform:scale(1.05)}@media (min-width: 1024px){.fab-group{display:none}}.form-overlay,.calendar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.scheduling-form-container.mobile-form-overlay,.calendar-embed-container{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 8px 16px #0003;width:90%;max-width:500px;position:relative;display:flex;flex-direction:column;gap:15px;max-height:90vh;overflow-y:auto}.calendar-embed-container{max-width:90vw;max-height:90vh;width:100%;height:100%}.calendar-embed-container iframe{width:100%;flex-grow:1;border-radius:4px}@media (min-width: 1024px){.form-overlay,.calendar-overlay{display:none}}.close-overlay-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:5px}.close-overlay-button:hover{color:#1f2937}