:root{--zebra-primary: #17212b;--zebra-accent: #e53935;--zebra-background: #f6f8fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial,sans-serif;color:var(--zebra-primary);background:var(--zebra-background);font-synthesis:none}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%}body{min-height:100dvh;margin:0}button{padding:.4rem .65rem;border:1px solid #9aa8b5;border-radius:.5rem;background:#fff;color:#17212b;font:inherit;cursor:pointer}button:hover{background:#eef3f7}button:focus-visible{outline:3px solid #76a9fa;outline-offset:2px}button:disabled{opacity:.6;cursor:wait}.app{max-width:1100px;height:100vh;height:100dvh;margin:auto;padding:calc(.6rem + env(safe-area-inset-top)) calc(.75rem + env(safe-area-inset-right)) calc(.6rem + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem}h1{margin:.1rem 0;font-size:clamp(1.15rem,3vw,1.65rem)}.account-actions,.actions,.period-actions,.view-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.user-name{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#26384a}.login{max-width:34rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #17212b12;text-align:center}.zebra-mark{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto .75rem;border-radius:.75rem;color:#fff;background:var(--zebra-primary);font-weight:800;font-size:1.5rem}.app-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative}.calendar-selector{position:relative;z-index:5;align-self:flex-start;margin:.15rem 0 .35rem}.selector-button{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:11rem;padding:.35rem .6rem;border:1px solid #9aa8b5;border-radius:.45rem;background:#fff;cursor:pointer;font-size:.82rem;list-style:none}.selector-button::-webkit-details-marker{display:none}.selector-menu{position:absolute;top:calc(100% + .25rem);left:0;min-width:16rem;padding:.35rem;background:#fff;border:1px solid #b7c1ca;border-radius:.5rem;box-shadow:0 5px 20px #17212b22}.selector-item{display:flex;align-items:center;gap:.45rem;padding:.4rem .35rem;border-radius:.3rem;cursor:pointer;font-size:.82rem}.selector-item:hover{background:#eef3f7}.selector-item input{margin:0}.color-dot{display:inline-block;flex:0 0 auto;width:.65rem;height:.65rem;border-radius:50%;border:1px solid #526171}.calendar-section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin:.15rem 0 .3rem}.period-title{flex:1;font-size:.9rem}.calendar-host{position:relative;flex:1 1 auto;height:0;min-height:18rem;display:flex;flex-direction:column}.calendar-host>.fc,.calendar-host .fc-view-harness{height:100%;min-height:0}.calendar-host .fc{background:#fff;padding:.3rem;border-radius:.4rem}.calendar-host .fc-scroller{overflow:auto}.fc .fc-timegrid-slot-label{font-variant-numeric:tabular-nums}.fc-event{border-radius:4px}.fc-event-title,.fc-event-time{font-weight:600}.toast{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:20;transform:translate(-50%);max-width:calc(100% - 2rem);padding:.6rem .8rem;color:#fff;background:#26384a;border-radius:.45rem;box-shadow:0 3px 16px #0004;font-size:.85rem}dialog{border:0;border-radius:.75rem;max-width:28rem;width:calc(100% - 2rem);box-shadow:0 8px 40px #0004}dialog::backdrop{background:#17212b66}article{padding:1rem}article h2{font-size:1.25rem}@media(max-width:600px){.app{padding-left:calc(.45rem + env(safe-area-inset-left));padding-right:calc(.45rem + env(safe-area-inset-right))}header{align-items:center}.account-actions{gap:.25rem}.user-name{max-width:8rem}.actions button{padding:.35rem .5rem}.calendar-toolbar{flex-wrap:wrap}.period-title{flex-basis:100%;order:-1}.period-actions{justify-content:space-between;flex:1 1 100%}.period-actions button:first-child,.period-actions button:last-child{min-width:2.2rem}.view-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1 1 100%}.view-actions button{padding:.35rem .15rem;font-size:.78rem}.selector-button{min-width:10rem}.calendar-host{min-height:calc(100dvh - 17rem)}}