:root{--background: #111316;--surface: #111316;--surface-container-lowest: #0c0e11;--surface-container-low: #1a1c1f;--surface-container: #1e2023;--surface-container-high: #282a2d;--surface-container-highest: #333538;--surface-bright: #37393d;--surface-variant: #333538;--primary: #75ff9e;--primary-container: #00e676;--on-primary: #003918;--secondary: #ffdf9e;--secondary-container: #fabd00;--on-surface: #e2e2e6;--on-surface-variant: #bacbb9;--outline: #859585;--outline-variant: #3b4a3d;--error: #ffb4ab}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--on-surface);min-height:100vh;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--surface-container-low)}.header-logo{font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700;color:var(--primary);letter-spacing:.1em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:.5rem}.icon-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:none;border:none;border-radius:.375rem;color:var(--on-surface-variant);font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer;transition:background-color .2s,color .2s}.icon-btn:hover{background-color:var(--surface-container-high);color:var(--on-surface)}.icon-btn .material-symbols-outlined{font-size:1.25rem}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;gap:2rem}.clock-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.clock-ring-wrapper{position:relative;width:220px;height:220px;border-radius:50%;background:conic-gradient(from 0deg,#75ff9e 0deg 90deg,#333538 90deg 180deg,#75ff9e 180deg 270deg,#333538 270deg 360deg);display:flex;align-items:center;justify-content:center}.clock-ring-inner{width:190px;height:190px;border-radius:50%;background-color:var(--surface-container-low);display:flex;align-items:center;justify-content:center}.clock{font-family:Space Grotesk,sans-serif;font-size:2.75rem;font-weight:700;color:var(--on-surface);letter-spacing:-.02em}.status-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.status-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant)}.status{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:9999px;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600}.status.available{background-color:#75ff9e1f;color:var(--primary)}.status.available .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.status.unavailable{background-color:#ffdf9e1f;color:var(--secondary)}.status.unavailable .material-symbols-outlined{color:var(--secondary);font-size:1.25rem}.status-detail{font-family:Inter,sans-serif;font-size:.8125rem;color:var(--on-surface-variant);text-align:center}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.375rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background-color .2s,color .2s}.action-btn .material-symbols-outlined{font-size:1.125rem}.action-btn-secondary{background-color:var(--surface-container-highest);color:var(--primary)}.action-btn-secondary:hover{background-color:var(--surface-bright)}.schedule-section{width:100%;max-width:640px;background-color:var(--surface-container-low);border-radius:.5rem;padding:1.5rem}.schedule-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.schedule-section-title{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--on-surface)}.schedule-pattern-badge{font-family:Inter,sans-serif;font-size:.75rem;color:var(--on-surface-variant);background-color:var(--surface-container);padding:.25rem .625rem;border-radius:9999px}.schedule-list{display:flex;flex-direction:column;gap:.5rem}.schedule-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:.375rem;background-color:var(--surface-container);transition:background-color .2s}.schedule-item.active{background-color:#75ff9e1a;outline:1px solid rgba(117,255,158,.2)}.schedule-item.past{opacity:.45}.period-time-block{display:flex;flex-direction:column;gap:.2rem}.period-date{font-family:Inter,sans-serif;font-size:.75rem;color:var(--on-surface-variant)}.period-time{font-family:Space Grotesk,sans-serif;font-size:.9375rem;font-weight:600;color:var(--on-surface)}.schedule-item.active .period-time{color:var(--primary)}.period-status{font-family:Inter,sans-serif;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:9999px}.period-status.status-active{background-color:#75ff9e26;color:var(--primary)}.period-status.status-upcoming,.period-status.status-past{background-color:var(--surface-container-highest);color:var(--on-surface-variant)}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-panel{background-color:var(--surface-container-low);border-radius:.5rem;padding:1.75rem;width:100%;max-width:420px;transform:scale(.95);transition:transform .2s}.modal-overlay.open .modal-panel{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:600;color:var(--on-surface)}.modal-close-btn{background:none;border:none;color:var(--on-surface-variant);cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:var(--on-surface)}.form-field{margin-bottom:1.25rem}.form-label{display:block;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;color:var(--on-surface-variant);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.form-input{width:100%;padding:.625rem .875rem;background-color:var(--surface-container);border:none;border-radius:.375rem;color:var(--on-surface);font-family:Space Grotesk,sans-serif;font-size:.9375rem;font-weight:500;outline:none;transition:background-color .2s}.form-input:focus{background-color:var(--surface-container-highest);box-shadow:0 0 0 2px #75ff9e40}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.form-input[type=datetime-local]{color-scheme:dark}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.75rem}.btn-ghost{padding:.625rem 1.25rem;background:none;border:none;border-radius:.375rem;color:var(--on-surface-variant);font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.btn-ghost:hover{background-color:var(--surface-container-high);color:var(--on-surface)}.btn-primary{padding:.625rem 1.25rem;background:linear-gradient(135deg,#75ff9e,#00e676);border:none;border-radius:.375rem;color:var(--on-primary);font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}@media(max-width:600px){.header{padding:.875rem 1rem}.main-content{padding:2rem 1rem}.clock-ring-wrapper{width:180px;height:180px}.clock-ring-inner{width:154px;height:154px}.clock{font-size:2.25rem}.schedule-section{padding:1rem}.schedule-item{grid-template-columns:1fr auto;gap:.5rem}}