.r4act{--r4a-blue:#164f8f;--r4a-blue-2:#0f3f77;--r4a-ink:#17365c;--r4a-muted:#6d7f96;--r4a-line:#dfe7f1;--r4a-soft:#f4f8fd;--r4a-ok:#16784b;--r4a-bad:#a23b32;font-family:inherit;color:var(--r4a-ink);max-width:920px;margin:18px auto;padding:0 12px;box-sizing:border-box}
.r4act *{box-sizing:border-box}.r4act button,.r4act select{font:inherit}.r4act-shell{display:flex;flex-direction:column;gap:14px}
.r4act-hero{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#edf5ff,#f9fbff);border:1px solid var(--r4a-line);border-radius:24px;padding:18px 20px}
.r4act-hero-icon{display:grid;place-items:center;min-width:58px;height:58px;border-radius:18px;background:var(--r4a-blue);font-size:28px}.r4act-hero h2{margin:0 0 5px;font-size:23px;color:var(--r4a-blue-2)}.r4act-hero p{margin:0;color:var(--r4a-muted);font-size:14px;line-height:1.7}
.r4act-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:#eef3f9;padding:6px;border-radius:18px}.r4act-tab{border:0;background:transparent;color:#58708d;padding:11px 8px;border-radius:13px;font-weight:800;cursor:pointer;transition:.18s ease}.r4act-tab.is-active{background:#fff;color:var(--r4a-blue);box-shadow:0 3px 14px rgba(15,63,119,.09)}
.r4act-panel{display:none}.r4act-panel.is-active{display:block}.r4act-card{background:#fff;border:1px solid var(--r4a-line);border-radius:24px;padding:20px;box-shadow:0 12px 35px rgba(26,60,96,.07)}.r4act-card h3{margin:0;color:var(--r4a-blue-2);font-size:20px}.r4act-card h4{color:var(--r4a-blue-2);margin:0 0 8px}.r4act-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.r4act-card-head p{margin:5px 0 0;color:var(--r4a-muted);font-size:13px;line-height:1.7}.r4act-pill,.r4act-score{white-space:nowrap;border-radius:999px;background:#edf5ff;color:var(--r4a-blue);padding:6px 10px;font-size:12px;font-weight:900;direction:ltr}.r4act-label{display:block;margin:0 0 7px;color:#49637f;font-size:13px;font-weight:800}
.r4act-zone-select,.r4act-country-select,.r4act-hour-select,.r4act-minute-select{width:100%;border:1px solid #cbd8e7;background:#fff;color:#17365c;outline:none}.r4act-hour-select,.r4act-minute-select{border-radius:14px;padding:12px 13px}.r4act-zone-select,.r4act-country-select{min-height:54px;border-radius:20px;padding:13px 46px 13px 16px;line-height:1.45;font-size:15px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-appearance:none;appearance:none}.r4act-zone-select:focus,.r4act-country-select:focus,.r4act-hour-select:focus,.r4act-minute-select:focus{border-color:var(--r4a-blue);box-shadow:0 0 0 3px rgba(22,79,143,.09)}

.r4act-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.r4act-select-wrap{position:relative}.r4act-select-wrap:after{content:'⌄';position:absolute;left:17px;top:50%;transform:translateY(-56%);color:#6f8299;font-size:20px;font-weight:900;pointer-events:none}.r4act-zone-select option,.r4act-country-select option{padding:8px}
.r4act-time-difference{margin-top:14px;border:1px solid #d8e4f0;border-radius:20px;background:linear-gradient(180deg,#f7fbff,#f1f7fd);padding:14px 16px}.r4act-diff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.r4act-diff-head>span{color:var(--r4a-muted);font-size:12px;font-weight:800;white-space:nowrap}.r4act-diff-summary{color:var(--r4a-blue-2);font-size:14px;line-height:1.6;text-align:left}.r4act-diff-times{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:12px}.r4act-diff-times>div{background:#fff;border:1px solid var(--r4a-line);border-radius:16px;padding:11px 13px;min-width:0}.r4act-diff-times span{display:block;color:var(--r4a-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r4act-diff-times strong{display:block;margin-top:3px;color:var(--r4a-blue-2);font-size:20px;font-weight:900}.r4act-diff-arrow{font-size:20px!important;color:var(--r4a-blue)!important;overflow:visible!important}
.r4act-live-grid{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:16px;margin-top:16px;align-items:stretch}.r4act-clock-card{border:1px solid var(--r4a-line);border-radius:22px;padding:18px;background:linear-gradient(180deg,#fbfdff,#f3f8fe);display:flex;flex-direction:column;align-items:center;justify-content:center}.r4act-analog{position:relative;width:200px;height:200px;border-radius:50%;background:#fff;border:8px solid #e7eef7;box-shadow:inset 0 0 0 1px #d5e0ed,0 10px 25px rgba(15,63,119,.08)}.r4act-mark{position:absolute;color:#47617f;font-weight:900;font-size:14px;direction:ltr}.r4act-mark-12{top:9px;left:50%;transform:translateX(-50%)}.r4act-mark-3{right:12px;top:50%;transform:translateY(-50%)}.r4act-mark-6{bottom:9px;left:50%;transform:translateX(-50%)}.r4act-mark-9{left:12px;top:50%;transform:translateY(-50%)}
.r4act-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:999px}.r4act-hour-hand{width:5px;height:52px;background:#17365c;margin-left:-2.5px}.r4act-minute-hand{width:4px;height:72px;background:#164f8f;margin-left:-2px}.r4act-second-hand{width:2px;height:78px;background:#c54d49;margin-left:-1px}.r4act-center-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#164f8f;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff}.r4act-digital{margin-top:13px;font-size:31px;font-weight:900;letter-spacing:1px;color:var(--r4a-blue-2)}.r4act-zone-name{color:var(--r4a-muted);font-size:12px;margin-top:2px}
.r4act-live-language{display:grid;gap:10px}.r4act-result-box{border:1px solid var(--r4a-line);border-radius:17px;padding:14px;background:#fbfdff}.r4act-result-box.is-highlight{background:#eef6ff;border-color:#cfe0f2}.r4act-result-box span{display:block;font-size:11px;color:var(--r4a-muted);margin-bottom:6px}.r4act-ru{direction:ltr;text-align:left;unicode-bidi:isolate;color:#102f55;font-weight:800;line-height:1.55}.r4act-result-box strong{display:block;font-size:17px}
.r4act-time-picker{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.r4act-primary,.r4act-secondary{border:0;border-radius:14px;padding:12px 18px;font-weight:900;cursor:pointer}.r4act-primary{background:var(--r4a-blue);color:#fff;min-width:92px}.r4act-secondary{background:#eef4fb;color:var(--r4a-blue);margin-top:14px}.r4act-quick-row{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.r4act-chip{border:1px solid #d7e1ed;background:#f8fbff;color:var(--r4a-blue);border-radius:999px;padding:7px 11px;font-weight:800;cursor:pointer;direction:ltr}.r4act-selected-time{font-size:38px;font-weight:900;color:var(--r4a-blue-2);text-align:center;margin:18px 0 13px}.r4act-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.r4act-tip{margin-top:14px;padding:12px 14px;background:#f7f9fc;border-radius:14px;color:#536b86;font-size:13px;line-height:1.8}.r4act-tip span{direction:ltr;unicode-bidi:isolate;display:inline-block;color:#17365c;font-weight:700}
.r4act-question-box{border:1px solid var(--r4a-line);border-radius:19px;padding:17px;background:#fbfdff}.r4act-question-label{font-size:12px;color:var(--r4a-muted);text-align:center}.r4act-question-time{font-size:42px;font-weight:900;color:var(--r4a-blue-2);margin:8px 0 17px;text-align:center}.r4act-options{display:grid;gap:8px}.r4act-option{border:1px solid #d8e2ee;background:#fff;border-radius:13px;padding:11px 13px;text-align:left;direction:ltr;color:#17365c;font-weight:700;cursor:pointer}.r4act-option:hover{border-color:#9eb9d9}.r4act-option.is-correct{border-color:#86c7a8;background:#eefaf4;color:var(--r4a-ok)}.r4act-option.is-wrong{border-color:#e5aaa4;background:#fff2f1;color:var(--r4a-bad)}.r4act-feedback{min-height:22px;margin-top:10px;font-size:13px;font-weight:800}.r4act-feedback.ok{color:var(--r4a-ok)}.r4act-feedback.bad{color:var(--r4a-bad)}
.r4act-reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.r4act-reference-card{border:1px solid var(--r4a-line);border-radius:17px;padding:14px;background:#fbfdff}.r4act-reference-icon{display:block;font-size:23px;margin-bottom:8px}.r4act-reference-card p{margin:0}.r4act-reference-card small{display:block;color:var(--r4a-muted);margin-top:6px;direction:ltr}.r4act-phrases{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.r4act-phrases>div{border:1px solid var(--r4a-line);border-radius:14px;padding:11px 12px;background:#fff}.r4act-phrases span{display:block;font-size:11px;color:var(--r4a-muted);margin-bottom:4px}.r4act-phrases strong{display:block;font-size:14px}.r4act-info{margin-top:16px;border:1px solid var(--r4a-line);border-radius:15px;background:#fafcff}.r4act-info summary{cursor:pointer;padding:12px 14px;color:var(--r4a-blue);font-weight:800}.r4act-info-body{padding:0 14px 12px;color:#667b93;font-size:12px;line-height:1.8}.r4act-info-body p{margin:7px 0}.r4act-info-body span{direction:ltr;unicode-bidi:isolate;display:inline-block}
@media(max-width:760px){.r4act{padding:0 8px}.r4act-tabs{grid-template-columns:1fr 1fr}.r4act-location-grid,.r4act-live-grid,.r4act-results-grid,.r4act-reference-grid,.r4act-phrases{grid-template-columns:1fr}.r4act-card{padding:16px}.r4act-hero{padding:15px}.r4act-hero h2{font-size:20px}.r4act-time-picker{grid-template-columns:1fr 1fr}.r4act-time-picker .r4act-primary{grid-column:1/-1;width:100%}.r4act-analog{width:180px;height:180px}.r4act-question-time{font-size:36px}}
@media(max-width:430px){.r4act-time-picker{grid-template-columns:1fr}.r4act-diff-head{display:block}.r4act-diff-summary{display:block;text-align:right;margin-top:5px}.r4act-diff-times{grid-template-columns:1fr}.r4act-diff-arrow{transform:rotate(90deg);text-align:center}.r4act-zone-select,.r4act-country-select{min-height:56px;padding-top:14px;padding-bottom:14px}.r4act-time-picker .r4act-primary{grid-column:auto}.r4act-selected-time{font-size:34px}.r4act-digital{font-size:28px}}


/* Custom country/city pickers: avoid Android's full-screen native select UI. */
.r4act-select-wrap>.r4act-country-select,.r4act-select-wrap>.r4act-zone-select{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip-path:inset(50%)!important}
.r4act-select-wrap:after{display:none!important}
.r4act-custom-select{position:relative;width:100%;direction:rtl}
.r4act-custom-trigger{width:100%;min-height:56px;border:1px solid #cbd8e7;background:#fff;color:#17365c;border-radius:20px;padding:14px 18px 14px 48px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;font-weight:800;line-height:1.5;cursor:pointer;box-shadow:none;outline:none;overflow:hidden}
.r4act-custom-trigger:focus,.r4act-custom-select.is-open .r4act-custom-trigger{border-color:var(--r4a-blue);box-shadow:0 0 0 3px rgba(22,79,143,.09)}
.r4act-custom-current{min-width:0;display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:2px}
.r4act-custom-current-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r4act-custom-chevron{position:absolute;left:17px;top:50%;transform:translateY(-52%);color:#6f8299;font-size:20px;font-weight:900;line-height:1;pointer-events:none}
.r4act-custom-menu{display:none;position:absolute;z-index:9999;top:calc(100% + 8px);right:0;left:0;background:#fff;border:1px solid #d9e3ef;border-radius:20px;box-shadow:0 18px 44px rgba(15,63,119,.18);max-height:min(360px,55vh);overflow-y:auto;overflow-x:hidden;padding:8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.r4act-custom-select.is-open .r4act-custom-menu{display:block}
.r4act-custom-group{padding:9px 12px 6px;color:#71839a;font-size:12px;font-weight:900;background:#f8fbff;border-radius:12px;margin:3px 3px 5px}
.r4act-custom-option{width:100%;border:0;background:#fff;color:#17365c;border-radius:14px;padding:12px 13px;display:flex;align-items:center;gap:10px;text-align:right;direction:rtl;font-weight:800;line-height:1.5;cursor:pointer;min-height:48px}
.r4act-custom-option:hover,.r4act-custom-option:focus{background:#f1f6fc;outline:none}.r4act-custom-option.is-selected{background:#eaf3ff;color:var(--r4a-blue)}
.r4act-custom-option-check{margin-right:auto;color:var(--r4a-blue);font-size:17px;opacity:0}.r4act-custom-option.is-selected .r4act-custom-option-check{opacity:1}
.r4act-syria-flag{flex:0 0 32px;width:32px;height:21px;border:1px solid rgba(23,54,92,.16);border-radius:4px;position:relative;overflow:hidden;background:linear-gradient(to bottom,#2f8f4e 0 33.333%,#fff 33.333% 66.666%,#111 66.666%);box-shadow:0 1px 2px rgba(0,0,0,.08);direction:ltr}
.r4act-syria-flag:after{content:'★ ★ ★';position:absolute;inset:33.333% 0 auto;height:33.333%;display:flex;align-items:center;justify-content:center;color:#d71920;font-size:5.5px;font-weight:900;letter-spacing:-1px;line-height:1;white-space:nowrap}
.r4act-location-grid>div{min-width:0}.r4act-location-grid{align-items:start}
@media(max-width:640px){.r4act-location-grid{grid-template-columns:1fr}.r4act-custom-menu{max-height:min(330px,52vh)}.r4act-custom-trigger{min-height:58px;padding-top:15px;padding-bottom:15px}}