:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.footer-item a{color:#000}.header{width:100%;background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 3px #0000000d}.nav{display:flex;align-items:center;margin:0 auto;padding:.5rem 1rem}.logo{font-size:1.5rem;font-weight:700;padding-left:20px;padding-top:10px}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:10rem;align-items:center;justify-content:center;width:100%}.nav-links a{text-decoration:none;color:inherit;font-size:18px;text-align:center}button.book{background-color:#333;color:#fff;border:none;padding:.5rem 1rem;font-size:1rem;cursor:pointer;border-radius:4px;border:#333 solid 1px}button.book:hover{background-color:#555}button.join{background-color:#fff;color:#000;border:none;padding:.5rem 1rem;font-size:1rem;cursor:pointer;border-radius:4px;border:#333 solid 1px}button.join:hover{background-color:#f5f5f5}.nav>.join{margin-left:auto;display:flex;align-items:center}.nav>.book{margin-left:30px}.logo img{width:50px}.sign-out{background-color:#fff;color:#000;border:none;padding:.5rem 1rem;font-size:1rem;cursor:pointer;border-radius:4px;border:#333 solid 1px}.flash-banner{background-color:#fffae6;color:#333;padding:.75rem;text-align:center;font-weight:700}body.dark-mode .flash-banner{background-color:#333;color:#fffae6}body.dark-mode .logo img{filter:invert(1)}body.dark-mode .nav-links li a{color:#fff}body.dark-mode .sign-out{color:#fff;background-color:#000}body.dark-mode button.join{background-color:#000;color:#fff;border:#ffffff solid 1px}body.dark-mode .header{background-color:#000;border-bottom:1px solid #000000;box-shadow:0 1px 3px #ffffff0d}body.dark-mode button.book{background-color:#cecece;color:#000;border:#bbbbbb solid 1px}.hamburger{margin-left:auto;margin-right:20px;background:none;border:none;cursor:pointer;padding:10px;z-index:1000;display:flex;flex-direction:column;gap:5px}.hamburger span{width:30px;height:2px;background-color:#333;transition:all .3s ease}body.dark-mode .hamburger span{background-color:#fff}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.mobile-menu-content{position:fixed;top:0;right:0;width:70%;max-width:300px;height:100%;background-color:#fff;padding:20px;box-shadow:-2px 0 5px #0000001a}body.dark-mode .mobile-menu-content{background-color:#000;border-left:1px solid #333}.mobile-menu-content ul{list-style:none;padding:0;margin-top:80px;display:flex;flex-direction:column;gap:20px}.mobile-menu-content li a{text-decoration:none;color:#333;font-size:1.2rem}body.dark-mode .mobile-menu-content li a{color:#fff}@media (max-width: 1199px){.nav-links,.join,.book{display:none}}.footer-container{font-family:Arial,sans-serif;background:#f9f9f9;color:#000;padding:40px 20px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.footer-item{display:flex;align-items:flex-start;max-width:250px;text-align:left}.footer-item .icon{font-size:1.5em;margin-right:12px;flex-shrink:0}.footer-item p,.footer-item a{margin:2px 0;font-size:1em;color:#000;text-decoration:none}.footer-item a:hover{text-decoration:underline}body.dark-mode .footer-container{background:#000;color:#fff;border-top:1px solid #1e1e1e}body.dark-mode .footer-item p,body.dark-mode .footer-item a{color:#fff}.home-container{font-family:Arial,sans-serif;position:relative;padding:0;color:#000;text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.overlay{position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:40px 20px;border-radius:15px;max-width:1000px;width:100%;margin:20px;z-index:1}.home-title{font-size:2.8em;margin-bottom:20px}.home-intro{font-size:1.25em;line-height:1.6;margin-bottom:40px}.home-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.action-item{background:#ffffff1a;padding:25px 20px;border-radius:10px;text-align:center;width:240px;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.action-item .icon{font-size:2em;margin-bottom:10px;color:#000}.action-item p{font-size:1.1em;margin-bottom:15px;color:#000}.btn{font-size:1em;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;background:#fff;color:#000;outline:none;transition:background .3s}.btn:hover{background:#eaeaea}body.dark-mode .home-container{color:#fff}body.dark-mode .btn:hover{background:#fff}body.dark-mode .btn{background:#fff;color:#000}body.dark-mode .action-item p,body.dark-mode .action-item .icon{color:#fff}body.dark-mode .action-item{background:#0000001a;box-shadow:0 2px 8px #fff3;color:#000}.about-container{font-family:Arial,sans-serif;padding:40px 20px;background:#fff;color:#000;text-align:center;max-width:1000px;margin:0 auto;min-height:100vh}.title{font-size:2.8em;margin-bottom:20px}.intro,.extra-text{font-size:1.25em;line-height:1.6;margin-bottom:20px}.portfolio-section{margin-top:40px}.portfolio-section h2{font-size:2em;margin-bottom:10px}.portfolio-section p{font-size:1.1em;margin-bottom:25px}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.gallery-item{width:250px;height:300px;object-fit:cover;border-radius:10px;cursor:pointer}.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.lightbox img{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 0 15px #fff3}.animate-fade-in,.animate-slide-in,.animate-zoom-in{animation:none!important}body.dark-mode .about-container{background:#121212;color:#fff}.profile-container{max-width:450px;margin:50px auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #0000001a}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-width:450px}.name-row{display:flex;gap:15px}.name-field{flex:1;display:flex;flex-direction:column;max-width:218px}.profile-form input{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem}.update-btn{background:#000;color:#fff;padding:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s ease-in-out}.update-btn:hover{background:#333}.sign-out{background:#fff;color:#000;padding:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer;width:100%;margin-top:15px;border:1px solid rgb(136,136,136);box-shadow:gray 1px 1px 1px}.terms-link{margin-top:20px;text-align:center}.terms-link a{color:#555;text-decoration:underline;font-size:.9rem}.message{margin-top:15px;padding:10px;border-radius:8px;text-align:center;font-weight:500}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #333;border-radius:50%;animation:spin 1s linear infinite}.profile-content-wrapper{display:flex;gap:20px;align-items:flex-start}.side-block{flex-shrink:0;background:#f9f9f9;padding:15px;border-radius:12px;box-shadow:0 2px 10px #0000000d;font-size:.95rem;width:150px;text-align:left;margin-left:185px;margin-top:60px}.toggle-label{display:flex;align-items:center;gap:10px;font-weight:500;cursor:pointer}body.dark-mode{background-color:#121212;color:#eee}body.dark-mode .profile-container{background-color:#1e1e1e;color:#eee}body.dark-mode input,body.dark-mode .side-block{background-color:#2a2a2a;color:#eee;border:1px solid #555}body.dark-mode .update-btn{background:#fff;color:#000}body.dark-mode .sign-out{background:#333;color:#fff;border:1px solid #777}body.dark-mode .terms-link a{color:#aaa}@media (max-width: 1199px){.profile-content-wrapper{flex-direction:column;align-items:center}.side-block{margin:20px auto 0;width:30%;max-width:450px;text-align:center;padding:20px;order:2;transform:rotate(0)}.profile-form{order:1;width:100%}.name-row{flex-direction:column}.name-field{max-width:100%}}@media (max-width: 1199px){body.dark-mode .side-block{background-color:#2a2a2a;border:1px solid #444}}@media (max-width: 481px){.side-block{margin:20px auto 0;width:50%;max-width:450px;text-align:center;padding:20px;order:2;transform:rotate(0)}}.contact-container{font-family:Arial,sans-serif;padding:40px 20px;background:#fff;color:#000;text-align:center;max-width:1000px;margin:0 auto;min-height:100vh}.contact-title{font-size:2.8em;margin-bottom:20px}.contact-text{font-size:1.25em;line-height:1.6;margin-bottom:30px}.contact-details{font-size:1.1em;line-height:1.6}.contact-details p{margin:10px 0}.contact-details a{color:#000;text-decoration:underline}body.dark-mode .contact-details a{color:#fff}body.dark-mode .contact-container{background:#121212;color:#fff}body.dark-mode input:-webkit-autofill,body.dark-mode input:-webkit-autofill:hover,body.dark-mode input:-webkit-autofill:focus,body.dark-mode textarea:-webkit-autofill,body.dark-mode textarea:-webkit-autofill:hover,body.dark-mode textarea:-webkit-autofill:focus,body.dark-mode select:-webkit-autofill,body.dark-mode select:-webkit-autofill:hover,body.dark-mode select:-webkit-autofill:focus{-webkit-text-fill-color:#eee!important;-webkit-box-shadow:0 0 0px 1000px #2a2a2a inset!important;box-shadow:0 0 0 1000px #2a2a2a inset!important;transition:background-color 5000s ease-in-out 0s}body{animation:bodyFadeIn 1s ease-out both}.background-slider{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.background-slider img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;animation:slideShow 12s infinite}.background-slider img:nth-child(1){animation-delay:0s}.background-slider img:nth-child(2){animation-delay:4s}.background-slider img:nth-child(3){animation-delay:8s}@keyframes slideShow{0%{opacity:0}8%{opacity:1}25%{opacity:1}33%{opacity:0}to{opacity:0}}.join-container{position:relative;width:100%;height:90vh;display:flex;justify-content:center;align-items:center;background:#fff;margin-top:100px;margin-bottom:150px}.join-form{width:400px;padding:2rem;border-radius:8px;background:#f8f8f8e6;box-shadow:0 8px 20px #0000001a;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pop-in{animation:popIn .6s ease-out both}.join-form h1{margin-bottom:1.5rem;text-align:center;color:#000}.join-form form{display:flex;flex-direction:column}.join-form label{margin-bottom:.4rem;font-weight:700;color:#000}.join-form input{margin-bottom:1.2rem;padding:.6rem;border:1px solid #ccc;border-radius:4px}.join-form button[type=submit]{background:#000;color:#fff;font-weight:700;padding:.8rem;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}.join-form button[type=submit]:hover{background:#333}.divider{text-align:center;margin:1rem 0;color:#777;font-size:.9rem}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-weight:700;padding:.8rem;border:1px solid #000;border-radius:4px;cursor:pointer;margin-bottom:1rem;transition:background .3s ease}.google-btn:hover{background:#eee}.toggle-text{text-align:center;color:#000;margin-top:1rem}.toggle-text span{color:#000;font-weight:700;cursor:pointer}.row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.row .form-group{flex:1;display:flex;flex-direction:column}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bodyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6%)}}.fade-out{animation:fadeOut .3s forwards}.fade-in{animation:fadeIn .3s forwards}.confirm-form{display:flex;flex-direction:column}.confirm-form label{margin-bottom:.4rem;font-weight:700;color:#000}.confirm-form input{margin-bottom:1.2rem;padding:.6rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;text-align:center}.confirm-form button{background:#000;color:#fff;font-weight:700;padding:.8rem;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}.confirm-form button:hover{background:#333}body.dark-mode .join-container{background:#121212}body.dark-mode .join-form{background:#070707e6;box-shadow:0 8px 20px #ffffff1a}body.dark-mode .join-form h1,body.dark-mode .join-form label{color:#fff}body.dark-mode .join-form input{border:1px solid #181818}body.dark-mode .join-form button[type=submit]{background:#fff;color:#000}body.dark-mode .divider{color:#cdcdcd}body.dark-mode .google-btn{background:#fff;color:#000;border:1px solid #000}body.dark-mode .google-btn:hover{background:#eee}body.dark-mode .toggle-text,body.dark-mode .toggle-text span{color:#fff}@media (max-width: 600px){.join-container{margin-top:50px;margin-bottom:100px;height:auto}.join-form{width:75%;padding:1rem}.join-form h1{font-size:1.5rem;margin-bottom:1rem}.row{flex-direction:column;gap:.5rem}.row .form-group{width:100%}}@media (prefers-color-scheme: dark){input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;-webkit-text-fill-color:#000000!important}}:root{--bg: #ffffff;--border: #e5e7eb;--radius: .5rem;--muted: #f3f4f6;--accent: #4ade80}.calendar-container{max-width:960px;margin:32px auto;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:Inter,sans-serif;position:relative;min-height:100vh}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.nav-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:1rem;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:var(--muted)}.week-title{font-size:1.4rem;font-weight:600}.calendar-grid{display:grid;grid-template-columns:60px repeat(7,1fr);grid-auto-rows:48px;gap:6px}.corner-cell{display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:var(--radius);font-weight:600;border:1px solid var(--border)}.day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--muted);border-radius:var(--radius);font-weight:600;border:1px solid var(--border)}.date-label{font-size:.75rem;opacity:.8;margin-top:4px}.time-label{display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500}.time-cell{background:#fff;border:1px solid #dddddd;border-radius:var(--radius);transition:transform .2s ease-in-out}.time-cell.free{background:#4ade80;cursor:pointer}.time-cell.free:hover{background:#34d399}.time-cell.busy{background:#f87171;cursor:not-allowed}.form-panel{position:absolute;top:99px;right:26px;width:300px;height:620px;padding:16px;background-color:#fff;box-shadow:-2px 0 8px #0000001a;border-radius:35px}.form-panel h3{font-size:1.1rem;margin-bottom:13px;text-align:center}.form-panel button{display:block;width:100%;margin-bottom:8px;padding:10px;font-size:1rem}.form-panel label{font-size:.9rem;margin-bottom:10px;display:block}.form-panel input[type=text],.form-panel input[type=email],.form-panel input[type=tel]{width:100%;padding:8px;margin-top:4px;margin-bottom:12px;border:1px solid #cccccc;border-radius:8px;font-size:.95rem;background:#fff;color:#000}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:.85rem;margin-bottom:12px}.required{color:red;margin-left:4px;font-weight:700}.cancel-btn{background:#f87171;color:#fff}.cancel-btn:hover{background:#ef4444}.main-content.blur{filter:blur(4px);transition:filter .3s ease}.notificationos{position:fixed;top:50%;left:50%;width:100vw;transform:translate(-50%,-50%);font-size:4rem;font-weight:700;text-align:center;background:transparent;padding:0;border:none;box-shadow:none;z-index:1000;animation:fadeIn .3s ease-out,fadeOut .3s ease-in 2.7s forwards}.notificationos.success{color:#4ade80}.notificationos.error{color:#f87171}.loading-container{display:flex;justify-content:center;align-items:center;height:80vh}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #333333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOut{to{opacity:0}}body.dark-mode{color:#fff}body.dark-mode .calendar-container,body.dark-mode .nav-btn{background:#000;border:1px solid #1f1f1f}body.dark-mode .nav-btn:hover{background:#1a1a1a}body.dark-mode .corner-cell,body.dark-mode .day-header{background:#1a1a1a;border:1px solid #1f1f1f}body.dark-mode .time-cell{background:#b4b4b4;border:1px solid #333333}body.dark-mode .form-panel{background-color:#000;box-shadow:-2px 0 8px #ffffff1a}body.dark-mode .form-panel input[type=text],body.dark-mode .form-panel input[type=email],body.dark-mode .form-panel input[type=tel]{border:1px solid #444444;background:#1a1a1a;color:#fff}body.dark-mode .spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid #cccccc}body.dark-mode .time-cell.free{background:#4ade80;cursor:pointer}body.dark-mode .time-cell.free:hover{background:#34d399}body.dark-mode .time-cell.busy{background:#f87171;cursor:not-allowed}body.dark-mode .checkbox-label a{color:#d3d3d3}body.dark-mode .nav-btn{color:#fff}@media (max-width: 1200px){@media (prefers-color-scheme: dark){input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;-webkit-text-fill-color:#000000!important}}:root{--bg: #ffffff;--border: #e5e7eb;--radius: .5rem;--muted: #f3f4f6;--accent: #4ade80}.calendar-container{max-width:960px;margin:32px auto;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:Inter,sans-serif;position:relative;min-height:100vh}body.dark-mode .day-header.busy-day{background:#f87171;border-color:#f87171;color:#000}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.nav-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:1rem;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:var(--muted)}.week-title{font-size:1.4rem;font-weight:600}.calendar-grid{display:grid;grid-template-columns:60px repeat(7,1fr);grid-auto-rows:48px;gap:6px}.corner-cell{display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:var(--radius);font-weight:600;border:1px solid var(--border)}.day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--muted);border-radius:var(--radius);font-weight:600;border:1px solid var(--border);cursor:pointer;transition:background .2s ease,color .2s ease}.day-header.free-day{background:var(--accent);border-color:var(--accent);color:#fff}.day-header.free-day:hover{background:#34d399}.date-label{font-size:.75rem;opacity:.8;margin-top:4px}.time-label{display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500}.time-cell{background:#fff;border:1px solid #dddddd;border-radius:var(--radius);transition:transform .2s ease-in-out}.time-cell.free{background:var(--accent);cursor:pointer}.time-cell.free:hover{background:#34d399}.time-cell.busy{background:#f87171;cursor:not-allowed}.form-panel{position:absolute;top:99px;right:26px;width:300px;height:620px;padding:16px;background-color:#fff;box-shadow:-2px 0 8px #0000001a;border-radius:35px}.form-panel h3{font-size:1.1rem;margin-bottom:13px;text-align:center}.form-panel button{display:block;width:100%;margin-bottom:8px;padding:10px;font-size:1rem}.form-panel label{font-size:.9rem;margin-bottom:10px;display:block}.form-panel input[type=text],.form-panel input[type=email],.form-panel input[type=tel]{width:100%;padding:8px;margin-top:4px;margin-bottom:12px;border:1px solid #cccccc;border-radius:8px;font-size:.95rem;background:#fff;color:#000}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:.85rem;margin-bottom:12px}.required{color:red;margin-left:4px;font-weight:700}.cancel-btn{background:#f87171;color:#fff}.cancel-btn:hover{background:#ef4444}.main-content.blur{filter:blur(4px);transition:filter .3s ease}.notificationos{position:fixed;top:50%;left:50%;width:100vw;transform:translate(-50%,-50%);font-size:4rem;font-weight:700;text-align:center;background:transparent;padding:0;border:none;box-shadow:none;z-index:1000;animation:fadeIn .3s ease-out,fadeOut .3s ease-in 2.7s forwards}.notificationos.success{color:var(--accent)}.notificationos.error{color:#f87171}.loading-container{display:flex;justify-content:center;align-items:center;height:80vh}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #333333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOut{to{opacity:0}}body.dark-mode{color:#fff}body.dark-mode .calendar-container,body.dark-mode .nav-btn{background:#000;border:1px solid #1f1f1f}body.dark-mode .nav-btn:hover{background:#1a1a1a}body.dark-mode .corner-cell,body.dark-mode .day-header{background:#1a1a1a;border:1px solid #1f1f1f}body.dark-mode .day-header.free-day{background:var(--accent);border-color:var(--accent);color:#000}body.dark-mode .time-cell{background:#b4b4b4;border:1px solid #333333}body.dark-mode .form-panel{background-color:#000;box-shadow:-2px 0 8px #ffffff1a}body.dark-mode .form-panel input[type=text],body.dark-mode .form-panel input[type=email],body.dark-mode .form-panel input[type=tel]{border:1px solid #444444;background:#1a1a1a;color:#fff}body.dark-mode .spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid #cccccc}body.dark-mode .time-cell.free{background:var(--accent);cursor:pointer}body.dark-mode .time-cell.free:hover{background:#34d399}body.dark-mode .time-cell.busy{background:#f87171;cursor:not-allowed}body.dark-mode .checkbox-label a{color:#d3d3d3}body.dark-mode .nav-btn{color:#fff}.form-panel input[type=text],.form-panel input[type=email],.form-panel input[type=tel]{width:90%}.calendar-container{margin:16px;padding:8px}.calendar-grid{grid-template-columns:1fr;grid-auto-rows:auto}.day-header{width:100%;margin-bottom:4px}.day-header:hover{background:var(--muted)}.time-label,.corner-cell{display:none}.mobile-day-view{display:flex;flex-direction:column;gap:4px}.mobile-day-header{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:var(--radius);margin-bottom:8px}.back-btn{background:none;border:none;cursor:pointer;font-size:.9rem;color:inherit;padding:4px 8px}.mobile-time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.time-cell{height:40px;margin-bottom:4px}}.container{max-width:600px;margin:2rem auto;padding:0 1rem;font-family:Arial,sans-serif}.center{text-align:center;margin-top:2rem;font-family:Arial,sans-serif}.heading{text-align:center;margin-bottom:1rem}.list{list-style:none;padding:0}.list-item{padding:.75rem 1rem;margin:.5rem 0;border:1px solid #ccc;border-radius:6px;cursor:pointer;background:#fff;box-shadow:0 1px 3px #0000001a}.list-item:hover{background:#f0f0f0}.detail{border:1px solid #ddd;border-radius:6px;padding:1rem;background:#fff;box-shadow:0 2px 8px #0000001a}.back-btn{background:#888;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.label{display:flex;flex-direction:column;font-size:.9rem}.input{padding:.5rem;border-radius:4px;border:1px solid #ccc;margin-top:.25rem}.read-only-input{background:#f9f9f9;cursor:default}.read-only-text{margin-top:.25rem;font-weight:700}.button-row{display:flex;gap:1rem;margin-top:1rem}.save-btn{background:#28a745;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer}.delete-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center}.modal{background:#fff;color:#000;padding:1.5rem;border-radius:6px;max-width:400px;width:90%;box-shadow:0 2px 10px #0003}