@font-face{font-family:'Yasin Overlay';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2')}@font-face{font-family:'Yasin Arabic';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/noto-arabic.woff2') format('woff2')}
.obs-card{--obs-font:96px;--obs-radius:16px;--obs-alpha:.95;--obs-accent:#a9e2bf;box-sizing:border-box;position:relative;display:grid;grid-template-columns:minmax(95px,1fr) auto;align-items:center;column-gap:16px;row-gap:8px;width:100%;padding:16px 20px;border:1px solid #a9e2bf40;border-radius:var(--obs-radius);background:rgba(15,24,20,.95);color:#f1f6f2;font-family:'Yasin Overlay','Yasin Arabic','Segoe UI',Tahoma,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;box-shadow:0 5px 18px #0002;overflow:hidden;direction:ltr}.obs-brand{font-size:9px;font-weight:600;letter-spacing:2px;line-height:1.4;color:var(--obs-accent);margin-bottom:9px}.obs-phase{font-size:17px;font-weight:600;letter-spacing:-.3px;line-height:1.3}.obs-state{font-size:10px;color:#a2b8aa;margin-top:7px;line-height:1.3}.obs-clockblock{min-width:0;text-align:right}.obs-countdown{font-size:96px;font-size:var(--obs-font);font-weight:700;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--obs-accent);white-space:nowrap}.obs-progress{height:3px;background:#a5cbb425;border-radius:5px;overflow:hidden;margin-top:8px}.obs-progress i{display:block;height:100%;background:var(--obs-accent);width:0;transition:width .25s linear}.obs-currenttask{grid-column:1/-1;font-size:16px;line-height:1.45;font-weight:550;border-top:1px solid #a5cbb425;padding-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:inherit}.obs-card.light{color:#263d2d;background:rgba(247,251,247,.95)}.obs-card.light .obs-state{color:#536b59}.obs-card.transparent{background:transparent;border-color:transparent;box-shadow:none;text-shadow:0 2px 6px #000b}.obs-card.layout-centered{grid-template-columns:1fr;text-align:center;gap:10px}.layout-centered .obs-info{display:flex;justify-content:space-between;align-items:center;gap:10px}.layout-centered .obs-brand{margin-bottom:0}.layout-centered .obs-phase{font-size:14px}.layout-centered .obs-state{margin-top:0}.layout-centered .obs-clockblock{text-align:center}.layout-centered .obs-countdown{font-size:96px;font-size:var(--obs-font)}.obs-card.layout-timer{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 18px}.layout-timer .obs-info{display:none}.layout-timer .obs-clockblock{width:100%;text-align:center}.layout-timer .obs-progress{display:none}.layout-timer .obs-countdown{font-size:96px;font-size:var(--obs-font)}.layout-timer .obs-currenttask{width:100%;text-align:center;margin-top:3px;font-size:15px}
.obs-counters{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:8px;border-top:1px solid #a5cbb425;direction:ltr}.obs-counter{font-size:23px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:var(--obs-accent);padding:3px 9px;border-radius:6px;background:rgba(160,200,175,.07);white-space:nowrap}.obs-counter b{font-size:.8em;margin-left:2px}.layout-centered .obs-counters,.layout-timer .obs-counters{justify-content:center;width:100%}.obs-counters.hidden,.obs-counter.hidden{display:none}