.md-demo-slot{position:relative;height:var(--md-demo-height, calc(100dvh - 14rem) );min-height:30rem;margin:1rem;border:2px dashed #d1d5db;border-radius:1rem;overflow:hidden;background:#fff}@media (min-width: 640px){.md-demo-slot{margin:1rem 2rem}}.md-demo-boot{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#fff}.md-demo-page.mbsc-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff}.md-demo-settings{padding:0;background:#f2f2f7}.md-demo-settings .mbsc-form-group{margin:0 0 .75rem;background:#fff;overflow:hidden}.md-demo-settings .mbsc-form-group:last-child{margin-bottom:0}.md-demo-settings-label{padding:.75rem 1.25rem 0;font-size:.75rem;color:#6b7280}.md-demo-settings-label+.mbsc-segmented{margin-top:.375em}.md-demo-settings-hint{padding:0 1.25rem .75rem;font-size:.75rem;color:#6b7280}.md-demo-settings .mbsc-textfield-wrapper-stacked .mbsc-textfield-label{overflow:visible;white-space:normal}.md-demo-editor-body{height:100%;overflow-y:auto;padding:0;background:#f2f2f7}.md-demo-editor-category{margin:0 0 .75rem;background:#fff;overflow:hidden}.md-demo-editor-category:last-child{margin-bottom:0}.md-demo-editor-category .mbsc-form-group{margin:0}.md-demo-editor-category .md-recurrence{padding-top:.5rem}.md-demo-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.md-demo-appbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:0 0 auto;padding:0 1rem;border-bottom:1px solid #e2e8f0;background:#fff}.md-demo-tabs{display:flex;align-items:stretch;gap:.25rem;min-width:0;overflow-x:auto}.md-demo-tab{padding:.875rem .75rem;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;white-space:nowrap;font-size:.875rem;font-weight:600;color:#64748b}.md-demo-tab:hover{color:#0f172a}.md-demo-tab-active{border-bottom-color:#2563eb;color:#0f172a}.md-demo-userchip{display:flex;align-items:center;gap:.5rem;min-width:0;padding:.375rem 0}.md-demo-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;background:#e2e8f0;font-size:.75rem;font-weight:700;color:#334155}.md-demo-avatar-lg{width:3rem;height:3rem;font-size:.875rem}.md-demo-userinfo{display:flex;flex-direction:column;min-width:0;line-height:1.2}.md-demo-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;color:#0f172a}.md-demo-useremail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;color:#94a3b8}.md-demo-account{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;background:#f8fafc}.md-demo-accountgrid{display:flex;flex-direction:column;gap:1rem;max-width:36rem}.md-demo-card{margin:0 0 1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff}.md-demo-cardhead{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.md-demo-page .md-demo-cardtitle{margin:0;font-size:.9375rem;font-weight:700;line-height:1.3;color:#0f172a}.md-demo-page .md-demo-cardhint{margin:0;font-size:.75rem;line-height:1.4;color:#64748b}.md-demo-profile{display:flex;align-items:center;gap:1rem}.md-demo-profileinfo{min-width:0}.md-demo-page .md-demo-profilename{margin:0;font-size:1.125rem;font-weight:700;line-height:1.3;color:#0f172a}.md-demo-page .md-demo-profilemeta{margin:.125rem 0 0;font-size:.8125rem;line-height:1.4;color:#64748b}.md-demo-accountcards{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:.625rem;background:#fff;overflow:hidden}.md-demo-accountcard{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon info" "actions actions";align-items:start;column-gap:.75rem;row-gap:.5rem;padding:.875rem .75rem;border-bottom:2px solid #e2e8f0}.md-demo-accountcard:last-child{border-bottom:none}.md-demo-accounticon{grid-area:icon;align-self:center;width:1.5rem;height:1.5rem;border-radius:.3125rem;object-fit:contain}.md-demo-accountactions{grid-area:actions;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.md-demo-pushswitch{display:flex;align-items:center}.md-demo-pushswitch .mbsc-form-control-wrapper{margin:0}.md-demo-pushswitch .mbsc-form-control-wrapper:after,.md-demo-pushswitch .mbsc-form-control-wrapper:before{display:none}.md-demo-pushswitch .mbsc-switch{font-size:.8125rem}.md-demo-accountmain{grid-area:info;display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0}.md-demo-accountname{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;line-height:1.5rem;font-weight:600;color:#0f172a}.md-demo-accountmeta{font-size:.75rem;color:#94a3b8}.md-demo-badge{padding:.0625rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.md-demo-badge-warn{background:#fef3c7;color:#92400e}.md-demo-page .md-demo-emptynote{margin:0;padding:.5rem 0;font-size:.8125rem;line-height:1.5}.md-demo-viewswitch{flex:0 0 auto}.md-demo-viewswitch .mbsc-segmented{margin:0;padding:0;font-size:.875rem}.md-demo-viewswitch .mbsc-segmented-item{min-width:6rem}.md-demo-calendar .md-demo-event-locked{pointer-events:none}.md-demo-calendar .md-demo-event-locked .mbsc-schedule-event-title,.md-demo-calendar .md-demo-event-locked .mbsc-event-title,.md-demo-calendar .md-demo-event-locked .mbsc-calendar-label-text{pointer-events:auto;cursor:pointer}.md-demo-calendar .md-demo-event-draft{pointer-events:none;opacity:.35}.md-demo-calendar .md-demo-event-draft .mbsc-schedule-event-background{border:1px dashed #64748b}.md-demo-deletemodes{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.25rem .5rem}.md-demo-deletemodes-title{font-size:1rem;font-weight:600;color:#0f172a}.md-demo-deletemodes-text{margin-bottom:.25rem;font-size:.8125rem;color:#475569}.md-demo-scopenotice{border:1px solid #fcd34d;border-radius:.5rem;background:#fffbeb;padding:.625rem .875rem;font-size:.8125rem;color:#92400e}.md-demo-scopeblock{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1.5rem;text-align:center}.md-demo-scopeblock-title{font-size:1.125rem;font-weight:600;color:#0f172a}.md-demo-scopeblock-text{max-width:34rem;font-size:.875rem;color:#475569}.md-demo-calendar{position:relative;flex:1 1 auto;min-width:0;min-height:0}.md-demo-calendar .mbsc-eventcalendar{height:100%}.md-demo-calendar .mbsc-ios.mbsc-schedule-event-background:before{opacity:.55}.md-demo-calendar .mbsc-ios.mbsc-schedule-event-hover .mbsc-schedule-event-background:before{opacity:.75}.md-demo-calendar .mbsc-ios.mbsc-schedule-event:after{opacity:.2}.md-demo-calendar .mbsc-ios.mbsc-schedule-event-title{opacity:1}.md-demo-calheader{flex:1 0 auto;display:flex;align-items:center;gap:.5rem}.md-demo-calheader-left{flex:1 1 0;display:flex;align-items:center;gap:.375rem;min-width:0}.md-demo-calheader-center{flex:0 0 auto;display:flex;justify-content:center}.md-demo-calheader-right{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.md-demo-calnotice{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:#92400e}.md-demo-toast-corner{justify-content:flex-end!important}.md-demo-toast-corner .mbsc-popup{margin-right:1.5rem;max-width:calc(100vw - 3rem);box-sizing:border-box}.md-demo-toast-corner .mbsc-toast-message{min-width:18rem;max-width:100%;overflow-wrap:break-word}.md-demo-delete-button{float:left}.md-recurring-event-editor-popup .md-recurrence-input .mbsc-textfield-wrapper{display:inline-block;margin:3px;z-index:3;line-height:normal}.md-recurring-event-editor-popup .md-recurrence-input .mbsc-textfield{width:140px;height:32px}.md-recurring-event-editor-popup .md-recurrence-input-nr .mbsc-textfield{width:90px}.md-recurring-event-editor-popup .md-recurrence-input .mbsc-select-icon{top:50%;height:1.5em;margin-top:-.75em}.md-recurrence-options{padding:0 1em;margin:1em 0}.md-recurrence-ends{padding:0 1em;margin:1.25em 0 -1.25em;font-weight:600;color:#0f172a}.md-recurrence-desc{margin:1em 0;font-size:12px;font-weight:400;color:#555}.md-recurrence-error{margin:0;padding:0 1em .5em;font-size:.875em;color:#dc2626}@media (max-width: 800px){.md-demo-userchip .md-demo-userinfo{display:none}.md-demo-card{padding:.75rem}.md-demo-cardhead{flex-direction:column;align-items:stretch}}.md-loading-events .md-demo-overlay{position:absolute;z-index:2;inset:0;background:#ffffff8c;transform:translateZ(0)}.md-spinner{visibility:hidden;position:relative;width:20px;height:20px}.md-loading-events .md-spinner,.md-spinner-static{visibility:visible}.md-spinner .md-spinner-blade{position:absolute;left:44.5%;top:37%;width:10%;height:25%;border-radius:50%/20%;background-color:#8c8c8c;animation:md-spinner-fade 1s linear infinite;animation-play-state:paused}.md-spinner .md-spinner-blade:nth-child(1){animation-delay:-1.66667s;transform:rotate(30deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(2){animation-delay:-1.58333s;transform:rotate(60deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(3){animation-delay:-1.5s;transform:rotate(90deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(4){animation-delay:-1.41667s;transform:rotate(120deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(5){animation-delay:-1.33333s;transform:rotate(150deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(6){animation-delay:-1.25s;transform:rotate(180deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(7){animation-delay:-1.16667s;transform:rotate(210deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(8){animation-delay:-1.08333s;transform:rotate(240deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(9){animation-delay:-1s;transform:rotate(270deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(10){animation-delay:-.91667s;transform:rotate(300deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(11){animation-delay:-.83333s;transform:rotate(330deg) translateY(-150%)}.md-spinner .md-spinner-blade:nth-child(12){animation-delay:-.75s;transform:rotate(360deg) translateY(-150%)}.md-loading-events .md-spinner-blade,.md-spinner-static .md-spinner-blade{animation-play-state:running}@keyframes md-spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}.md-demo-busy.mbsc-schedule-invalid{background:repeating-linear-gradient(-45deg,#f8fafc,#f8fafc 10px,#e2e8f0 10px 20px)}