.btn{display:flex;width:100%;padding:22px 16px;margin:0;border-radius:14px;font-size:18px;font-weight:600;letter-spacing:-.01em;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease-out,filter .14s ease-out,background-color .14s ease-out,opacity .14s ease-out}.btn:active{transform:scale(.985)}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}.btn-alarm,.btn-clear,#btn-infos{flex-shrink:0;padding-top:var(--sa-btn-pad-y, 22px);padding-bottom:var(--sa-btn-pad-y, 22px);font-size:var(--sa-btn-fs, 18px)}#btn-alarm.btn-alarm,#btn-infos.btn-alarm{padding-top:calc(var(--sa-btn-pad-y, 22px) + 4px);padding-bottom:calc(var(--sa-btn-pad-y, 22px) + 4px);font-size:calc(var(--sa-btn-fs, 18px) + 1px)}.btn-clear{padding-top:var(--sa-btn-pad-y, 22px);padding-bottom:var(--sa-btn-pad-y, 22px);font-size:var(--sa-btn-fs, 18px)}#btn-infos:not(.btn-alarm){padding-top:calc(var(--sa-btn-pad-y, 22px) - 4px);padding-bottom:calc(var(--sa-btn-pad-y, 22px) - 4px);font-size:calc(var(--sa-btn-fs, 18px) - 1px);font-weight:500;letter-spacing:-.01em}#btn-alarm.sa-typecard,#btn-clear.sa-typecard,#btn-infos.sa-typecard.btn-alarm{padding-top:calc(var(--sa-btn-pad-y, 22px) - 6px);padding-bottom:calc(var(--sa-btn-pad-y, 22px) - 6px)}#btn-infos.sa-typecard--row{padding-top:calc(var(--sa-btn-pad-y, 22px) - 6px);padding-bottom:calc(var(--sa-btn-pad-y, 22px) - 6px);min-height:var(--sa-alarm-card-h, 65px);font-size:var(--sa-btn-fs, 18px)}#btn-infos.btn-alarm .sa-typecard-chevron{display:none}.sa-alarm-grid>#btn-alarm.sa-alarm-grid-tall,.sa-alarm-grid>#btn-clear.sa-alarm-grid-tall,.sa-alarm-grid>#btn-infos.sa-alarm-grid-tall{font-size:var(--sa-alarm-duo-fs)}.btn-alarm,.btn-clear,.btn.btn-info-blue{-webkit-backface-visibility:hidden;backface-visibility:hidden}.btn-alarm{background:var(--dangerBg);color:var(--dangerFg);border-color:var(--dangerBorder);font-weight:700;letter-spacing:-.015em;box-shadow:0 1px 2px #00000014,0 4px 16px color-mix(in srgb,var(--dangerBg) 22%,transparent)}.btn-alarm:active{filter:brightness(.96);box-shadow:0 1px 1px #00000014,0 2px 8px color-mix(in srgb,var(--dangerBg) 18%,transparent)}.btn-clear{background:var(--successBg);color:var(--successFg);border-color:var(--successBorder);font-weight:700;letter-spacing:-.015em;box-shadow:0 1px 2px #00000014,0 4px 16px color-mix(in srgb,var(--successBg) 22%,transparent)}.btn-clear:active{filter:brightness(.96);box-shadow:0 1px 1px #00000014,0 2px 8px color-mix(in srgb,var(--successBg) 18%,transparent)}.btn-secondary{border-color:var(--border);font-weight:500}#btn-infos.btn-alarm{font-weight:700;letter-spacing:-.015em}#btn-infos:not(.btn-alarm){font-weight:500;letter-spacing:-.01em}.btn.btn-info-blue{background:var(--brand)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 1px 2px #00000014,0 4px 14px color-mix(in srgb,var(--brand) 22%,transparent)}body .btn-alarm:is(:hover,[data-sa-hover]),body .btn-alarm:focus-visible,body.sa-alarm-alarm .btn-alarm:is(:hover,[data-sa-hover]),body.sa-alarm-ok .btn-alarm:is(:hover,[data-sa-hover]){filter:none!important;background:color-mix(in srgb,var(--dangerBg) 84%,#000);box-shadow:0 1px 2px #0000001a,0 6px 22px color-mix(in srgb,var(--dangerBg) 40%,transparent)}body .btn-clear:is(:hover,[data-sa-hover]),body .btn-clear:focus-visible,body.sa-alarm-alarm .btn-clear:is(:hover,[data-sa-hover]),body.sa-alarm-ok .btn-clear:is(:hover,[data-sa-hover]){filter:none!important;background:color-mix(in srgb,var(--successBg) 84%,#000);box-shadow:0 1px 2px #0000001a,0 6px 22px color-mix(in srgb,var(--successBg) 40%,transparent)}body .btn.btn-info-blue:is(:hover,[data-sa-hover]),body .btn.btn-info-blue:focus-visible,body.sa-alarm-alarm .btn.btn-info-blue:is(:hover,[data-sa-hover]),body.sa-alarm-ok .btn.btn-info-blue:is(:hover,[data-sa-hover]){filter:none!important;background:var(--brand-press, color-mix(in srgb, var(--brand) 82%, #000))!important;box-shadow:0 1px 2px #0000001a,0 6px 22px color-mix(in srgb,var(--brand) 40%,transparent)}.btn.sa-action-sent{animation:saActionSent .38s ease;box-shadow:0 0 0 3px #3b82f633}.btn.btn-alarm.sa-action-sent{box-shadow:0 0 0 3px color-mix(in srgb,var(--dangerBg) 45%,transparent)}.btn.btn-clear.sa-action-sent{box-shadow:0 0 0 3px color-mix(in srgb,var(--successBg) 45%,transparent)}@keyframes saActionSent{0%{transform:scale(1)}45%{transform:scale(.985)}to{transform:scale(1)}}.sa-home-actions{display:flex;flex-direction:column;gap:var(--sa-page-gap, 16px);width:100%;flex-shrink:0}#status-stack{display:flex;flex-direction:column;gap:var(--sa-page-gap, 8px)}#status:empty{display:none}#status{font-size:14px;margin:0;opacity:.85;white-space:pre-line;text-align:center}#alarm-state-box{--sa-statebox-h: 108px;display:flex;flex-direction:column;flex-shrink:0;height:var(--sa-statebox-h);box-sizing:border-box;font-size:13px;line-height:1.35;text-align:left;border-radius:var(--radius-lg, 14px);border:1px solid var(--border);background:var(--card);padding:12px 14px;color:var(--fg);overflow:hidden}#alarm-state-box[data-clickable]{cursor:pointer}#alarm-state-box .sa-state-card-title{font-size:15px;font-weight:700;letter-spacing:-.015em;margin:0 0 4px;flex-shrink:0}#alarm-state-box .sa-state-card-body{flex:0 0 auto;height:calc((2 * var(--sa-state-row-lh, 17px)) + 2px);overflow:hidden}#alarm-state-box .sa-state-card-row,#alarm-state-box .sa-state-card-meta{font-size:13px;line-height:var(--sa-state-row-lh, 17px);font-weight:500;opacity:.92;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#alarm-state-box .sa-state-card-row:first-child,#alarm-state-box .sa-state-card-meta:first-child{margin-top:0}#alarm-state-box .sa-state-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;margin-top:auto;flex-shrink:0}#alarm-state-box .sa-state-card-time{font-size:12px;font-weight:500;opacity:.78}#alarm-state-box .sa-state-card-details{appearance:none;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:600;line-height:16px;border-radius:999px;padding:2px 10px;opacity:.85;cursor:pointer}#alarm-state-box .sa-state-card-details:hover{opacity:1}#alarm-state-box .sa-state-card-details:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}#alarm-state-box[data-state=alarm]{border-color:var(--dangerBorder);background:var(--dangerBg);color:var(--dangerFg);font-weight:600}#alarm-state-box[data-state=ok]{border-color:var(--successBorder);background:var(--successBg);color:var(--successFg);font-weight:600}#alarm-state-box[data-state=ready]{opacity:.88}#alarm-state-box[data-state=recap]{border-color:var(--border);background:var(--card);color:var(--fg)}#alarm-state-box:not([data-state]){animation:saEmptyPulse 2.4s ease-in-out infinite}@keyframes saEmptyPulse{0%,to{opacity:.55}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){#alarm-state-box:not([data-state]){animation:none;opacity:.75}}.lock-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:3000;align-items:center;justify-content:center;padding:16px}.lock-box{width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 10px 40px #00000040}.lock-title{font-size:18px;font-weight:700;margin:0 0 6px}.lock-sub{font-size:12px;color:var(--muted);margin:0 0 10px}.lock-actions{display:flex;gap:10px;margin-top:10px}.lock-actions .btn{flex:1;margin-top:0;padding:12px;font-size:15px;min-height:44px}.lock-status{font-size:12px;margin-top:8px;color:var(--muted);white-space:pre-line}.lock-input{width:100%;padding:10px;border-radius:10px;border:1px solid var(--controlBorder);background:transparent;color:var(--fg);font-size:16px;box-sizing:border-box}html,body{overscroll-behavior:none}.btn{touch-action:manipulation}.custom-alarm-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:var(--sa-cab-grid-gap, 8px);width:100%;margin:0;flex-shrink:0}.custom-alarm-buttons-grid[hidden]{display:none!important}.custom-alarm-buttons-grid .custom-alarm-btn{--cab-tint: var(--system-red, #ef4444);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sa-cab-gap, 8px);padding:var(--sa-cab-pad-y, 12px) var(--sa-cab-pad-x, 8px);min-height:var(--sa-cab-min-h, 72px);border-radius:10px;border:1px solid var(--btnSecondaryBorder, transparent);background:var(--btnSecondaryBg);color:var(--btnSecondaryFg, var(--fg, #111));cursor:pointer;font-family:inherit;font-size:var(--sa-cab-label-fs, 14px);line-height:1.2;text-align:center;transition:background-color .16s ease,border-color .16s ease,transform 80ms ease;touch-action:manipulation}.custom-alarm-buttons-grid .custom-alarm-btn:is(:hover,[data-sa-hover]),.custom-alarm-buttons-grid .custom-alarm-btn:focus-visible{background:color-mix(in srgb,var(--cab-tint) 22%,var(--btnSecondaryBg));outline:none}.custom-alarm-buttons-grid .custom-alarm-btn:active{transform:scale(.97)}.custom-alarm-buttons-grid .custom-alarm-btn .custom-alarm-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--sa-cab-icon-size, 26px);height:var(--sa-cab-icon-size, 26px);font-size:calc(var(--sa-cab-icon-size, 26px) * .85);line-height:1;color:var(--cab-tint)}.custom-alarm-buttons-grid .custom-alarm-btn .custom-alarm-icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.custom-alarm-buttons-grid .custom-alarm-btn .custom-alarm-label{font-weight:600;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;font-size:var(--sa-cab-label-fs, 14px);line-height:1.2;min-height:calc(var(--sa-cab-label-fs, 14px) * 1.2 * 2);display:flex;align-items:center;justify-content:center;text-align:center}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--default,.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--red{--cab-tint: var(--system-red, #ef4444)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--orange{--cab-tint: var(--system-orange, #ff9500)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--yellow{--cab-tint: var(--system-yellow, #ffcc00)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--green{--cab-tint: var(--system-green, #16813e)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--teal{--cab-tint: var(--brand, #0d847b)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--lime{--cab-tint: var(--system-lime, #65a30d)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--cyan{--cab-tint: var(--system-cyan, #06b6d4)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--blue{--cab-tint: var(--system-blue, #007aff)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--indigo{--cab-tint: var(--system-indigo, #6366f1)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--purple{--cab-tint: var(--system-purple, #af52de)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--pink{--cab-tint: var(--system-pink, #ec4899)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--brown{--cab-tint: var(--system-brown, #a1724e)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--white{--cab-tint: var(--accent-white, #ffffff)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--lightgray{--cab-tint: var(--accent-lightgray, #c7c7cc)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--gray{--cab-tint: var(--accent-gray, #8e8e93)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--slate{--cab-tint: var(--accent-slate, #48484a)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--black{--cab-tint: var(--accent-black, #1c1c1e)}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--white .custom-alarm-icon,.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--lightgray .custom-alarm-icon{filter:drop-shadow(0 0 1px rgba(0,0,0,.55))}.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--slate .custom-alarm-icon,.custom-alarm-buttons-grid .custom-alarm-btn.custom-alarm-btn--black .custom-alarm-icon{filter:drop-shadow(0 0 1px rgba(255,255,255,.45))}html[data-theme=dark] .custom-alarm-buttons-grid .custom-alarm-btn .custom-alarm-icon{color:inherit;filter:none}@media(prefers-color-scheme:dark){html:not([data-theme]) .custom-alarm-buttons-grid .custom-alarm-btn .custom-alarm-icon{color:inherit;filter:none}}@media(max-width:380px){.custom-alarm-buttons-grid{grid-template-columns:repeat(2,1fr)}}.footer-buttons-wrap{flex-shrink:0;width:100%;box-sizing:border-box;margin-top:0}.footer-buttons-inner{display:flex;flex-direction:row;gap:var(--sa-actions-gap, 8px);width:100%}.footer-buttons-inner .btn-secondary{transition:background-color .22s ease,border-color .22s ease,color .22s ease}.footer-buttons-inner .btn.sa-anmelden-emphasis{font-weight:600;border-color:var(--primary, #2563eb);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary, #2563eb) 35%,transparent)}.footer-buttons-inner .btn-secondary{font-size:var(--sa-footer-fs, 18px);font-weight:500;letter-spacing:-.01em;line-height:1.2;font-family:var(--font-system);padding-top:var(--sa-footer-pad-y, 22px);padding-bottom:var(--sa-footer-pad-y, 22px);padding-left:16px;padding-right:16px}.footer-buttons-wrap.sticky{margin-top:auto;background:var(--card)}@media(max-width:899px){body.sa-has-tab-bar .footer-buttons-inner{display:none}body.sa-has-tab-bar .sa-home-actions{flex:1 0 auto}body.sa-has-tab-bar .sa-home-actions>.sa-alarm-grid{flex:1 1 auto;min-height:0;grid-template-rows:1fr;grid-auto-rows:auto}}@media(min-width:900px){body:not(.sa-has-tab-bar) .sa-home-actions{flex:1 0 auto}body:not(.sa-has-tab-bar) .sa-home-actions>.sa-alarm-grid{--sa-desk-alarm-max: 40vh;--sa-desk-row: calc(var(--sa-alarm-card-h, 65px) + var(--sa-alarm-grid-gap, 16px));flex:1 1 auto;min-height:0;max-height:calc(var(--sa-desk-alarm-max) + var(--sa-desk-row));grid-template-rows:1fr;grid-auto-rows:auto}body.sa-alarm-running:not(.sa-has-tab-bar) .sa-home-actions>.sa-alarm-grid{max-height:calc(var(--sa-desk-alarm-max) + 2 * var(--sa-desk-row))}}body.sa-alarm-alarm .footer-buttons-wrap,body.sa-alarm-ok .footer-buttons-wrap{background:transparent!important}.feedback-in-footer{margin-top:4px;text-align:center;padding:6px 0 0}body.sa-ios-arrow-visible .feedback-in-footer{display:none}.feedback-in-footer a{font-size:12px;color:var(--muted, #374151);text-decoration:none}html[data-theme=dark] .feedback-in-footer a{color:var(--muted, #6b7280)}.feedback-in-footer a:hover{text-decoration:underline}
