.alarm-line{position:relative;display:flex;align-items:center;flex:1 1 220px;min-width:0;height:36px;box-sizing:border-box;border:1px solid #fecaca;border-radius:8px;background:#fff5f5;overflow:hidden}.alarm-bar-inner{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}.alarm-track{display:flex;width:max-content;height:100%;align-items:center;will-change:transform}.alarm-seq{display:flex;align-items:center;gap:26px;height:100%;padding:0 26px 0 12px}.alarm-seq--clone{pointer-events:none}.alarm-item{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0;border:0;background:none;font:inherit;font-size:12px;line-height:1;white-space:nowrap;color:#b91c1c;cursor:pointer}.alarm-item:hover .alarm-dev{text-decoration:underline}.alarm-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#f87171}.alarm-item.is-important .alarm-dot{background:#ef4444;animation:alarm-dot-pulse 1.6s ease-in-out infinite}.alarm-lv{flex:none;padding:0 6px;border-radius:4px;background:#fee2e2;color:#b91c1c;font-size:11px;line-height:18px}.alarm-dev{font-weight:600;color:#7f1d1d}.alarm-rule{color:#b91c1c}.alarm-val{color:#9a3412}.alarm-time{color:#b45309;opacity:.85}.alarm-empty{color:#9ca3af;font-size:12px;padding-left:2px}.is-rolling .alarm-track{animation-name:alarm-scroll;animation-timing-function:linear;animation-iteration-count:infinite}.alarm-line:hover .alarm-track{animation-play-state:paused}@keyframes alarm-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@keyframes alarm-dot-pulse{0%,100%{opacity:1}50%{opacity:.35}}.alarm-line--dark{border-color:rgba(255,69,0,.38);background:rgba(255,69,0,.09)}.alarm-line--dark .alarm-item{color:#ffb199}.alarm-line--dark .alarm-dev{color:#ffd9cc}.alarm-line--dark .alarm-rule{color:#ffb199}.alarm-line--dark .alarm-val{color:#ffc9b0}.alarm-line--dark .alarm-time{color:#ff9d7a}.alarm-line--dark .alarm-lv{background:rgba(255,69,0,.22);color:#ffd0c0}.alarm-line--dark .alarm-dot{background:#ff7a45}.alarm-line--dark .alarm-empty{color:rgba(190,210,235,.55)}.alarm-popup-mask{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:alarm-fade-in .16s ease-out;pointer-events:none}.alarm-popup{width:min(420px,86vw);border:1px solid #fecaca;border-radius:14px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(15,23,42,.28);overflow:hidden;animation:alarm-pop-in .18s ease-out;pointer-events:auto}.alarm-popup.is-clickable{cursor:pointer}.alarm-popup-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0 16px}.alarm-popup-badge{display:inline-block;padding:1px 8px;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:12px;line-height:20px}.alarm-popup-badge.is-important{background:#ef4444;color:#fff}.alarm-popup-close{flex:none;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#94a3b8;font-size:22px;line-height:1;cursor:pointer}.alarm-popup-close:hover{background:#f1f5f9;color:#ef4444}.alarm-popup-body{padding:10px 16px 18px}.alarm-popup-dev{font-size:18px;font-weight:600;color:#0f172a;line-height:1.35}.alarm-popup-text{margin-top:6px;font-size:14px;color:#475569;line-height:1.6}.alarm-popup-time{margin-top:10px;font-size:12px;color:#94a3b8}.alarm-popup-bar{height:3px;background:#fee2e2}.alarm-popup-bar>i{display:block;height:100%;width:100%;background:#ef4444;transform-origin:left center;animation-name:alarm-countdown;animation-timing-function:linear;animation-fill-mode:forwards}.alarm-popup--dark{border-color:rgba(255,69,0,.42);background:rgba(12,20,34,.88)}.alarm-popup--dark .alarm-popup-dev{color:#e8f2ff}.alarm-popup--dark .alarm-popup-text{color:#b7c8de}.alarm-popup--dark .alarm-popup-time{color:#8fa3bd}.alarm-popup--dark .alarm-popup-badge{background:rgba(255,69,0,.2);color:#ffd0c0}.alarm-popup--dark .alarm-popup-badge.is-important{background:#ff4d4f;color:#fff}.alarm-popup--dark .alarm-popup-close{color:#8fa3bd}.alarm-popup--dark .alarm-popup-close:hover{background:rgba(255,255,255,.08);color:#ff7a45}.alarm-popup--dark .alarm-popup-bar{background:rgba(255,69,0,.18)}@keyframes alarm-fade-in{from{opacity:0}to{opacity:1}}@keyframes alarm-pop-in{from{opacity:0;transform:translate3d(0,10px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes alarm-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}.alarm-line--share{flex:none;width:100%;margin:0 auto 12px}.alarm-line--screen{flex:none;width:auto;height:30px;margin:6px clamp(8px,1vw,14px) 10px;border-radius:6px}.alarm-line--screen .alarm-seq{gap:18px;padding:0 18px 0 10px}.alarm-line--screen .alarm-item{font-size:11px;gap:5px}.alarm-line--screen .alarm-empty{font-size:11px}@media(max-width:768px){.alarm-line:not(.alarm-line--share):not(.alarm-line--screen){flex:1 1 100%;order:-1}}@media(prefers-reduced-motion:reduce){.is-rolling .alarm-track{animation:none}.alarm-bar-inner{overflow-x:auto}.alarm-item.is-important .alarm-dot{animation:none}.alarm-popup-mask,.alarm-popup{animation:none}}