:root{--mtp-primary:var(--main-primary);--mtp-primary-light:#6366f11a;--mtp-primary-bg:#6366f10d;--mtp-success:#10b981;--mtp-success-light:#10b98126;--mtp-warning:#f59e0b;--mtp-error:var(--main-error);--mtp-danger:#ef4444;--mtp-text:#1f2937;--mtp-text-muted:#6b7280;--mtp-text-light:#9ca3af;--mtp-bg:#fff;--mtp-bg-secondary:#f9fafb;--mtp-bg-hover:#f3f4f6;--mtp-card-bg:#fff;--mtp-border:#e5e7eb;--mtp-border-light:#f3f4f6;--mtp-shadow:0 1px 3px #0000001a;--mtp-shadow-md:0 4px 6px -1px #0000001a;--mtp-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--mtp-modal-shadow:0 25px 50px -12px #00000040;--mtp-modal-backdrop:#00000080;--mtp-modal-bg:#fff;--mtp-radius:var(--main-radius);--mtp-radius-lg:var(--main-radius-lg);--mtp-working-color:var(--main-primary);--mtp-working-bg:#6366f140;--mtp-overlap-color:var(--main-success);--mtp-overlap-bg:#10b98166;--mtp-outside-bg:#e5e7eb}._mtp-container{gap:var(--main-space-5);flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex}._mtp-section-title{font-size:var(--main-text-xs);color:var(--mtp-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--main-space-3);font-weight:600}@keyframes mtpSpin{to{transform:rotate(360deg)}}@media (max-width:768px){._mtp-container{padding-left:var(--main-space-4);padding-right:var(--main-space-4);gap:var(--main-space-4)}}._mtp-settings{background:var(--mtp-card-bg);border-radius:var(--mtp-radius-lg);padding:var(--main-space-4) var(--main-space-5);box-shadow:var(--mtp-shadow)}._mtp-settings-row{align-items:flex-end;gap:var(--main-space-5);flex-wrap:wrap;display:flex}._mtp-setting-item{gap:var(--main-space-2);flex-direction:column;display:flex}._mtp-setting-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--mtp-text-muted);font-weight:500;display:flex}._mtp-setting-label svg{width:14px;height:14px}._mtp-input,._mtp-select{height:40px;padding:0 var(--main-space-3);font-size:var(--main-text-sm);color:var(--mtp-text);background:var(--mtp-bg-secondary);border-style:solid;border-width:1px;border-color:var(--mtp-border);border-radius:var(--mtp-radius);min-width:140px}._mtp-input:focus,._mtp-select:focus{border-color:var(--mtp-primary);box-shadow:0 0 0 3px var(--mtp-primary-light);outline:none}._mtp-add-btn{align-items:center;gap:var(--main-space-2);height:40px;padding:0 var(--main-space-5);font-size:var(--main-text-sm);color:#fff;background:var(--mtp-primary);border-radius:var(--mtp-radius);cursor:pointer;white-space:nowrap;border:none;margin-left:auto;font-weight:500;display:inline-flex}._mtp-add-btn:hover{opacity:.9}._mtp-add-btn svg{width:16px;height:16px}@media (max-width:640px){._mtp-settings-row{flex-direction:column;align-items:stretch}._mtp-setting-item{flex:1}._mtp-input,._mtp-select{width:100%;min-width:auto}._mtp-add-btn{justify-content:center;margin-left:0}}._mtp-participants{min-height:100px}._mtp-participants-hint{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);margin-bottom:var(--main-space-3);font-size:var(--main-text-xs);color:var(--mtp-text-muted);background:var(--mtp-bg-secondary);border-radius:var(--main-radius-full);display:flex}._mtp-participants-hint svg{width:12px;height:12px;color:var(--mtp-primary)}._mtp-participants-hint.hidden{display:none}._mtp-participants-grid{gap:var(--main-space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}._mtp-participants-grid.hidden{display:none}._mtp-card{padding:var(--main-space-5);background:var(--mtp-card-bg);border-radius:var(--mtp-radius-lg);box-shadow:var(--mtp-shadow);flex-direction:column;align-items:center;transition:box-shadow .2s;display:flex;position:relative}._mtp-card:hover{box-shadow:var(--mtp-shadow-lg)}._mtp-card--local{background:var(--mtp-primary-bg);border-style:solid;border-width:2px;border-color:var(--mtp-primary)}._mtp-card-badge{top:var(--main-space-2);right:var(--main-space-2);background:var(--mtp-primary-light);border-radius:var(--main-radius-full);color:var(--mtp-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute}._mtp-card-badge svg{width:10px;height:10px}._mtp-card-drag{top:var(--main-space-2);left:var(--main-space-2);width:24px;height:24px;color:var(--mtp-text-light);cursor:grab;opacity:0;justify-content:center;align-items:center;transition:opacity .15s,color .15s;display:flex;position:absolute}._mtp-card:hover ._mtp-card-drag{opacity:1}._mtp-card-drag:hover{color:var(--mtp-primary)}._mtp-card-drag:active{cursor:grabbing}._mtp-card-priority{top:var(--main-space-2);min-width:24px;height:20px;color:var(--mtp-text-muted);background:var(--mtp-bg-secondary);border-radius:var(--main-radius-full);opacity:0;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;left:32px}._mtp-card:hover ._mtp-card-priority{opacity:1}._mtp-card-priority--first{color:var(--mtp-success);background:var(--mtp-success-light)}._mtp-card-delete{top:var(--main-space-2);right:var(--main-space-2);border-radius:var(--main-radius-full);width:24px;height:24px;color:var(--mtp-text-light);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .15s,color .15s,background .15s;display:flex;position:absolute}._mtp-card:hover ._mtp-card-delete{opacity:1}._mtp-card-delete:hover{color:var(--mtp-danger);background:#ef44441a}._mtp-card-delete svg{width:12px;height:12px}._mtp-card--dragging{opacity:.5;box-shadow:var(--mtp-shadow-lg)}._mtp-card--drag-over{border-color:var(--mtp-primary);box-shadow:0 0 0 2px var(--mtp-primary-light)}._mtp-participants-grid._mtp-dragging ._mtp-card:not(._mtp-card--dragging){transition:transform .15s}._mtp-card-header{text-align:center;width:100%;margin-bottom:var(--main-space-3)}._mtp-card-title{justify-content:center;align-items:center;gap:var(--main-space-2);margin-bottom:2px;display:flex}._mtp-card-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:15px}._mtp-card-name{font-size:var(--main-text-base);color:var(--mtp-text);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-weight:600;overflow:hidden}._mtp-card-offset{font-size:var(--main-text-xs);color:var(--mtp-text-muted)}._mtp-card-time{justify-content:center;align-items:baseline;gap:var(--main-space-1);margin-bottom:var(--main-space-3);display:flex}._mtp-card-clock{color:var(--mtp-text);font-size:2.5rem;font-weight:700;font-family:var(--main-font-mono);letter-spacing:-1px;line-height:1}._mtp-card-period{font-size:var(--main-text-sm);color:var(--mtp-text-muted);text-transform:uppercase;font-weight:500}._mtp-card-footer{justify-content:center;align-items:center;gap:var(--main-space-3);width:100%;margin-bottom:var(--main-space-3);display:flex}._mtp-card-status{border-radius:var(--main-radius-full);font-size:var(--main-text-xs);align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}._mtp-card-status--active{color:var(--mtp-success);background:#10b9811a}._mtp-card-status--inactive{color:var(--mtp-text-muted);background:#9ca3af1a}._mtp-card-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}._mtp-card-status--active ._mtp-card-status-dot{animation:2s ease-in-out infinite mtpPulse}@keyframes mtpPulse{0%,to{opacity:1}50%{opacity:.4}}._mtp-card-day{font-size:var(--main-text-xs);color:var(--mtp-text-muted)}._mtp-card-day--diff{color:var(--mtp-warning);font-weight:500}._mtp-card-hours{justify-content:center;align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-2) var(--main-space-3);background:var(--mtp-bg-secondary);border-radius:var(--mtp-radius);font-size:var(--main-text-xs);display:flex}._mtp-card-hours-label{color:var(--mtp-text-light)}._mtp-card-hours-value{color:var(--mtp-text);font-weight:600;font-family:var(--main-font-mono)}._mtp-card-hours-edit{width:20px;height:20px;color:var(--mtp-text-light);border-radius:var(--mtp-radius);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;transition:opacity .15s,color .15s;display:flex}._mtp-card:hover ._mtp-card-hours-edit{opacity:1}._mtp-card-hours-edit:hover{color:var(--mtp-primary)}._mtp-empty{padding:var(--main-space-10);text-align:center;background:var(--mtp-card-bg);border-radius:var(--mtp-radius-lg);box-shadow:var(--mtp-shadow);flex-direction:column;justify-content:center;align-items:center;display:flex}._mtp-empty.hidden{display:none}._mtp-empty svg{width:48px;height:48px;color:var(--mtp-text-light);margin-bottom:var(--main-space-4)}._mtp-empty p{font-size:var(--main-text-base);color:var(--mtp-text-muted);margin-bottom:var(--main-space-4)}._mtp-empty-add{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);font-size:var(--main-text-sm);color:var(--mtp-primary);background:var(--mtp-primary-light);border-radius:var(--mtp-radius);cursor:pointer;border:none;font-weight:500;display:inline-flex}._mtp-empty-add:hover{background:#6366f126}._mtp-card._mtp-loading-placeholder{justify-content:center;min-height:200px}._mtp-card._mtp-loading-placeholder ._mtp-loading{gap:var(--main-space-2);font-size:var(--main-text-sm);flex-direction:row;padding:0}@media (max-width:640px){._mtp-participants-grid{gap:var(--main-space-3);grid-template-columns:1fr 1fr}._mtp-card{padding:var(--main-space-4) var(--main-space-3)}._mtp-card-drag,._mtp-card-priority,._mtp-card-delete,._mtp-card-hours-edit{opacity:1}._mtp-card-clock{font-size:2rem}._mtp-card-name{max-width:120px}._mtp-card-flag{width:16px;height:12px}}@media (max-width:400px){._mtp-participants-grid{grid-template-columns:1fr}}._mtp-timeline-section{background:var(--mtp-card-bg);border-radius:var(--mtp-radius-lg);padding:var(--main-space-5);box-shadow:var(--mtp-shadow)}._mtp-timeline-section.hidden{display:none}._mtp-timeline-header{margin-bottom:var(--main-space-4)}._mtp-timeline-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-base);color:var(--mtp-text);margin:0;font-weight:600;display:flex}._mtp-timeline-title svg{width:16px;height:16px;color:var(--mtp-primary)}._mtp-timeline-legend{gap:var(--main-space-4);margin-bottom:var(--main-space-2);display:flex}._mtp-timeline-legend-item{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-xs);color:var(--mtp-text-muted);display:flex}._mtp-legend-box{border-radius:3px;width:14px;height:14px}._mtp-legend-working{background:var(--mtp-working-bg)}._mtp-legend-overlap{background:var(--mtp-overlap-bg)}._mtp-timeline-note{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);font-size:var(--main-text-xs);color:var(--mtp-primary);background:var(--mtp-primary-light);border-radius:var(--main-radius-full);margin-bottom:var(--main-space-4);font-weight:500;display:inline-flex}._mtp-timeline{padding-bottom:var(--main-space-2);-webkit-overflow-scrolling:touch;overflow-x:auto}._mtp-timeline-inner{min-width:600px}._mtp-timeline-hours{margin-bottom:var(--main-space-3);padding-left:140px;display:flex}._mtp-timeline-hour{color:var(--mtp-text-light);text-align:left;white-space:nowrap;flex:1;font-size:10px}._mtp-timeline-row{margin-bottom:var(--main-space-2);align-items:center;display:flex}._mtp-timeline-row.is-local{background:var(--mtp-primary-bg);padding:var(--main-space-2) 8px;border-radius:var(--mtp-radius);margin-left:-8px;margin-right:-8px}._mtp-timeline-row.is-best{margin-top:var(--main-space-3);padding-top:var(--main-space-3);border-top-style:dashed;border-top-width:1px;border-top-color:var(--mtp-border)}._mtp-timeline-label{width:140px;padding-right:var(--main-space-3);flex-shrink:0}._mtp-timeline-name{font-size:var(--main-text-sm);color:var(--mtp-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}._mtp-timeline-row.is-best ._mtp-timeline-name{color:var(--mtp-success);font-weight:600}._mtp-timeline-time{color:var(--mtp-text-muted);font-size:10px;font-family:var(--main-font-mono)}._mtp-timeline-row.is-best ._mtp-timeline-time{color:var(--mtp-success)}._mtp-timeline-offset{color:var(--mtp-text-muted);font-size:10px}._mtp-timeline-bar-wrap{background:var(--mtp-outside-bg);border-radius:var(--mtp-radius);flex:1;height:28px;position:relative;overflow:hidden}._mtp-timeline-working{background:var(--mtp-working-bg);border-radius:4px;position:absolute;top:3px;bottom:3px}._mtp-timeline-overlap{background:var(--mtp-overlap-bg);position:absolute;top:0;bottom:0}._mtp-timeline-best{background:var(--mtp-success);opacity:.8;border-radius:4px;position:absolute;top:3px;bottom:3px}._mtp-timeline-now{background:var(--mtp-danger);z-index:10;width:2px;position:absolute;top:-4px;bottom:-4px}._mtp-timeline-now:before{content:"";background:var(--mtp-danger);border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:-4px}._mtp-timeline-now-label{color:var(--mtp-danger);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}@media (max-width:768px){._mtp-timeline-section{padding:var(--main-space-4)}._mtp-timeline-header{align-items:flex-start;gap:var(--main-space-2);flex-direction:column}._mtp-timeline-legend{gap:var(--main-space-2) var(--main-space-4);flex-wrap:wrap}._mtp-timeline-label{width:100px}._mtp-timeline-hours{padding-left:100px}._mtp-timeline-row.is-local{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}}._mtp-best-section{background:var(--mtp-card-bg);border-radius:var(--mtp-radius-lg);padding:var(--main-space-4);box-shadow:var(--mtp-shadow)}._mtp-best-section.hidden{display:none}._mtp-best-header{margin-bottom:var(--main-space-4)}._mtp-best-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-base);color:var(--mtp-text);margin:0;font-weight:600;display:flex}._mtp-best-title svg{width:16px;height:16px;color:var(--mtp-success)}._mtp-best-list{gap:var(--main-space-3);flex-direction:column;display:flex}._mtp-best-card{gap:var(--main-space-4);padding:var(--main-space-4);background:var(--mtp-success-light);border-radius:var(--mtp-radius);border-style:solid;border-width:1px;border-color:var(--mtp-success);display:flex}._mtp-best-card.fair{border-color:var(--mtp-warning);background:#f59e0b1a}._mtp-best-icon{background:var(--mtp-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}._mtp-best-icon svg{width:20px;height:20px;color:var(--mtp-success)}._mtp-best-card.fair ._mtp-best-icon svg{color:var(--mtp-warning)}._mtp-best-content{flex:1;min-width:0}._mtp-best-time{font-size:var(--main-text-lg);color:var(--mtp-text);margin-bottom:var(--main-space-1);font-weight:600}._mtp-best-local{font-size:var(--main-text-sm);color:var(--mtp-text-muted);margin-bottom:var(--main-space-3)}._mtp-best-breakdown{gap:var(--main-space-1);flex-direction:column;display:flex}._mtp-best-item{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);display:flex}._mtp-best-item-name{color:var(--mtp-text-muted);min-width:80px}._mtp-best-item-time{color:var(--mtp-text);font-weight:500;font-family:var(--main-font-mono)}._mtp-best-item-status{font-size:var(--main-text-xs);border-radius:var(--main-radius-full);padding:2px 8px;display:inline-flex}._mtp-best-item-status.working{color:var(--mtp-success);background:#10b9811a}._mtp-best-item-status.outside{color:var(--mtp-warning);background:#f59e0b1a}._mtp-best-quality{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);font-size:var(--main-text-xs);border-radius:var(--main-radius-full);white-space:nowrap;align-self:flex-start;font-weight:500;display:flex}._mtp-best-quality.excellent{color:var(--mtp-success);background:#10b9811a}._mtp-best-quality.good{color:#0891b2;background:#0891b21a}._mtp-best-quality.fair{color:var(--mtp-warning);background:#f59e0b1a}._mtp-no-overlap{justify-content:center;align-items:center;gap:var(--main-space-3);padding:var(--main-space-4);border-radius:var(--mtp-radius);color:var(--mtp-warning);font-size:var(--main-text-sm);background:#f59e0b1a;display:flex}._mtp-no-overlap.hidden{display:none}._mtp-no-overlap svg{width:20px;height:20px}._mtp-actions{gap:var(--main-space-3);justify-content:center;display:flex}._mtp-actions.hidden{display:none}._mtp-copy-btn,._mtp-reset-btn{align-items:center;gap:var(--main-space-2);padding:var(--main-space-3) var(--main-space-5);font-size:var(--main-text-sm);border-radius:var(--mtp-radius);cursor:pointer;font-weight:500;display:inline-flex}._mtp-copy-btn{color:#fff;background:var(--mtp-primary);border:none}._mtp-copy-btn:hover{opacity:.9}._mtp-reset-btn{color:var(--mtp-text-muted);background:var(--mtp-bg);border-style:solid;border-width:1px;border-color:var(--mtp-border)}._mtp-reset-btn:hover{color:var(--mtp-text);background:var(--mtp-bg-hover)}@media (max-width:640px){._mtp-best-card{gap:var(--main-space-3);flex-direction:column}._mtp-actions{flex-direction:column}._mtp-copy-btn,._mtp-reset-btn{justify-content:center}}._mtp-modal{z-index:1000;padding:var(--main-space-4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._mtp-modal.hidden{display:none}._mtp-modal-backdrop{background:var(--mtp-modal-backdrop);animation:.2s mtpFadeIn;position:absolute;top:0;bottom:0;left:0;right:0}._mtp-modal-content{background:var(--mtp-modal-bg);border-radius:var(--main-radius-xl);width:100%;max-width:500px;max-height:80vh;box-shadow:var(--mtp-modal-shadow);flex-direction:column;animation:.25s mtpSlideUp;display:flex;position:relative}@keyframes mtpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mtpSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._mtp-modal-header{padding:var(--main-space-4) var(--main-space-5);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--mtp-border-light);justify-content:space-between;align-items:center;display:flex}._mtp-modal-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-lg);color:var(--mtp-text);margin:0;font-weight:600;display:flex}._mtp-modal-title svg{width:20px;height:20px;color:var(--mtp-primary)}._mtp-modal-close{border-radius:var(--mtp-radius);width:32px;height:32px;color:var(--mtp-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}._mtp-modal-close:hover{background:var(--mtp-bg-hover);color:var(--mtp-text)}._mtp-modal-body{flex:1;padding:0;overflow-y:auto}._mtp-my-participants{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--mtp-border)}._mtp-my-participants-header{align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-3) var(--main-space-5);background:var(--mtp-bg-hover);font-size:var(--main-text-sm);color:var(--mtp-text);cursor:pointer;border:none;font-weight:500;display:flex}._mtp-my-participants-header:hover{background:var(--mtp-border-light)}._mtp-my-participants-header>span:first-of-type{text-align:left;flex:1}._mtp-my-participants-header svg:first-child{width:14px;height:14px;color:var(--mtp-primary)}._mtp-my-participants-count{font-size:var(--main-text-xs);color:#fff;background:var(--mtp-primary);border-radius:var(--main-radius-full);padding:2px 8px;font-weight:600}._mtp-my-participants-arrow{width:12px;height:12px;color:var(--mtp-text-muted);transition:transform .2s}._mtp-my-participants-header.expanded ._mtp-my-participants-arrow{transform:rotate(180deg)}._mtp-my-participants-list{gap:var(--main-space-1);padding:var(--main-space-2) var(--main-space-5) var(--main-space-3);flex-direction:column;max-height:200px;display:flex;overflow-y:auto}._mtp-my-participant-item{padding:var(--main-space-2) var(--main-space-3);background:var(--mtp-card-bg);border-radius:var(--mtp-radius);border-style:solid;border-width:1px;border-color:var(--mtp-border-light);justify-content:space-between;align-items:center;display:flex}._mtp-my-participant-info{align-items:center;gap:var(--main-space-3);display:flex}._mtp-my-participant-name{font-size:var(--main-text-sm);color:var(--mtp-text);font-weight:500}._mtp-my-participant-offset{font-size:var(--main-text-xs);color:var(--mtp-text-muted);font-family:var(--main-font-mono)}._mtp-my-participant-remove{border-radius:var(--mtp-radius);width:28px;height:28px;color:var(--mtp-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}._mtp-my-participant-remove:hover{color:var(--mtp-danger);background:#ef44441a}._mtp-modal-tabs{padding:var(--main-space-3) var(--main-space-5);background:var(--mtp-border-light);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--mtp-border);gap:2px;display:flex}._mtp-modal-tab{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);border-radius:var(--mtp-radius);font-size:var(--main-text-sm);color:var(--mtp-text-muted);cursor:pointer;background:0 0;border:none;font-weight:500;display:inline-flex}._mtp-modal-tab:hover{color:var(--mtp-text)}._mtp-modal-tab.active{background:var(--mtp-card-bg);color:var(--mtp-primary);box-shadow:0 1px 2px #0000000d}._mtp-modal-tab svg{width:14px;height:14px}._mtp-tab-content{padding:var(--main-space-4) var(--main-space-5)}._mtp-tab-content.hidden{display:none}._mtp-search-wrap{margin-bottom:var(--main-space-4);position:relative}._mtp-search-icon{left:var(--main-space-3);color:var(--mtp-text-light);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}._mtp-search-icon svg{width:16px;height:16px}._mtp-search{width:100%;padding:var(--main-space-3) var(--main-space-10);background:var(--mtp-bg-hover);border-style:solid;border-width:1px;border-color:var(--mtp-border);border-radius:var(--mtp-radius-lg);font-size:var(--main-text-base);color:var(--mtp-text)}._mtp-search::placeholder{color:var(--mtp-text-light)}._mtp-search:focus{border-color:var(--mtp-primary);box-shadow:0 0 0 3px var(--mtp-primary-light);outline:none}._mtp-search-clear{right:var(--main-space-2);border-radius:var(--mtp-radius);width:28px;height:28px;color:var(--mtp-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}._mtp-search-clear:hover{color:var(--mtp-text)}._mtp-search-clear.hidden{display:none}._mtp-popular{margin-bottom:var(--main-space-4)}._mtp-popular-grid{gap:var(--main-space-2);grid-template-columns:repeat(3,1fr);display:grid}._mtp-popular-item{align-items:center;gap:var(--main-space-2);padding:var(--main-space-3);background:var(--mtp-bg-hover);border-radius:var(--mtp-radius);cursor:pointer;border:none;flex-direction:column;display:flex}._mtp-popular-item:hover{background:var(--mtp-border-light);box-shadow:0 2px 4px #0000000d}._mtp-popular-flag{object-fit:cover;border-radius:2px;width:24px;height:18px}._mtp-popular-item.added{pointer-events:none;background:#10b9811a;position:relative}._mtp-popular-item.added:after{content:"";background:var(--mtp-success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='white'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px;border-radius:50%;width:16px;height:16px;position:absolute;top:6px;right:6px}._mtp-popular-city{font-size:var(--main-text-sm);color:var(--mtp-text);font-weight:500}._mtp-popular-country{font-size:var(--main-text-xs);color:var(--mtp-text-muted)}._mtp-tz-results{margin-bottom:var(--main-space-4)}._mtp-tz-results.hidden{display:none}._mtp-results-list{gap:var(--main-space-1);flex-direction:column;max-height:200px;display:flex;overflow-y:auto}._mtp-result-item{padding:var(--main-space-3);border-radius:var(--mtp-radius);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;display:flex}._mtp-result-item:hover{background:var(--mtp-bg-hover)}._mtp-result-item.added{pointer-events:none;background:#10b9811a}._mtp-result-item.added:before{content:"";background:var(--mtp-success);width:16px;height:16px;margin-right:var(--main-space-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='white'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px;border-radius:50%;flex-shrink:0}._mtp-result-city{font-size:var(--main-text-sm);color:var(--mtp-text);font-weight:500}._mtp-result-offset{font-size:var(--main-text-xs);color:var(--mtp-text-muted);font-family:var(--main-font-mono)}._mtp-no-results{padding:var(--main-space-6);color:var(--mtp-text-muted);text-align:center;flex-direction:column;align-items:center;display:flex}._mtp-no-results.hidden{display:none}._mtp-no-results svg{width:24px;height:24px;margin-bottom:var(--main-space-2);color:var(--mtp-text-light)}._mtp-browse{padding-top:var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--mtp-border-light)}._mtp-browse-list{gap:var(--main-space-1);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}._mtp-browse-header{width:100%;padding:var(--main-space-3);background:var(--mtp-bg-hover);font-size:var(--main-text-sm);color:var(--mtp-text);cursor:pointer;border-radius:var(--mtp-radius);border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}._mtp-browse-header:hover{background:var(--mtp-border-light)}._mtp-browse-header.expanded svg{transform:rotate(180deg)}._mtp-browse-count{font-size:var(--main-text-xs);color:var(--mtp-text-muted);background:var(--mtp-border-light);border-radius:var(--main-radius-full);margin-right:var(--main-space-2);padding:2px 8px}._mtp-browse-header svg{width:12px;height:12px;color:var(--mtp-text-muted);transition:transform .2s}._mtp-browse-items{padding:var(--main-space-1);background:var(--mtp-bg);flex-direction:column;display:flex}._mtp-browse-items.hidden{display:none}._mtp-browse-item{width:100%;padding:var(--main-space-2) var(--main-space-3);text-align:left;cursor:pointer;border-radius:var(--mtp-radius);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}._mtp-browse-item:hover{background:var(--mtp-bg-hover)}._mtp-browse-item.added{pointer-events:none;background:#10b9811a}._mtp-browse-item.added:before{content:"";background:var(--mtp-success);width:14px;height:14px;margin-right:var(--main-space-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='white'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:8px;border-radius:50%;flex-shrink:0}._mtp-browse-city{font-size:var(--main-text-sm);color:var(--mtp-text)}._mtp-browse-offset{font-size:var(--main-text-xs);color:var(--mtp-text-muted);font-family:var(--main-font-mono)}._mtp-country-list{gap:var(--main-space-1);flex-direction:column;max-height:350px;display:flex;overflow-y:auto}._mtp-country-collapse-header{align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-3);background:var(--mtp-bg-hover);border-radius:var(--mtp-radius);font-size:var(--main-text-sm);color:var(--mtp-text);cursor:pointer;border:none;display:flex}._mtp-country-collapse-header:hover{background:var(--mtp-border-light)}._mtp-country-collapse-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:22px;height:16px}._mtp-country-collapse-name{text-align:left;flex:1;font-weight:500}._mtp-country-collapse-arrow{width:12px;height:12px;color:var(--mtp-text-muted);transition:transform .2s}._mtp-country-collapse-header.expanded ._mtp-country-collapse-arrow{transform:rotate(180deg)}._mtp-country-collapse-content{gap:var(--main-space-1);padding:var(--main-space-2) 0 var(--main-space-2) var(--main-space-8);flex-direction:column;display:flex}._mtp-country-collapse-content.hidden{display:none}._mtp-country-tz-loading{padding:var(--main-space-3);justify-content:center;align-items:center;display:flex}._mtp-country-tz-item{width:100%;padding:var(--main-space-2) var(--main-space-3);border-radius:var(--mtp-radius);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}._mtp-country-tz-item:hover{background:var(--mtp-bg-hover)}._mtp-country-tz-item.added{pointer-events:none;background:#10b9811a}._mtp-country-tz-item.added:before{content:"";background:var(--mtp-success);width:14px;height:14px;margin-right:var(--main-space-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='white'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:8px;border-radius:50%;flex-shrink:0}._mtp-country-tz-name{font-size:var(--main-text-sm);color:var(--mtp-text)}._mtp-country-tz-offset{font-size:var(--main-text-xs);color:var(--mtp-text-muted);font-family:var(--main-font-mono)}._mtp-country-tz-empty{padding:var(--main-space-2) var(--main-space-3);font-size:var(--main-text-xs);color:var(--mtp-text-muted);text-align:center}._mtp-loading{padding:var(--main-space-8);color:var(--mtp-text-muted);align-items:center;gap:var(--main-space-3);flex-direction:column;display:flex}._mtp-spinner{border-style:solid;border-width:2px;border-color:var(--mtp-border);border-top-color:var(--mtp-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite mtpSpin}._mtp-spinner-small{border-style:solid;border-width:2px;border-color:var(--mtp-border);border-top-color:var(--mtp-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite mtpSpin}._mtp-modal-footer{padding:var(--main-space-3) var(--main-space-5);border-top-style:solid;border-top-width:1px;border-top-color:var(--mtp-border-light);background:var(--mtp-bg-hover);justify-content:flex-end;display:flex}._mtp-modal-done{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-5);background:var(--mtp-primary);color:#fff;border-radius:var(--mtp-radius);font-size:var(--main-text-sm);cursor:pointer;border:none;font-weight:500;display:inline-flex}._mtp-modal-done:hover{opacity:.9}@media (max-width:640px){._mtp-modal-content{max-height:90vh}._mtp-modal-tabs{padding:var(--main-space-2) var(--main-space-3)}._mtp-modal-tab{padding:var(--main-space-2) var(--main-space-3);flex:1;justify-content:center}._mtp-tab-content{padding:var(--main-space-3) var(--main-space-4)}._mtp-popular-grid{grid-template-columns:repeat(2,1fr)}._mtp-country-list{max-height:300px}}._mtp-edit-modal{z-index:1100;padding:var(--main-space-4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._mtp-edit-modal-backdrop{background:var(--mtp-modal-backdrop);animation:.15s mtpFadeIn;position:absolute;top:0;bottom:0;left:0;right:0}._mtp-edit-modal-content{background:var(--mtp-modal-bg);border-radius:var(--mtp-radius-lg);width:100%;max-width:360px;box-shadow:var(--mtp-modal-shadow);animation:.2s mtpSlideUp;position:relative}._mtp-edit-modal-header{padding:var(--main-space-4) var(--main-space-5);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--mtp-border-light);justify-content:space-between;align-items:center;display:flex}._mtp-edit-modal-header h3{font-size:var(--main-text-base);color:var(--mtp-text);margin:0;font-weight:600}._mtp-edit-modal-close{border-radius:var(--main-radius-full);width:28px;height:28px;color:var(--mtp-text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex}._mtp-edit-modal-close:hover{background:var(--mtp-bg-hover);color:var(--mtp-text)}._mtp-edit-modal-body{padding:var(--main-space-5)}._mtp-edit-modal-name{margin:0 0 var(--main-space-4);font-size:var(--main-text-sm);color:var(--mtp-text-muted)}._mtp-edit-preset-field{margin-bottom:var(--main-space-4)}._mtp-edit-preset{width:100%;padding:var(--main-space-2) var(--main-space-3);background:var(--mtp-bg);border-style:solid;border-width:1px;border-color:var(--mtp-border);border-radius:var(--mtp-radius);font-size:var(--main-text-sm);color:var(--mtp-text);cursor:pointer}._mtp-edit-preset:focus{border-color:var(--mtp-primary);box-shadow:0 0 0 3px var(--mtp-primary-light);outline:none}._mtp-edit-preset optgroup{color:var(--mtp-text);font-weight:600}._mtp-edit-preset option{padding:var(--main-space-1);font-weight:400}._mtp-edit-modal-row{gap:var(--main-space-4);display:flex}._mtp-edit-modal-field{flex:1}._mtp-edit-modal-field label{margin-bottom:var(--main-space-2);font-size:var(--main-text-xs);color:var(--mtp-text-muted);font-weight:500;display:block}._mtp-edit-modal-field input[type=time]{width:100%;padding:var(--main-space-2) var(--main-space-3);background:var(--mtp-bg);border-style:solid;border-width:1px;border-color:var(--mtp-border);border-radius:var(--mtp-radius);font-size:var(--main-text-sm);color:var(--mtp-text)}._mtp-edit-modal-field input[type=time]:focus{border-color:var(--mtp-primary);box-shadow:0 0 0 3px var(--mtp-primary-light);outline:none}._mtp-edit-modal-error{margin:var(--main-space-3) 0 0;padding:var(--main-space-2) var(--main-space-3);border-radius:var(--mtp-radius);font-size:var(--main-text-xs);color:var(--mtp-danger);background:#ef44441a}._mtp-edit-modal-error.hidden{display:none}._mtp-edit-modal-footer{justify-content:flex-end;gap:var(--main-space-3);padding:var(--main-space-4) var(--main-space-5);border-top-style:solid;border-top-width:1px;border-top-color:var(--mtp-border-light);display:flex}._mtp-edit-modal-cancel{padding:var(--main-space-2) var(--main-space-4);background:var(--mtp-bg-secondary);border-radius:var(--mtp-radius);font-size:var(--main-text-sm);color:var(--mtp-text);cursor:pointer;border:none;font-weight:500}._mtp-edit-modal-cancel:hover{background:var(--mtp-bg-hover)}._mtp-edit-modal-save{padding:var(--main-space-2) var(--main-space-4);background:var(--mtp-primary);border-radius:var(--mtp-radius);font-size:var(--main-text-sm);color:#fff;cursor:pointer;border:none;font-weight:500}._mtp-edit-modal-save:hover{opacity:.9}body.dark-mode ._mtp-edit-modal-field input[type=time],body.dark-mode ._mtp-edit-preset{background:var(--mtp-bg-secondary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}