:root{font-family:Arial,Helvetica,sans-serif;color:#002f9f;background:#f8fcff}*{box-sizing:border-box}body{margin:0}.app{width:100%;max-width:452px;min-width:0;margin:auto;min-height:100vh;padding:0 10px 4px;overflow:hidden;background:linear-gradient(#fff,#f9fdff);position:relative}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}header{height:57px;position:relative;display:flex;justify-content:center;align-items:center}.logo{width:220px;height:57px;object-fit:contain}.bell{position:absolute;right:0;top:15px;font-size:24px;color:#031b8a}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:31px}.tiers button,.switchrow button,.languages button{border-radius:25px;border:1px solid #c9e9ff;white-space:nowrap;font-size:12px;font-weight:700}.tiers button{background:linear-gradient(#04e6ff,#007aff 60%,#0250ed);color:#fff;box-shadow:0 0 5px #03bbff;font-size:14px}.tiers button:nth-child(2){background:linear-gradient(#b66aff,#6200f0 65%,#3200ab);box-shadow:0 0 5px #8600ff}.tiers button:nth-child(3){background:linear-gradient(#ff83b4,#fa168b 65%,#e50068);box-shadow:0 0 5px #ff1393}.switchrow{display:flex;justify-content:space-between;gap:4px;margin-top:4px;height:32px}.theme-switch,.locale-switch{display:flex;gap:3px;min-width:0}.switchrow button{padding:0 7px;font-size:11px}.switchrow button.active,.languages button.selected{background:linear-gradient(#03d8ff,#0088f7 70%,#0053ef);color:white;box-shadow:0 0 7px #02adff}.languages{display:flex;gap:3px;height:31px;margin-top:3px}.languages button{flex:1;min-width:0;padding:0 3px;font-size:10px}.languages .add{flex:0 0 30px;color:#00a9fa;font-size:20px}.hero{margin-top:3px;height:112px;border-radius:15px;overflow:hidden;position:relative;border:1px solid #2dcaff}.hero img{width:100%;height:100%;object-fit:fill;display:block}.hero-arrow{position:absolute;right:3px;bottom:10px}.hero-semantic{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.round{border-radius:50%;width:35px;height:35px;background:#fff;color:#007fff;border:2px solid #b6dfff;box-shadow:0 1px 8px #20a3ff;font-size:19px}.translator{height:72px;margin-top:3px;border:1px solid #b5e5ff;border-radius:15px;display:flex;align-items:center;gap:10px;padding:3px 12px;background:#f0f9ff}.mic{width:66px;height:66px;flex:0 0 66px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,#00d9ff,#003aff 45%,#b000ff 75%,#f12cd8);border:3px solid #9feeff;box-shadow:0 0 8px #00baff}.mic svg{width:36px;height:36px}.translator-text{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;flex:1;text-align:center}.translator-text strong{font-size:15px;white-space:nowrap}.translator-text em{font-style:normal;color:#00a5ed}.translator-text small{font-size:11px;white-space:nowrap}.offline{font-size:10px;color:white;border-radius:20px;padding:3px 14px;background:linear-gradient(#00dcff,#0065e9);box-shadow:0 0 5px #00b5ff}.next{flex:0 0 34px}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:4px}.features button{height:66px;border:1px solid #b4dfff;border-radius:12px;background:linear-gradient(#fff,#f3faff);font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0}.features img{width:52px;height:39px;object-fit:contain}.block{margin-top:5px}.section-title{height:24px;display:flex;align-items:center;justify-content:space-between;gap:2px}.section-title h2{margin:0;font-size:14px;white-space:nowrap;letter-spacing:-.4px}.section-title button{font-size:11px;color:#0087f3;white-space:nowrap;padding:2px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.category-grid button{height:75px;min-width:0;padding:0 0 2px;border-radius:12px;border:1px solid #b5e4ff;overflow:hidden;background:#f7fcff}.category-grid img{width:100%;height:56px;display:block;object-fit:cover}.category-grid small{display:block;font-size:9px;line-height:16px;white-space:nowrap}.progress-row{display:flex;align-items:center;height:66px;border:1px solid #c5e9ff;border-radius:13px;background:#f5fbff;padding:4px 7px;gap:9px}.progress-ring{width:60px;height:60px;flex:0 0 60px;border-radius:50%;border:7px solid #0a8cff;border-right-color:#a42bfa;display:flex;align-items:center;justify-content:center;flex-direction:column;background:white}.progress-ring b{font-size:22px;line-height:24px}.progress-ring small{font-size:9px}.progress-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.progress-copy strong{font-size:14px;white-space:nowrap}.progress-copy small{font-size:11px;white-space:nowrap}.bars{height:55px;display:flex;align-items:flex-end;gap:3px;padding:0 4px 11px}.bars span{width:12px;border-radius:8px;background:linear-gradient(#00edff,#0061e9)}.bars span:nth-child(4),.bars span:nth-child(6){background:linear-gradient(#ee75ff,#7a00f8)}.planner-card{height:67px;border:1px solid #bce5ff;border-radius:14px;overflow:hidden;display:flex;align-items:center;background:#f0f9ff;position:relative}.planner-card img{height:100%;width:42%;object-fit:cover}.planner-card>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:0 4px}.planner-card strong{font-size:13px;white-space:nowrap}.planner-card b{font-size:14px;white-space:nowrap}.planner-card small{font-size:9px;white-space:nowrap}.planner-card .round{width:31px;height:31px;flex:0 0 31px;margin-right:3px}.phrase-card{height:180px;border:1px solid #c2e6ff;border-radius:15px;overflow:hidden;position:relative}.phrase-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.phrase-overlay{position:absolute;inset:0;padding:10px 13px;pointer-events:none}.phrase-label{font-size:10px;color:#002f70}.phrase-overlay h3{margin:7px 0 2px;font-size:17px;color:#003e9f;letter-spacing:-.6px}.phrase-overlay p{margin:0;font-size:13px;color:#0032a0}.phrase-overlay strong{display:block;margin-top:2px;font-size:15px;color:#008cf7}.phrase-buttons{position:absolute;right:5px;top:8px;display:flex;gap:5px}.phrase-buttons button{pointer-events:auto;width:31px;height:31px;border-radius:50%;background:#fff;color:#ffab00;border:1px solid #9fd9ff;font-size:25px}.phrase-buttons button+button{color:#008fff}.actions{position:absolute;bottom:4px;left:3px;right:3px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.actions button{height:72px;border-radius:50%;color:#fff;background:radial-gradient(#00dbff,#0072ff 65%,#003be2);border:2px solid #8cfaff;box-shadow:0 0 7px #00baff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;gap:2px}.actions button:nth-child(2){background:radial-gradient(#ffde50,#c77a00 65%,#653200);border-color:#ffe67a}.actions button:nth-child(3){background:radial-gradient(#d08aff,#7d15e7 65%,#4100a9);border-color:#d9a4ff}.actions button:nth-child(4){background:radial-gradient(#2ce8f5,#008aab 65%,#00577a);border-color:#77f9ff}.actions img{width:37px;height:38px;object-fit:contain}.bottom{height:68px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;align-items:center;border-top:1px solid #d5e9f5;margin-top:2px;padding-bottom:env(safe-area-inset-bottom)}.bottom button{font-size:11px;display:flex;align-items:center;flex-direction:column;gap:2px;white-space:nowrap}.bottom button svg{width:25px;height:25px}.bottom button.active{color:#0089fa}
body.dark{color:#f5f7ff;background:#00111f}body.dark .app{background:linear-gradient(#001322,#00101d)}body.dark .translator,body.dark .features button,body.dark .progress-row,body.dark .planner-card,body.dark .category-grid button{background:linear-gradient(#001d35,#00101e);border-color:#005c91}body.dark .tiers button,body.dark .switchrow button.active,body.dark .languages button.selected{color:white}body.dark .switchrow button,body.dark .languages button{border-color:#07507a}body.dark .progress-ring{background:#071627;color:#fff}body.dark .section-title button{color:#00e6f5}body.dark .phrase-card{border-color:#006eaa}body.dark .phrase-overlay h3,body.dark .phrase-overlay p,body.dark .phrase-label{color:#fff}body.dark .phrase-overlay strong{color:#00f5ff}body.dark .bottom{border-color:#003758}body.dark .bottom button.active{color:#00e8f6}body.dark .translator-text em{color:#00f5ff}
@media(min-width:430px){.app{padding-left:12px;padding-right:12px}.hero{height:119px}.features button{height:70px}.category-grid button{height:79px}.category-grid img{height:59px}.phrase-card{height:188px}}

/* TASK086-FIX: genuine HTML content over clean photographic fragments */
.hero img{object-fit:cover}
.hero-copy{position:absolute;left:14px;top:4px;right:75px;color:white;text-shadow:0 2px 4px #001a37,0 0 6px #07152b;pointer-events:none}
.hero-copy h1{font-family:Georgia,serif;font-style:italic;font-size:44px;line-height:1;margin:0 0 3px;color:#fff;letter-spacing:-2px;text-shadow:2px 2px 1px #d5008d,0 0 5px #ff00ab,0 0 10px #e91a9c}
.hero-copy p{font-size:12px;font-weight:700;margin:0;line-height:1.2}
.hero-copy small{display:block;font-size:9px;line-height:1.15;max-width:210px;font-weight:700}
.phrase-card{background:linear-gradient(100deg,#e9f9ff 0%,#fff 55%,#cae8ff 100%)}
.phrase-card>img{position:absolute;left:auto;right:0;top:0;width:44%;height:105px;object-fit:cover;object-position:center;opacity:.96}
.phrase-card:before{content:"";position:absolute;z-index:1;top:0;bottom:72px;left:35%;width:42%;background:linear-gradient(90deg,#effaff 5%,rgba(239,250,255,0))}
.phrase-overlay{z-index:2}
.phrase-overlay h3{max-width:80%;font-size:clamp(12px,3.6vw,17px);white-space:normal;line-height:1.1}
.phrase-overlay p{max-width:80%;font-size:clamp(10px,3vw,13px);white-space:normal}
.phrase-overlay strong{max-width:80%;font-size:clamp(12px,3.5vw,15px)}
.phrase-buttons{display:flex;flex-direction:column;top:4px;gap:4px}
.phrase-buttons button{font-size:22px;width:28px;height:28px}
.feature-icon,.action-icon{display:grid;place-items:center}
.feature-icon svg{width:34px;height:34px;color:#077cff}
.action-icon svg{width:32px;height:32px;color:#fff}
.features button{gap:3px}
.actions button{border-radius:26px}
body.dark .phrase-card{background:linear-gradient(100deg,#001b33,#052743 62%,#041a33)}
body.dark .phrase-card:before{background:linear-gradient(90deg,#001b33 5%,rgba(0,27,51,0))}
body.dark .feature-icon svg{color:#35e8ff}
.category-grid button{height:auto;min-height:75px}
.category-grid small{white-space:normal;overflow-wrap:anywhere;line-height:1.1;padding:3px 1px;font-size:clamp(8px,2.2vw,10px)}
.switchrow button,.languages button{min-width:0}
.translator-text strong,.translator-text small{white-space:normal}
.planner-card strong,.planner-card b,.planner-card small{white-space:normal}
.progress-copy strong,.progress-copy small{white-space:normal}
.bottom button{white-space:normal;overflow-wrap:anywhere;font-size:clamp(8px,2.4vw,11px)}
body.dark .hero-copy{color:white}
@media(min-width:430px){.hero-copy h1{font-size:48px}.hero-copy small{font-size:10px}}

/* TASK088 targeted */
body.dark .logo{mix-blend-mode:screen}.hero-copy{left:24px;top:5px;right:65px}.hero-copy h1{font-size:49px;line-height:1.04;font-weight:400;letter-spacing:-2.5px;text-shadow:2px 2px 1px #e500a0,0 0 8px #f800b3,0 0 15px #ff5bc7}.hero-copy p{font-size:14px;line-height:1.1}.hero-copy small{font-size:10.5px;line-height:1.25;max-width:230px;font-weight:500}.translator{background:linear-gradient(100deg,#f4fcff,#e7f6ff);gap:7px;padding:3px 9px}.translator-text strong{font-size:16px}.translator-text small{font-size:12px}.offline{font-size:10px;padding:3px 12px}.mic{box-shadow:0 0 11px #00bbff,0 0 5px #e100fc}body.dark .translator{background:linear-gradient(90deg,#00284c,#001b36)}.progress-row{gap:3px}.bars{height:59px;gap:2px;padding:0 0 1px;align-items:flex-end}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:0}.bar-col span{width:11px;display:block;border-radius:7px;background:linear-gradient(#00edff,#0061e9)}.bar-col:nth-child(4) span,.bar-col:nth-child(6) span{background:linear-gradient(#ee75ff,#7a00f8)}.bar-col small{font-size:8px;line-height:9px}.phrase-card{height:184px}.phrase-card>img{width:56%;height:112px;object-fit:cover}.phrase-card:before{left:30%;width:37%;bottom:73px}.phrase-overlay{padding:10px 14px}.phrase-overlay h3{font-size:16px;max-width:86%;margin-top:8px}.phrase-overlay p{font-size:13px;max-width:86%}.phrase-overlay strong{font-size:15px;max-width:86%}.actions{bottom:5px;left:8px;right:8px;gap:6px}.actions button{height:71px;border-radius:50%;font-size:12px}.bottom{height:70px;margin-top:4px}.bottom button{font-size:11px;gap:3px}.bottom button svg{width:27px;height:27px}.bottom button.active{font-weight:700}@media(min-width:430px){.hero-copy h1{font-size:52px}.phrase-card{height:190px}.phrase-card>img{height:118px}}
/* TASK089 approved feature/action image assets */
.feature-icon{height:39px;overflow:hidden}.feature-icon img{display:block;width:48px;height:39px;object-fit:contain}.actions .action-icon{height:33px;width:44px;overflow:hidden}.actions .action-icon img{width:44px;height:auto;max-width:none;display:block;object-fit:cover;object-position:top}.features button{gap:1px}

/* TASK091: original extracted phrase action symbols, circular clip removes corner pixels */
.actions .action-icon{width:40px;height:30px;display:block;overflow:hidden;border-radius:50%}.actions .action-icon img{display:block;width:40px;height:40px;max-width:none;object-fit:cover;object-position:center top;clip-path:circle(43% at 50% 43%)}.bell svg{width:23px;height:23px;display:block}.bottom button{letter-spacing:-.25px;font-size:clamp(8px,2.1vw,10px);overflow-wrap:normal;word-break:keep-all}.bottom button span{white-space:nowrap}

/* TASK092 only Bottom Navigation, pixels extracted from each approved MASTER */
.bottom{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:0}.bottom button{min-width:0;white-space:nowrap;overflow:visible;overflow-wrap:normal;word-break:normal;letter-spacing:-.3px;font-size:clamp(8px,2.2vw,10px);gap:1px;line-height:1.1}.bottom button span{white-space:nowrap;display:block;font-size:inherit}.bottom button .nav-icon{width:34px;height:34px;object-fit:contain;display:block;flex-shrink:0}.bottom button.active{font-weight:700}

/* TASK093: measured Bottom Navigation geometry only. Preserve TASK092 icons. */
.bottom{height:73px;align-items:center;margin-top:2px;padding-top:2px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.bottom button{gap:4px;line-height:1.12;letter-spacing:0;font-size:clamp(10px,2.6vw,12px);font-weight:500;justify-content:center}.bottom button span{font-size:inherit}.bottom button .nav-icon{width:34px;height:34px}.bottom button.active{font-weight:500}

/* TASK094: target pixel centers measured on four locked MASTER and TASK093 390px captures. */
.bottom{height:73px;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:2px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.bottom button{gap:2px;font-size:13px;line-height:1;letter-spacing:0;font-weight:500;transform:translateX(-5px)}.bottom button span{font-size:13px;white-space:nowrap}.bottom button.active{font-weight:500}html[lang="ru"] .bottom button{font-size:12px;transform:translateX(-2px)}html[lang="ru"] .bottom button span{font-size:12px}body.dark .bottom button{transform:translateX(-9px)}html[lang="ru"] body.dark .bottom button{transform:translateX(-7px)}

/* TASK095 Essential Phrases only. Master measured: card y754-934 at EN LIGHT 382px, photograph confined to upper 100px, actions bottom 75px. */
.phrase-card{height:184px}.phrase-card>img{left:auto;right:0;top:0;bottom:auto;width:54%;height:102px;object-fit:fill;object-position:right top}.phrase-card:before{top:0;bottom:auto;left:36%;width:39%;height:104px;background:linear-gradient(90deg,#effaff 0%,rgba(239,250,255,.95) 20%,rgba(239,250,255,0) 100%)}.phrase-overlay{padding:10px 16px}.phrase-label{font-size:10px}.phrase-overlay h3{font-size:17px;max-width:80%;margin-top:9px;line-height:1.1}.phrase-overlay p{font-size:13px;line-height:1.18}.phrase-overlay strong{font-size:15px;line-height:1.2}.phrase-buttons{right:7px;top:7px;flex-direction:row;gap:8px}.phrase-buttons button{width:31px;height:31px}.actions{bottom:5px;left:9px;right:9px;gap:5px}.actions button{height:74px;border-radius:50%}body.dark .phrase-card:before{background:linear-gradient(90deg,#061c36 0%,rgba(6,28,54,.92) 20%,rgba(6,28,54,0) 100%)}

/* TASK098: OWNER authorized mobile refinements only */
header .logo{width:260px;max-width:calc(100% - 52px);height:57px;object-fit:contain}
body.dark .tiers button{border-color:transparent;box-shadow:0 0 8px rgba(0,174,255,.55)}
body.dark .tiers button:nth-child(2){box-shadow:0 0 8px rgba(131,25,255,.62)}
body.dark .tiers button:nth-child(3){box-shadow:0 0 8px rgba(255,22,147,.62)}
.phrase-card:before{left:30%;width:52%;background:linear-gradient(90deg,#effaff 0%,rgba(239,250,255,.86) 18%,rgba(239,250,255,.35) 66%,transparent 100%)}
body.dark .phrase-card:before{background:linear-gradient(90deg,#061c36 0%,rgba(6,28,54,.86) 18%,rgba(6,28,54,.35) 66%,transparent 100%)}
.phrase-card>img{object-fit:cover;object-position:right center}
.phrase-overlay h3,.phrase-overlay p,.phrase-overlay strong{position:relative;z-index:1}
.phrase-buttons{z-index:3}

/* TASK100: logo only, requested preliminary CSS width */
header .logo{width:285px;max-width:calc(100% - 52px);height:57px;object-fit:contain}

/* TASK100: scale actual pixels, not just object-fit box */
header .logo{transform:scale(1.16);transform-origin:center center}

/* TASK102: preserve TASK100 logo scale, provide lower breathing room */
header{height:67px;align-items:flex-start}
header .logo{margin-top:0}
body.dark header .bell{color:#eaf5ff}

/* TASK115 EN SVG only; align geometric center with unchanged Pro tier */
html[lang=en] header .logo{width:285px;max-width:calc(100% - 52px);height:57px;object-fit:contain;transform:none;transform-origin:center center}
html[lang=en] body.dark header .logo{mix-blend-mode:normal}

/* TASK117: EN SVG scale correction, preserve all other components */
html[lang=en] header .logo{transform:translateX(-9px) scale(1.35);transform-origin:center center}
/* TASK121: RU logo adopts approved EN optical geometry */
html[lang=ru] header .logo{width:285px;max-width:calc(100% - 52px);height:57px;object-fit:contain;transform:translateX(-9px) scale(1.35);transform-origin:center center;mix-blend-mode:normal}


/* TASK123A: upper controls only. Frozen header, hero and lower sections untouched. */
.tiers button{border-color:transparent;background-clip:padding-box}
body.dark .tiers button{border-color:transparent;background-clip:padding-box}
body:not(.dark) .switchrow button.active,
body:not(.dark) .languages button.selected{border-color:transparent}
.locale-switch button,.theme-switch button{display:inline-flex;align-items:center;justify-content:center;gap:3px}
.languages button:not(.add){display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}
.languages .flag,.locale-switch .flag{display:inline-flex;flex:0 0 14px;width:14px;height:14px;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;font-size:15px;line-height:14px}
.languages button span[data-i]{min-width:0;white-space:nowrap}
html[lang=ru] .languages{gap:2px}
html[lang=ru] .languages button:not(.add){padding:0 1px;font-size:clamp(9px,2.4vw,11px);letter-spacing:-.35px;gap:1px}
html[lang=ru] .languages .add{flex-basis:28px}
html[lang=ru] .languages .flag{flex-basis:12px;width:12px;height:12px;font-size:13px}

/* TASK125: tier surfaces only; retain original one-pixel border box geometry and approved gradients. */
.tiers button,body.dark .tiers button{border:1px solid transparent;outline:none;background-clip:border-box;appearance:none;-webkit-appearance:none}
.tiers button::before,.tiers button::after{content:none}

/* TASK125C: independent theme-specific tier edge repair. Border box remains 31px; gradients unchanged. */
body:not(.dark) .tiers button{border:1px solid transparent;background-clip:border-box;outline:none;box-shadow:0 0 5px var(--tier-glow)}
body.dark .tiers button{border:1px solid transparent;background-clip:border-box;outline:none;box-shadow:0 0 5px var(--tier-glow)}
.tiers button:nth-child(1){--tier-glow:#03bbff}
.tiers button:nth-child(2){--tier-glow:#8600ff}
.tiers button:nth-child(3){--tier-glow:#ff1393}
body.dark .tiers button:nth-child(1){--tier-glow:rgba(0,174,255,.55)}
body.dark .tiers button:nth-child(2){--tier-glow:rgba(131,25,255,.62)}
body.dark .tiers button:nth-child(3){--tier-glow:rgba(255,22,147,.62)}

/* TASK125E: Visual QA approved border0; no layout changes, gradients retained. */
.tiers button,body:not(.dark) .tiers button,body.dark .tiers button{border:0;background-clip:border-box}

/* TASK126: Light-only external glow removal; Dark strictly untouched. */
body:not(.dark) .tiers button{box-shadow:none}

/* TASK128: approved SVG pictograms; surface TASK126 untouched. */
.tiers button{display:flex;align-items:center;justify-content:center;gap:5px}
.tiers .tier-icon{display:block;width:20px;height:20px;flex:0 0 20px;object-fit:contain;background:transparent;border:0;box-shadow:none}

/* TASK132: second-row surface and approved SVG only; tier surface locked. */
.switchrow button{border:0;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 5px}
.switchrow button.active{box-shadow:none}
.switchrow .switch-icon{display:block;width:17px;height:17px;flex:0 0 17px;object-fit:contain;background:transparent;border:0;box-shadow:none}

/* TASK134: four learning-language buttons only. The + button is locked. */
.languages button:not(.add){border:0;box-shadow:none;background-clip:border-box;outline:none}
.languages button.selected:not(.add){box-shadow:none}
.languages button:not(.add) .learning-flag{display:block;width:14px;height:14px;flex:0 0 14px;object-fit:contain;border:0;background:transparent;box-shadow:none}
html[lang=ru] .languages button:not(.add) .learning-flag{width:12px;height:12px;flex-basis:12px}

/* TASK139: Bali only, single image and unified interaction target. */
button.hero{display:block;width:100%;padding:0;background:transparent;box-shadow:none;cursor:pointer;border:0;border-radius:15px;overflow:hidden}
button.hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;border:0;border-radius:inherit}

/* TASK141: full uncropped approved banner, original ratio preserved. */
button.hero{height:auto;aspect-ratio:auto;min-height:0;line-height:0}
button.hero>img{width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;vertical-align:top}

/* TASK159 ISOLATED TECHNICAL PROTOTYPE ONLY */
.hero-real{display:block;text-align:left;padding:0;isolation:isolate}.hero-real-copy{position:absolute;left:12px;bottom:8px;z-index:2;color:white;display:flex;flex-direction:column;align-items:flex-start;max-width:calc(100% - 100px);text-shadow:0 1px 3px #001325,0 0 4px #001325;pointer-events:none}.hero-real-copy strong{font:700 15px/1.12 Arial,Helvetica,sans-serif;margin-bottom:2px}.hero-real-copy span{display:block;white-space:nowrap;font:600 9px/1.24 Arial,Helvetica,sans-serif;letter-spacing:-.2px}

/* TASK162 MOBILE FINAL: source aspect preserved, no baked text */
.hero.hero-real{height:auto;aspect-ratio:696/246;border:0;background:transparent;overflow:hidden;border-radius:15px}.hero.hero-real img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-real-copy{left:12%;right:8px;bottom:7%;max-width:none;width:86%;text-align:left}.hero-real-copy strong{font-size:clamp(13px,3.9vw,18px);margin-bottom:2px}.hero-real-copy span{font-size:clamp(10px,2.7vw,12px);letter-spacing:-.35px;line-height:1.15}.hero-real-copy{text-shadow:0 1px 3px #001020,0 0 5px #001020}@media(min-width:430px){.hero.hero-real{height:auto}}
.hero-real-copy{left:16px;width:calc(100% - 32px);bottom:6%}.hero-real-copy strong{font-size:clamp(16px,4.3vw,19px)}.hero-real-copy span{font-size:clamp(11.5px,3.05vw,13px);letter-spacing:-.2px}

/* TASK165 isolated MASTER geometry */
.hero.hero-real{height:110px;aspect-ratio:auto;border-radius:15px}.hero.hero-real img{object-fit:fill}.hero-real-copy{left:35px;bottom:4px;width:calc(100% - 105px);right:auto;text-shadow:0 1px 3px #00132a,0 0 4px #00132a}.hero-real-copy strong{font-size:14px;line-height:1.08;margin-bottom:1px}.hero-real-copy span{font-size:9px;line-height:1.15;letter-spacing:-.4px}@media(min-width:430px){.hero.hero-real{height:116px}.hero-real-copy span{font-size:10px}}

/* TASK166: preserve image intrinsic proportions, crop only excess vertical image area */
.hero.hero-real img{object-fit:cover!important;object-position:center 35%!important;width:100%;height:100%;}

/* TASK169 Bali only: natural-ratio prepared graphics, readable on-image text. */
.hero.hero-real{padding:0;border:0;background:transparent;display:block;width:100%;height:110px;position:relative;overflow:hidden;border-radius:14px}
.hero.hero-real img{width:100%;height:100%;object-fit:fill!important;display:block}
.hero-real-copy{position:absolute;left:9%;bottom:3px;width:78%;max-width:290px;display:flex;flex-direction:column;align-items:flex-start;gap:0;color:white;text-align:left;text-shadow:0 1px 3px #00142f,0 0 4px #00142f;pointer-events:none}
.hero-real-copy strong{font-size:clamp(12px,3.6vw,15px);line-height:1.1;font-weight:800;margin-bottom:1px}
.hero-real-copy span{font-size:clamp(9px,2.45vw,11px);font-weight:700;line-height:1.12;white-space:nowrap;letter-spacing:-.25px}
@media(min-width:430px){.hero.hero-real{height:116px}.hero-real-copy{bottom:4px}.hero-real-copy span{font-size:11px}}

/* TASK171: Bali text readability only. */
.hero-real-copy{left:8%;bottom:8px;width:84%;max-width:none;right:auto;gap:1px;text-shadow:0 1px 2px #000,0 0 4px #000,0 0 7px #001329}
.hero-real-copy strong{font-size:15px;line-height:1.1;margin-bottom:1px}
.hero-real-copy span{font-family:"Arial Narrow",Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;line-height:1.22;letter-spacing:-.65px;white-space:nowrap}
@media(min-width:430px){.hero-real-copy{bottom:9px}.hero-real-copy strong{font-size:16px}.hero-real-copy span{font-size:11.5px;line-height:1.25;letter-spacing:-.55px}}

/* TASK173: move Bali copy below decorative title, preserving type size. */
.hero-real-copy{left:8%;bottom:4px;gap:0}
.hero-real-copy strong{font-size:15px;line-height:1.05;margin-bottom:0}
.hero-real-copy span{font-size:11px;line-height:1.14}
@media(min-width:430px){.hero-real-copy{bottom:5px}.hero-real-copy strong{font-size:16px}.hero-real-copy span{font-size:11.5px;line-height:1.17}}

/* TASK175: OWNER-approved complete PNGs; no text overlays or cropping. */
.hero.hero-real{width:100%;height:110px;border:0;border-radius:14px;padding:0;overflow:hidden}
.hero.hero-real>img{position:static;width:100%;height:100%;object-fit:contain!important;object-position:center center!important}
.hero-real-copy{display:none!important}
@media(min-width:430px){.hero.hero-real{height:116px}}

/* TASK177 fullwidth isolated geometry comparison */
.hero.hero-real{height:auto!important;aspect-ratio:auto!important;line-height:0}
.hero.hero-real>img{height:auto!important;width:100%!important;object-fit:contain!important;position:static!important}

/* TASK183-R1: archive hero-arrow shape; decorative and noninteractive */
.hero-real .hero-arrow-master{position:absolute;z-index:3;left:50%;top:6px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;width:35px;height:35px;background:#fff;color:#007fff;border:2px solid #b6dfff;box-shadow:0 1px 8px #20a3ff;font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:400;line-height:1;pointer-events:none;user-select:none}
body.dark .hero-real .hero-arrow-master{background:#001d35;color:#00e6f5;border-color:#07507a;box-shadow:0 1px 8px #005c91}

/* TASK189 compact right-edge narrow-angle arrow */
.hero.hero-real .hero-arrow-master{left:auto;right:7px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-width:1px;border-color:#007fff;box-shadow:0 0 4px #007fff55;font-size:initial;line-height:0}
body.dark .hero.hero-real .hero-arrow-master{border-color:#00e6f5;box-shadow:0 0 4px #00e6f555}
.hero.hero-real .hero-arrow-master svg{display:block;width:12px;height:12px;overflow:visible}

/* TASK193 Translator MASTER alignment only. No hero or global geometry edits. */
.translator{padding-left:12px;padding-right:12px;gap:7px}
.translator .mic{width:70px;height:70px;flex:0 0 70px;transform:translateX(4px);box-shadow:0 0 13px #00bbff,0 0 8px #e100fc}
.translator .mic svg{width:40px;height:40px}
.translator .translator-text{transform:translateX(-8px)}
.translator .next{width:31px;height:31px;flex:0 0 31px}


/* TASK202: Translator-only MASTER restoration; other sections frozen */
.translator{position:relative;isolation:isolate;overflow:visible;background:linear-gradient(112deg,#f9feff 0%,#edfaff 46%,#e2f5ff 100%);border:1px solid #a4dcff;box-shadow:inset 0 1px 0 #ffffff,0 0 10px rgba(24,167,255,.18),0 3px 12px rgba(20,119,220,.08);border-radius:15px}
.translator .mic{position:relative;z-index:1;transform:translateX(4px);width:70px;height:70px;flex:0 0 70px;border:2px solid #a4faff;background:radial-gradient(circle at 31% 23%,#27e6ff 0%,#057dff 36%,#2746fb 55%,#a009ef 76%,#ff32ce 100%);box-shadow:0 0 0 1px #ffffffaa,inset 0 1px 5px #ffffff77,0 0 9px #00aaff,0 0 12px #ed21ff,3px 4px 9px #fa2ecf}
.translator .mic svg{width:40px;height:40px;filter:drop-shadow(0 0 2px #ffffff80)}
.translator .translator-text{transform:translateX(-8px);gap:2px;line-height:1.08}
.translator .translator-text strong{display:block;font-size:15px;font-weight:700;line-height:17px;letter-spacing:-.42px;background:linear-gradient(90deg,#8c15e8 2%,#c800d7 33%,#2356e8 73%,#0069ec 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.translator .translator-text strong em{font-style:normal;color:inherit}
.translator .translator-text small{font-size:11px;line-height:12px;color:#1935a9;letter-spacing:-.3px}
.translator .offline{display:inline-flex;align-items:center;justify-content:center;gap:4px;align-self:center;min-width:115px;height:21px;padding:0 10px;border:1px solid #8af4ff;border-radius:18px;font-size:10px;font-weight:600;line-height:1;white-space:nowrap;color:white;background:linear-gradient(180deg,#1eefff 0%,#009cfb 50%,#0058e8 100%);box-shadow:0 0 6px #00aaff,0 0 10px #00c9ff55,inset 0 1px 2px #ffffff88}
.translator .offline svg{width:12px;height:12px;flex:0 0 12px;display:block}
.translator .next{display:flex;align-items:center;justify-content:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#fff;color:#087dff;border:1px solid #b0e0ff;box-shadow:0 0 7px #00aaff;font-size:19px}
body.dark .translator{background:linear-gradient(105deg,#002448 0%,#001e3b 55%,#00152e 100%);border-color:#076aa5;box-shadow:inset 0 1px 0 #0a669055,0 0 12px #0088d433,0 3px 12px #000a1c}
body.dark .translator .mic{border-color:#82faff;background:radial-gradient(circle at 31% 22%,#25e9ff 0%,#067cff 35%,#2347f7 55%,#9d07f1 76%,#f62dd1 100%);box-shadow:0 0 0 1px #00eaff77,inset 0 1px 5px #ffffff77,0 0 11px #00bfff,0 0 13px #e321ff,3px 4px 10px #e528db}
body.dark .translator .translator-text strong{background:linear-gradient(90deg,#00edff 0%,#0be2ff 33%,#ef38de 62%,#20d9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.dark .translator .translator-text small{color:#e8f4ff}
body.dark .translator .offline{background:linear-gradient(180deg,#00eaff,#008efa 55%,#0053d6);border-color:#5cfaff;box-shadow:0 0 7px #00cfff,0 0 12px #00baff66,inset 0 1px 2px #ffffff77}
body.dark .translator .next{background:#001e3b;color:#00e8ff;border:1px solid #00b9f6;box-shadow:0 0 8px #00bfff,0 0 3px #00dfff inset}

/* TASK202 optical comparison correction: MASTER title/badge centers */
.translator .translator-text{transform:translateX(-18px)}
.translator .translator-text strong{font-size:16px}

/* TASK204 precise optical rework: translator-only; TASK203 PASS arrow frozen */
.translator{background:linear-gradient(105deg,#fafdff 0%,#effaff 57%,#e9f7ff 100%);border-color:#b9e5ff;box-shadow:inset 0 1px 0 #ffffff,0 0 8px #4ab8ff19,0 3px 9px #329cff0c}
body.dark .translator{background:linear-gradient(103deg,#00203d 0%,#001a34 58%,#00162e 100%);border-color:#075687;box-shadow:inset 0 1px 0 #1684b51c,0 0 8px #007ed01d,0 3px 10px #00091b}
.translator .mic{border-color:#b7faff;background:radial-gradient(circle at 34% 24%,#25dfff 0%,#048cfb 34%,#1744f9 53%,#8e08ed 70%,#f41cc9 86%,#ff47d8 100%);box-shadow:0 0 0 1px #ffffffb5,inset 0 1px 5px #ffffff77,0 0 9px #00baff,2px 1px 10px #ec16ff,4px 5px 10px #fa2bcc}
body.dark .translator .mic{border-color:#a5faff;background:radial-gradient(circle at 34% 24%,#21e3ff 0%,#078bff 34%,#1648fc 53%,#8e0aef 70%,#f220d4 86%,#ff48dd 100%);box-shadow:0 0 0 1px #00eaff99,inset 0 1px 5px #ffffff88,0 0 9px #00bfff,2px 1px 11px #e51aff,4px 5px 11px #fa28cf}
.translator .mic svg{width:40px;height:40px;filter:drop-shadow(0 0 1px #ffffff55)}
.translator .translator-text{transform:translateX(-12px);gap:1px}
.translator .translator-text strong{font-family:'Arial Narrow',Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.72px;line-height:18px;background:linear-gradient(90deg,#7412d9 0%,#a500ed 25%,#1959ee 57%,#0632b6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.dark .translator .translator-text strong{background:linear-gradient(90deg,#05d9f6 0%,#03f1fc 28%,#d72bdb 53%,#10c5ee 78%,#04dafa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.translator .translator-text small{line-height:13px;letter-spacing:-.3px}
.translator .offline{min-width:115px;height:21px;padding:0 11px;gap:3px;border-color:#b2efff;background:linear-gradient(180deg,#16dfff 0%,#048ff6 55%,#0064df 100%);box-shadow:0 0 5px #00aaffaa,0 2px 5px #0088ff55,inset 0 1px 2px #ffffff99}
body.dark .translator .offline{border-color:#71dcff;background:linear-gradient(180deg,#0bceff 0%,#007eea 58%,#004ec8 100%);box-shadow:0 0 6px #00bfffaa,0 2px 6px #007dff66,inset 0 1px 2px #ffffff88}
.translator .offline svg{width:13px;height:13px;flex:0 0 13px}


/* TASK206: title scale and left-aligned text composition, translator only */
.translator .translator-text{transform:translateX(-4px);align-items:flex-start;text-align:left;gap:2px;justify-content:center}
.translator .translator-text strong{font-family:'Arial Narrow',Arial,Helvetica,sans-serif;font-size:19px;line-height:21px;letter-spacing:-.7px;font-weight:700;white-space:nowrap}
.translator .translator-text small{font-size:12px;line-height:14px;letter-spacing:-.35px;white-space:nowrap}
.translator .offline{align-self:center;min-width:120px;height:22px;margin-top:1px;padding:0 12px;box-shadow:0 0 7px #00aaffbb,0 2px 6px #0088ff55,inset 0 1px 2px #ffffff99}
body.dark .translator .offline{box-shadow:0 0 7px #00caffcc,0 2px 6px #007dff66,inset 0 1px 2px #ffffff88}
.translator .mic{box-shadow:0 0 0 1px #ffffffb5,inset 0 1px 5px #ffffff77,0 0 9px #00baff,2px 1px 11px #ed16ff,4px 5px 13px #fa2bcc}
body.dark .translator .mic{box-shadow:0 0 0 1px #00eaff99,inset 0 1px 5px #ffffff88,0 0 9px #00bfff,2px 1px 12px #e51aff,4px 5px 13px #fa28cf}
.translator{box-shadow:inset 0 1px 0 #fff,0 0 11px #4ab8ff20,0 3px 9px #329cff0c}
body.dark .translator{box-shadow:inset 0 1px 0 #1684b51c,0 0 11px #007ed025,0 3px 10px #00091b}
@media(max-width:400px){.translator .translator-text strong{font-size:18px;letter-spacing:-.8px}.translator .translator-text small{font-size:11px}}

/* TASK206 measured optical alignment refinement against MASTER comparison */
.translator .translator-text{transform:translateX(11px)}
.translator .translator-text strong{font-size:21px;letter-spacing:-.65px}
@media(max-width:400px){.translator .translator-text strong{font-size:20px;letter-spacing:-.7px}}

/* TASK208: optical badge alignment; accepted title and arrow frozen */
.translator .offline{position:relative;left:-23px}

/* TASK210: mic only, optical capsule and split-spectrum halo; accepted geometry frozen */
.translator .mic{background:radial-gradient(ellipse at 33% 18%,#26e8ff 0%,#078eff 33%,#1746fb 51%,#7e0ce9 68%,#df1bda 84%,#ff40d4 100%);border-color:#b0faff;box-shadow:0 0 0 1px #ffffffaa,inset 0 1px 4px #ffffff66,-2px -3px 8px #0bbcffaa,-1px 0 7px #136aff55,1px 6px 8px #c71de8aa,3px 9px 11px #f72cc8b0}
body.dark .translator .mic{background:radial-gradient(ellipse at 33% 18%,#24e7ff 0%,#0789ff 33%,#1744f9 51%,#7e09e8 68%,#dc1ad9 84%,#ff3bd4 100%);border-color:#a4faff;box-shadow:0 0 0 1px #00eaff88,inset 0 1px 4px #ffffff66,-2px -3px 8px #0bbcffb0,-1px 0 7px #136aff66,1px 6px 9px #ca1de9bb,3px 9px 12px #fa2ac9c4}
.translator .mic svg{filter:drop-shadow(0 0 1.15px #ffffff77)}
.translator .offline{background:linear-gradient(180deg,#2eeaff 0%,#0c9cf5 48%,#0067e5 100%);box-shadow:0 0 5px #00bbff8c,0 2px 6px #028cff60,inset 0 1px 2px #ffffffa0}
body.dark .translator .offline{background:linear-gradient(180deg,#21dfff 0%,#078df0 50%,#0055d5 100%);box-shadow:0 0 6px #00cbffa8,0 2px 7px #007aff77,inset 0 1px 2px #ffffff99}

/* TASK212: localized optical glow, no geometry or interaction changes */
.translator .mic{background:radial-gradient(ellipse at 27% 17%,#25edff 0%,#078dff 31%,#1547fa 49%,#7508e7 67%,#e518db 85%,#ff48d7 100%);box-shadow:0 0 0 1px #ffffffb3,inset 1px 1px 4px #ffffff6b,-3px -4px 7px #00c9ff9c,-2px 0 6px #006dff45,3px 7px 7px #d819e7a8,6px 10px 8px #ff2bc5c9}
body.dark .translator .mic{background:radial-gradient(ellipse at 27% 17%,#22e9ff 0%,#078cff 31%,#1648fa 49%,#7809e9 67%,#e71cdb 85%,#ff49d5 100%);box-shadow:0 0 0 1px #00eaff9c,inset 1px 1px 4px #ffffff6b,-3px -4px 7px #00c9ffa8,-2px 0 6px #006dff55,3px 7px 7px #d819e7b0,6px 10px 9px #ff2bc5d4}
.translator .mic svg{filter:drop-shadow(0 0 .75px #ffffff66)}
.translator .offline{background:linear-gradient(180deg,#20e2ff 0%,#0a98f2 52%,#0066df 100%);box-shadow:0 0 4px #00bbff83,0 2px 5px #028cff4d,inset 0 1px 2px #ffffffa0}
body.dark .translator .offline{background:linear-gradient(180deg,#19dbff 0%,#0789ec 51%,#0055d2 100%);box-shadow:0 0 5px #00c5ff94,0 2px 6px #007aff65,inset 0 1px 2px #ffffff99}

/* TASK223B isolated Translator */
.translator{height:96px;min-height:96px;padding:8px 10px;gap:7px;border-radius:18px;background:linear-gradient(115deg,#f7fdff,#e4f6ff);border-color:#b9e7ff;box-shadow:0 2px 12px #69caff30}
.translator .mic{width:70px;height:70px;flex:0 0 70px;transform:translateX(4px);border:1.5px solid #74eaff;background:radial-gradient(circle at 28% 20%,#76edff 0%,#28c5ff 27%,#008bff 59%,#0062ef 100%);box-shadow:inset 1px 2px 3px #ffffff85,0 0 0 1px #c8f9ff66,0 3px 9px #00a9ff8c,0 0 9px #00c8ff65}
.translator .translator-text{transform:none;align-items:flex-start;text-align:left;gap:3px;justify-content:center;position:relative;z-index:1}
.translator .translator-text strong{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,4.45vw,21px);font-weight:800;letter-spacing:-.9px;line-height:1.07;white-space:nowrap;background:none;-webkit-background-clip:initial;background-clip:initial;color:#0087f9}
.translator .translator-text strong span{background:none;-webkit-text-fill-color:currentColor}
.translator .translator-text .title-speak,.translator .translator-text .title-translator{color:#0087f9}
.translator .translator-text .title-easy{color:#f23abf}
.translator .translator-text small{white-space:normal;letter-spacing:0}
.translator .translator-text .translator-voice{font-size:clamp(10px,2.8vw,13px);font-weight:600;color:#4d8ad0;line-height:1.1;white-space:nowrap}
.translator .translator-text .translator-sub{font-size:clamp(10px,2.7vw,12px);line-height:1.15;color:#073caa}
.translator .offline{position:absolute;z-index:2;left:auto;right:61px;bottom:11px;transform:none;min-width:0;height:23px;padding:0 9px;max-width:39%;font-size:10px;white-space:nowrap;margin:0;background:linear-gradient(180deg,#2ed7ff,#009afa 54%,#0073ef);border-color:#77e7ff;box-shadow:0 2px 6px #008aff66,0 0 5px #00baff44}
.translator .offline svg{width:15px;height:15px;flex-basis:15px}
.translator .next{position:relative;z-index:1;width:38px;height:38px;flex:0 0 38px;background:#fff;color:#0087ff;border:1px solid #d6e9ff;box-shadow:0 2px 8px #008dff36}
.translator .next svg{width:25px;height:25px;display:block}
body.dark .translator{background:linear-gradient(115deg,#122b4b,#071c37 60%,#00132c);border-color:#24578a;box-shadow:inset 0 1px 0 #5289c32a,0 2px 12px #000a2080}
body.dark .translator .mic{border-color:#7fc5ff;background:radial-gradient(circle at 32% 10%,#218aff 0%,#342cff 33%,#8310ef 62%,#e312f4 87%,#ff32d7 100%);box-shadow:inset 1px 2px 4px #b2d5ff7a,0 0 0 1px #80b9ff55,0 3px 8px #dc0cff95,0 0 8px #0088ff4d}
body.dark .translator .translator-text strong{background:none;color:#0087f9;-webkit-background-clip:initial;background-clip:initial}
body.dark .translator .translator-text .title-speak,body.dark .translator .translator-text .title-translator{color:#0087f9}
body.dark .translator .translator-text .title-easy{color:#f23abf}
body.dark .translator .translator-text .translator-voice{color:#a7d7ff}
body.dark .translator .translator-text .translator-sub{color:#f0f4ff}
body.dark .translator .next{background:linear-gradient(#0b315d,#00162f);color:#009cff;border-color:#24588e;box-shadow:0 3px 7px #000b20}
body.dark .translator .offline{background:linear-gradient(180deg,#20caff,#008efa 55%,#0063e9);border-color:#62dfff;box-shadow:0 2px 7px #0078ff66}
@media(max-width:410px){.translator{gap:5px;padding-left:8px;padding-right:8px}.translator .mic{width:66px;height:66px;flex-basis:66px;transform:translateX(2px)}.translator .translator-text strong{font-size:clamp(15px,4.3vw,18px);letter-spacing:-.75px}.translator .translator-text .translator-voice{font-size:10px}.translator .translator-text .translator-sub{font-size:10px}.translator .next{width:33px;height:33px;flex-basis:33px}.translator .offline{right:46px;bottom:10px;height:21px;font-size:9px;padding:0 6px;gap:2px}.translator .offline svg{width:12px;height:12px;flex-basis:12px}}

/* TASK223B alignment correction: badge anchored to card, never to text */
.translator .translator-text{position:static}
.translator .translator-text .translator-sub{white-space:pre-line;max-width:135px}
.translator .offline{bottom:10px}

/* TASK225: offline glyph optical size only; all other approved geometry unchanged */
.translator .offline svg{width:17px;height:17px;flex-basis:17px}
@media(max-width:410px){.translator .offline svg{width:15px;height:15px;flex-basis:15px}}

/* TASK231: OWNER-approved typography variant 2. Translator text only. */
.translator .translator-text{
  position:static;
  transform:translateX(10px);
  gap:2px;
  min-width:0;
}
.translator .translator-text strong{
  font-size:clamp(20.3px,5.55vw,26px);
  font-weight:900;
  line-height:1.04;
  letter-spacing:-1.18px;
  white-space:nowrap;
}
.translator .translator-text .translator-voice{
  font-size:clamp(12.6px,3.4vw,16px);
  font-weight:750;
  line-height:1.12;
  letter-spacing:-.2px;
  white-space:nowrap;
}
.translator .translator-text .translator-sub{
  font-size:clamp(12.6px,3.35vw,15.8px);
  font-weight:650;
  line-height:1.14;
  letter-spacing:-.25px;
  max-width:none;
  white-space:pre-line;
}
@media(max-width:410px){
  .translator .translator-text{transform:translateX(9px);gap:2px}
  .translator .translator-text strong{font-size:20.3px;font-weight:900;letter-spacing:-1.2px;line-height:1.04}
  .translator .translator-text .translator-voice{font-size:12.6px;font-weight:750;letter-spacing:-.2px;line-height:1.12}
  .translator .translator-text .translator-sub{font-size:12.6px;font-weight:650;letter-spacing:-.25px;line-height:1.14;max-width:none;white-space:pre-line}
}

/* TASK231 layout correction: keep Offline Mode anchored to 96px card */
.translator .translator-text{transform:none;margin-left:10px}
.translator .translator-text .translator-sub{letter-spacing:-.95px}
@media(max-width:410px){.translator .translator-text{transform:none;margin-left:9px}.translator .translator-text .translator-sub{letter-spacing:-.7px}}

/* TASK231 RU badge clearance at 442px, without moving the badge */
@media(min-width:411px) and (max-width:446px){.translator .translator-text .translator-sub{letter-spacing:-1.28px}}

/* TASK234: OWNER-approved Offline Mode flow layout. Translator only. */
.translator{
  height:auto;
  min-height:136px;
  padding-top:11px;
  padding-bottom:11px;
}
.translator .translator-text{
  align-items:flex-start;
  text-align:left;
  justify-content:center;
  gap:2px;
}
.translator .translator-text .translator-sub{
  text-align:left;
}
.translator .offline{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  top:auto;
  transform:none;
  align-self:flex-start;
  margin:5px 0 0;
  max-width:none;
  width:max-content;
  flex:0 0 auto;
  height:23px;
  white-space:nowrap;
}
@media(max-width:410px){
  .translator{min-height:132px;padding-top:9px;padding-bottom:9px}
  .translator .offline{height:21px;margin-top:5px}
}

/* TASK238S isolated approved Four Worlds */
.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
.features button.fourworlds-card{position:relative;display:block;min-width:0;width:100%;height:auto;aspect-ratio:167/112;overflow:hidden;padding:0;border-radius:24px;border:1px solid rgba(120,190,255,.7);background:#e6f5ff;text-align:left;cursor:pointer;transition:transform .12s ease,filter .12s ease}
.features .fourworlds-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}
.features .fourworlds-card::after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(0,20,52,.66));pointer-events:none}
.features .fourworlds-label{position:absolute;z-index:1;left:10px;bottom:11px;max-width:calc(100% - 43px);color:#fff;font-size:clamp(12px,3.45vw,17px);font-weight:700;line-height:1.1;letter-spacing:-.25px;white-space:nowrap;text-shadow:0 1px 3px #001b40;pointer-events:none}
.features .fourworlds-arrow{position:absolute;z-index:1;right:7px;bottom:7px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff;background:linear-gradient(#dffaff,#4cb5ff);color:#0051ad;font-size:15px;pointer-events:none}
body.dark .features button.fourworlds-card{background:#05152f;border-color:#277ee0}
body.dark .features .fourworlds-arrow{background:linear-gradient(#164b79,#03162e);color:#fff;border-color:#7dd3ff}
.features .fourworlds-card:active{transform:scale(.975);filter:brightness(.9)}
.features .fourworlds-card:focus-visible{outline:3px solid #00baff;outline-offset:3px}
@media(min-width:430px){.features .fourworlds-label{font-size:17px}}

/* TASK 240 isolated internal learning containers only */
.learning-runtime[hidden],.learning-screen[hidden]{display:none!important}.learning-runtime{color:inherit;font-family:inherit}.learning-screen{padding:18px;max-width:520px;margin:auto}.learning-screen input,.learning-screen select{width:100%;padding:12px;margin:8px 0;background:transparent;color:inherit;border:1px solid currentColor;border-radius:10px}.learning-dialog{width:min(94vw,480px);max-height:88vh;overflow:auto;padding:22px;border-radius:18px;background:#fff;color:#141a29}.learning-dialog::backdrop{background:rgba(0,0,0,.65)}body.dark .learning-dialog{background:#172033;color:#fff}.learning-dialog button{margin:5px;padding:9px;border-radius:9px}

/* TEST-only Four Worlds full bleed and minimal category symbols */
.features button.fourworlds-card{padding:0!important;overflow:hidden!important}
.features .fourworlds-art{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:inherit}
.category-grid button.category-future{height:83px;min-height:83px;padding:5px 1px 4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;border-radius:14px;background:linear-gradient(145deg,#f8fdff,#e5f6ff);border:1px solid #b0dfff}
.category-future .category-symbol{width:100%;height:54px;display:grid;place-items:center;color:#087bea}
.category-future .category-symbol svg{width:35px;height:35px;filter:drop-shadow(0 2px 3px rgba(0,140,255,.2))}
.category-grid button.category-future small{font-size:clamp(9px,2.4vw,11px);font-weight:600;line-height:1.2;color:#07438d}
body.dark .category-grid button.category-future{background:linear-gradient(145deg,#07284c,#031327);border-color:#1565a7}
body.dark .category-future .category-symbol{color:#49caff}
body.dark .category-future .category-symbol svg{filter:drop-shadow(0 0 5px rgba(30,190,255,.5))}
body.dark .category-grid button.category-future small{color:#e3f6ff}

/* Future Line Premium: same five production SVG assets for Light and Dark */
.category-grid button.category-future{background:linear-gradient(145deg,#f9fdff,#edf7ff);border:1px solid #c4e1f1;box-shadow:inset 0 1px 0 #fff}
.category-future .category-symbol{height:54px;display:grid;place-items:center}
.category-future .category-symbol img{width:43px;height:43px;object-fit:contain;display:block;filter:drop-shadow(0 2px 3px rgba(34,115,177,.16))}
.category-grid button.category-future small{color:#245474;font-weight:600}
body.dark .category-grid button.category-future{background:linear-gradient(145deg,#11253d,#081b30);border-color:#2b4c6a;box-shadow:inset 0 1px 0 rgba(170,226,255,.08)}
body.dark .category-future .category-symbol img{filter:drop-shadow(0 0 5px rgba(61,173,237,.24))}
body.dark .category-grid button.category-future small{color:#cce5f3}
/* Approved OpenAI MASTER images, exactly five assets per theme */
.category-future .category-symbol img{width:100%;height:54px;object-fit:contain;filter:none}
body.dark .category-future .category-symbol img{filter:none}
/* Your Progress MASTER: mobile-first, responsive, light/dark */
.progress-future .section-title{height:28px}
.progress-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:15px;min-height:190px;padding:19px 18px;border-radius:25px;border:1px solid #91d5ff;background:linear-gradient(100deg,rgba(242,250,255,.97) 0%,rgba(242,249,255,.94) 62%,rgba(225,241,255,.8) 100%);box-shadow:0 8px 24px rgba(28,120,194,.13),inset 0 1px 0 #fff}
.progress-panel:after{content:'';position:absolute;inset:0 0 0 65%;z-index:-1;background:radial-gradient(circle at 70% 35%,rgba(88,189,245,.32),transparent 55%),linear-gradient(135deg,rgba(179,228,255,.25),rgba(255,255,255,0));opacity:.32;pointer-events:none}
.progress-panel .progress-ring{--progress:0%;position:relative;width:118px;height:118px;flex:0 0 118px;border:0;border-radius:50%;background:conic-gradient(from -90deg,#198aff 0%,#06e1e5 var(--progress),#d4eafa var(--progress),#d4eafa 100%);padding:11px;box-shadow:0 0 0 5px rgba(114,207,255,.18),0 6px 20px rgba(40,132,235,.18)}
.progress-ring-inner{height:100%;width:100%;border-radius:50%;background:linear-gradient(135deg,#fff,#eaf5ff);display:flex;align-items:center;justify-content:center;flex-direction:column}
.progress-ring-inner b{font-size:28px;line-height:1.2;color:#102b59}.progress-ring-inner small{font-size:11px;color:#627d9c}
.progress-content{position:relative;min-width:0;flex:1;z-index:1}
.progress-content>strong{display:block;color:#102951;font-size:17px;line-height:1.2}.progress-content>p{margin:4px 0 12px;font-size:10px;line-height:1.35;color:#5a7798}
.progress-stats{display:flex;gap:6px;justify-content:space-between}.progress-stats>div{min-width:0;display:grid;grid-template-columns:24px auto;column-gap:4px;align-items:center}.progress-stats .stat-symbol{grid-row:span 2;display:grid;place-items:center;width:24px;height:26px;border-radius:9px;background:linear-gradient(135deg,#c6f6ff,#e8efff);color:#0789dc;font-size:15px;box-shadow:0 2px 6px rgba(23,108,181,.12)}.progress-stats>div:nth-child(2) .stat-symbol{color:#efa600}.progress-stats>div:nth-child(3) .stat-symbol{color:#00a994}.progress-stats b{font-size:16px;color:#122e57;line-height:1}.progress-stats small{font-size:9px;color:#627c9c}
.progress-cta{margin-top:13px;width:100%;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:linear-gradient(105deg,#11d5e8,#116df5 64%,#8553f4);color:white;font-size:12px;font-weight:700;box-shadow:0 4px 13px rgba(23,111,239,.25);display:flex;align-items:center;justify-content:center;gap:14px}.progress-cta span:last-child{font-size:23px;line-height:1}
body.dark .progress-panel{background:linear-gradient(100deg,rgba(7,22,52,.98),rgba(9,31,69,.95) 65%,rgba(13,36,78,.78));border-color:#5877eb;box-shadow:0 7px 22px rgba(31,48,143,.3),inset 0 0 0 1px rgba(65,174,255,.12)}
body.dark .progress-panel:after{background:radial-gradient(circle at 70% 35%,rgba(117,71,234,.55),transparent 55%),linear-gradient(135deg,rgba(30,107,186,.35),rgba(3,17,47,0));opacity:.55}
body.dark .progress-panel .progress-ring{background:conic-gradient(from -90deg,#8955ff 0%,#05e4ee var(--progress),#213a69 var(--progress),#213a69 100%);box-shadow:0 0 0 5px rgba(75,95,240,.22),0 0 18px rgba(36,160,255,.25)}
body.dark .progress-ring-inner{background:linear-gradient(135deg,#071832,#102b54)}body.dark .progress-ring-inner b,body.dark .progress-content>strong,body.dark .progress-stats b{color:#fff}body.dark .progress-ring-inner small,body.dark .progress-content>p,body.dark .progress-stats small{color:#a9c7ea}body.dark .progress-stats .stat-symbol{background:linear-gradient(135deg,#183f76,#102b58)}
@media(max-width:370px){.progress-panel{gap:10px;padding:17px 11px}.progress-panel .progress-ring{width:100px;height:100px;flex-basis:100px}.progress-content>strong{font-size:15px}.progress-stats .stat-symbol{width:19px}.progress-stats>div{grid-template-columns:19px auto;column-gap:2px}.progress-stats small{font-size:8px}}
/* Progress readability and safe mobile spacing */
.progress-future .progress-panel{min-height:210px;gap:14px;padding:20px 17px}
.progress-future .progress-content{min-width:0;overflow:visible}
.progress-future .progress-stats{gap:9px;justify-content:space-between;flex-wrap:nowrap}
.progress-future .progress-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1 0;min-width:0;text-align:center}
.progress-future .progress-stats .stat-symbol{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center}
.progress-future .progress-stats>div:nth-child(1) .stat-symbol:before{content:'в—Џ';font-size:13px}
.progress-future .progress-stats>div:nth-child(2) .stat-symbol:before{content:'★';font-size:15px}
.progress-future .progress-stats>div:nth-child(3) .stat-symbol:before{content:'вњ“';font-size:15px}
.progress-future .progress-stats b{font-size:17px;line-height:1.1}
.progress-future .progress-stats small{font-size:9px;line-height:1.25;white-space:normal;overflow-wrap:break-word}
.progress-future .progress-cta{min-height:38px;height:auto;padding:7px 10px;line-height:1.2;white-space:normal}
.progress-future .progress-ring{flex-shrink:0}
@media(max-width:390px){.progress-future .progress-panel{gap:11px;padding:19px 12px}.progress-future .progress-panel .progress-ring{width:108px;height:108px;flex-basis:108px}.progress-future .progress-content>strong{font-size:15px}.progress-future .progress-content>p{font-size:10px}.progress-future .progress-stats{gap:4px}.progress-future .progress-stats small{font-size:8px}}
/* Approved MASTER-inspired premium progress visual assets */
.progress-future .progress-panel{min-height:218px;border-radius:24px;box-shadow:0 8px 26px rgba(37,133,241,.15),inset 0 1px 0 rgba(255,255,255,.9)}
.progress-future .progress-panel .progress-ring{background:conic-gradient(from -90deg,#4dbeff 0%,#04d8f1 var(--progress),#d7eafa var(--progress),#d7eafa 100%);padding:12px;box-shadow:0 0 0 5px rgba(118,205,255,.2),inset 0 0 9px rgba(31,153,255,.25),0 4px 15px rgba(48,118,241,.15)}
.progress-future .progress-panel .progress-ring:before{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(107,214,255,.42);pointer-events:none}
.progress-future .progress-ring-inner{box-shadow:inset 0 3px 12px rgba(35,127,227,.08)}
.progress-future .progress-stats .stat-symbol{width:32px;height:32px;flex:0 0 32px;border-radius:11px;background:linear-gradient(140deg,rgba(207,246,255,.9),rgba(232,244,255,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 8px rgba(28,128,197,.12)}
.progress-future .progress-stats .stat-symbol:before{content:none!important}
.progress-future .progress-stats .stat-symbol img{display:block;width:26px;height:26px;object-fit:contain}
.progress-future .progress-cta{gap:8px;box-shadow:0 5px 16px rgba(30,121,255,.23),inset 0 1px 0 rgba(255,255,255,.4)}
.progress-future .progress-cta .progress-chart{width:21px;height:21px;display:block}
.progress-future .progress-cta span:last-child{margin-left:4px}
body.dark .progress-future .progress-stats .stat-symbol{background:linear-gradient(145deg,#164a82,#0c234e);box-shadow:inset 0 1px 0 rgba(140,219,255,.25),0 0 10px rgba(18,153,252,.14)}
body.dark .progress-future .progress-panel .progress-ring{background:conic-gradient(from -90deg,#8760ff 0%,#02ddf3 var(--progress),#1c3767 var(--progress),#1c3767 100%);box-shadow:0 0 0 5px rgba(108,98,249,.2),0 0 20px rgba(32,154,255,.24)}
@media(max-width:390px){.progress-future .progress-stats .stat-symbol{width:28px;height:28px;flex-basis:28px}.progress-future .progress-stats .stat-symbol img{width:24px;height:24px}}
/* Approved Santorini background assets; text and metrics remain native UI */
.progress-future .progress-panel{background:linear-gradient(90deg,rgba(244,250,255,.99) 0%,rgba(241,250,255,.97) 55%,rgba(239,249,255,.64) 80%,rgba(239,249,255,.28) 100%),url('assets/progress-santorini-light.jpg') right center/auto 100% no-repeat;background-color:#edf8ff}
.progress-future .progress-panel:after{content:none}
body.dark .progress-future .progress-panel{background:linear-gradient(90deg,rgba(7,19,48,.98) 0%,rgba(9,25,59,.96) 53%,rgba(10,26,62,.66) 82%,rgba(10,26,62,.36) 100%),url('assets/progress-santorini-dark.jpg') right center/auto 100% no-repeat;background-color:#091934}
body.dark .progress-future .progress-panel:after{content:none}
.progress-future .progress-panel .progress-ring{isolation:isolate}
.progress-future .progress-panel .progress-ring:after{content:'';position:absolute;inset:2px;border-radius:50%;border:2px solid rgba(255,255,255,.5);pointer-events:none}
@media(max-width:390px){.progress-future .progress-panel{min-height:228px}.progress-future .progress-panel .progress-ring{width:105px;height:105px;flex-basis:105px}}
/* Compact premium Your Progress card, mobile first */
@media(max-width:600px){
.progress-future .progress-panel{min-height:168px!important;padding-top:12px!important;padding-bottom:12px!important}
.progress-future .progress-panel .progress-ring{width:100px!important;height:100px!important;flex:0 0 100px!important;padding:9px!important}
.progress-future .progress-panel .progress-ring:before{inset:-4px}
.progress-future .progress-stats .stat-symbol{width:27px!important;height:27px!important;flex:0 0 27px!important;border-radius:9px}
.progress-future .progress-stats .stat-symbol img{width:23px!important;height:23px!important}
.progress-future .progress-cta{min-height:31px!important;height:31px!important}
.progress-future .progress-cta .progress-chart{width:17px;height:17px}
}
@media(max-width:390px){
.progress-future .progress-panel{min-height:168px!important}
.progress-future .progress-panel .progress-ring{width:96px!important;height:96px!important;flex-basis:96px!important}
}
/* Owner-approved smaller progress card and full-bleed Santorini on mobile */
@media(max-width:600px){
.progress-future .progress-panel{min-height:174px!important;height:174px!important;box-sizing:border-box!important;padding-top:7px!important;padding-bottom:7px!important;overflow:hidden!important;background-image:linear-gradient(90deg,rgba(244,250,255,.99) 0%,rgba(241,250,255,.96) 49%,rgba(239,249,255,.35) 79%,rgba(239,249,255,.05) 100%),url('assets/progress-santorini-light.jpg')!important;background-position:center,right center!important;background-size:100% 100%,auto 100%!important;background-repeat:no-repeat!important}
body.dark .progress-future .progress-panel{background-image:linear-gradient(90deg,rgba(7,19,48,.99) 0%,rgba(9,25,59,.95) 49%,rgba(10,26,62,.38) 79%,rgba(10,26,62,.08) 100%),url('assets/progress-santorini-dark.jpg')!important}
.progress-future .progress-panel .progress-ring{width:88px!important;height:88px!important;flex:0 0 88px!important;padding:8px!important}
.progress-future .progress-panel .progress-ring:before{inset:-3px!important}
.progress-future .progress-stats .stat-symbol{width:25px!important;height:25px!important;flex:0 0 25px!important}
.progress-future .progress-stats .stat-symbol img{width:21px!important;height:21px!important}
.progress-future .progress-cta{height:30px!important;min-height:30px!important}
}
@media(max-width:390px){
.progress-future .progress-panel{height:174px!important;min-height:174px!important}
.progress-future .progress-panel .progress-ring{width:86px!important;height:86px!important;flex-basis:86px!important}
}
/* Compact progress geometry: force actual outer height and full bleed right image */
@media(max-width:600px){
section.progress-future .progress-panel{
display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;
align-items:center!important;column-gap:9px!important;
height:146px!important;min-height:146px!important;max-height:146px!important;
padding:8px 9px!important;box-sizing:border-box!important;
border-radius:21px!important;overflow:hidden!important;
background-image:linear-gradient(90deg,rgba(244,250,255,.98) 0%,rgba(241,250,255,.95) 47%,rgba(239,249,255,.25) 77%,rgba(239,249,255,0) 100%),url('assets/progress-santorini-light.jpg')!important;
background-position:center center,right center!important;
background-size:100% 100%,auto 142%!important;
background-repeat:no-repeat!important;
}
body.dark section.progress-future .progress-panel{
background-image:linear-gradient(90deg,rgba(7,19,48,.98) 0%,rgba(9,25,59,.94) 47%,rgba(10,26,62,.22) 77%,rgba(10,26,62,0) 100%),url('assets/progress-santorini-dark.jpg')!important;
}
section.progress-future .progress-panel .progress-ring{width:82px!important;height:82px!important;flex:none!important;padding:8px!important;box-sizing:border-box!important}
section.progress-future .progress-content{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;overflow:visible!important}
section.progress-future .progress-content>p{margin:0!important;line-height:1.12!important}
section.progress-future .progress-stats{margin:0!important;gap:2px!important;min-height:0!important}
section.progress-future .progress-stats .stat-symbol{width:22px!important;height:22px!important;flex-basis:22px!important}
section.progress-future .progress-stats .stat-symbol img{width:19px!important;height:19px!important}
section.progress-future .progress-cta{height:27px!important;min-height:27px!important;margin-top:2px!important;padding:3px 8px!important}
}@media(max-width:600px){
section.progress-future .progress-panel{height:146px!important;min-height:146px!important;max-height:146px!important;padding:7px 10px 9px!important;grid-template-columns:90px minmax(0,1fr)!important;background-image:linear-gradient(90deg,rgba(244,250,255,.98) 0%,rgba(244,250,255,.92) 39%,rgba(244,250,255,.14) 78%,transparent 100%),url("assets/progress-santorini-light.jpg")!important;background-size:100% 100%,cover!important;background-position:center,right center!important;background-repeat:no-repeat!important}
body.dark section.progress-future .progress-panel{background-image:linear-gradient(90deg,rgba(7,19,48,.98) 0%,rgba(7,19,48,.92) 39%,rgba(7,19,48,.14) 78%,transparent 100%),url("assets/progress-santorini-dark.jpg")!important}
section.progress-future .progress-stats>div{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:22px auto!important;column-gap:2px!important;align-items:center!important}
section.progress-future .progress-stats .stat-symbol{grid-column:1!important;grid-row:1!important;margin:0!important}
section.progress-future .progress-stats b{grid-column:2!important;grid-row:1!important;margin:0!important}
section.progress-future .progress-stats small{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important}
section.progress-future .progress-cta{margin-top:1px!important;margin-bottom:8px!important;transform:translateY(-3px)!important}
}
/* Approved calm gradient MASTER: photo-free, edge-to-edge background */
section.progress-future .progress-panel{
 background-image:radial-gradient(ellipse at 105% 60%,rgba(128,70,240,.53),transparent 50%),radial-gradient(ellipse at 100% 4%,rgba(28,101,235,.50),transparent 58%),linear-gradient(115deg,#07142e 0%,#06224c 57%,#19286d 100%)!important;
 background-color:#07142e!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
body:not(.dark) section.progress-future .progress-panel{
 background-image:radial-gradient(ellipse at 105% 60%,rgba(144,101,237,.38),transparent 54%),radial-gradient(ellipse at 100% 0%,rgba(42,136,241,.40),transparent 60%),linear-gradient(115deg,#e8f4ff 0%,#b6d7ff 57%,#b1b0f8 100%)!important;
 background-color:#e8f4ff!important;
}
@media(max-width:600px){
section.progress-future .progress-panel{
 height:146px!important;min-height:146px!important;max-height:146px!important;
 padding:9px 10px 9px!important;box-sizing:border-box!important;
 background-image:radial-gradient(ellipse at 105% 60%,rgba(128,70,240,.53),transparent 50%),radial-gradient(ellipse at 100% 4%,rgba(28,101,235,.50),transparent 58%),linear-gradient(115deg,#07142e 0%,#06224c 57%,#19286d 100%)!important;
 background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
body.dark section.progress-future .progress-panel{
 background-image:radial-gradient(ellipse at 105% 60%,rgba(128,70,240,.53),transparent 50%),radial-gradient(ellipse at 100% 4%,rgba(28,101,235,.50),transparent 58%),linear-gradient(115deg,#07142e 0%,#06224c 57%,#19286d 100%)!important;
}
body:not(.dark) section.progress-future .progress-panel{
 background-image:radial-gradient(ellipse at 105% 60%,rgba(144,101,237,.38),transparent 54%),radial-gradient(ellipse at 100% 0%,rgba(42,136,241,.40),transparent 60%),linear-gradient(115deg,#e8f4ff 0%,#b6d7ff 57%,#b1b0f8 100%)!important;
}
section.progress-future .progress-content{gap:2px!important;justify-content:center!important}
section.progress-future .progress-stats{margin:4px 0 4px!important;gap:5px!important}
section.progress-future .progress-stats>div{grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:28px 17px!important;column-gap:3px!important}
section.progress-future .progress-stats .stat-symbol{width:26px!important;height:26px!important}
section.progress-future .progress-stats .stat-symbol img{width:25px!important;height:25px!important}
section.progress-future .progress-stats b{font-size:20px!important;line-height:1!important}
section.progress-future .progress-stats small{font-size:10px!important;line-height:1.15!important}
section.progress-future .progress-cta{margin:3px 0 0!important;transform:none!important;height:28px!important;min-height:28px!important}
}
/* Approved LIGHT MASTER, both EN and RU use existing localized content */
body:not(.dark) section.progress-future .progress-panel{
 background-color:#edfaff!important;
 background-image:radial-gradient(ellipse at 105% 75%,rgba(79,192,255,.24) 0%,transparent 55%),radial-gradient(ellipse at 96% 5%,rgba(170,225,255,.40) 0%,transparent 50%),linear-gradient(110deg,#f9fdff 0%,#e9f7ff 53%,#d4f0ff 100%)!important;
 background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
 border-color:#67c8ff!important;
 box-shadow:0 0 0 1px rgba(85,193,255,.35),0 5px 18px rgba(45,147,215,.16)!important;
}
body:not(.dark) section.progress-future .progress-panel .progress-ring{
 color:#0b2e68!important;
}
body:not(.dark) section.progress-future .progress-panel .progress-ring-inner{
 background:radial-gradient(circle at 45% 30%,#fff 0%,#edf9ff 80%)!important;color:#082c65!important;
}
body:not(.dark) section.progress-future .progress-panel .progress-ring-inner b,
body:not(.dark) section.progress-future .progress-panel .progress-content strong,
body:not(.dark) section.progress-future .progress-panel .progress-stats b{
 color:#092c67!important;text-shadow:none!important;
}
body:not(.dark) section.progress-future .progress-panel .progress-content p,
body:not(.dark) section.progress-future .progress-panel .progress-ring-inner small,
body:not(.dark) section.progress-future .progress-panel .progress-stats small{
 color:#58759f!important;text-shadow:none!important;
}
@media(max-width:600px){
body:not(.dark) section.progress-future .progress-panel{
 height:146px!important;min-height:146px!important;max-height:146px!important;
 background-image:radial-gradient(ellipse at 105% 75%,rgba(79,192,255,.24) 0%,transparent 55%),radial-gradient(ellipse at 96% 5%,rgba(170,225,255,.40) 0%,transparent 50%),linear-gradient(110deg,#f9fdff 0%,#e9f7ff 53%,#d4f0ff 100%)!important;
 background-size:cover!important;
}
}
/* Progress MASTER: layered illuminated ribbons, isolated to progress card */
section.progress-future .progress-panel{position:relative!important;isolation:isolate!important;overflow:hidden!important}
section.progress-future .progress-panel::before{
 content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
 background:
 radial-gradient(ellipse 95% 100% at 107% 88%,rgba(0,190,255,.44) 0%,rgba(44,137,255,.27) 37%,transparent 70%),
 radial-gradient(ellipse 75% 60% at 105% 15%,rgba(156,76,249,.47),transparent 72%),
 linear-gradient(147deg,transparent 61%,rgba(35,175,255,.58) 69%,rgba(147,74,252,.58) 79%,transparent 91%)!important;
 border-radius:inherit!important;
}
section.progress-future .progress-panel::after{
 content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
 background:
 radial-gradient(ellipse 90% 22% at 95% 95%,transparent 56%,rgba(43,196,255,.82) 59%,rgba(43,196,255,.12) 62%,transparent 66%),
 radial-gradient(ellipse 88% 26% at 105% 65%,transparent 56%,rgba(178,98,255,.7) 59%,rgba(241,112,203,.42) 61%,transparent 65%),
 radial-gradient(ellipse 90% 27% at 100% 20%,transparent 56%,rgba(94,172,255,.45) 59%,transparent 64%)!important;
 border-radius:inherit!important;opacity:.9!important;
}
body:not(.dark) section.progress-future .progress-panel::before{
 background:
 radial-gradient(ellipse 105% 100% at 110% 83%,rgba(35,169,255,.27) 0%,rgba(92,206,255,.17) 46%,transparent 75%),
 radial-gradient(ellipse 78% 62% at 110% 17%,rgba(153,222,255,.35),transparent 75%),
 linear-gradient(145deg,transparent 61%,rgba(98,202,255,.22) 69%,rgba(87,183,255,.24) 79%,transparent 91%)!important;
}
body:not(.dark) section.progress-future .progress-panel::after{
 background:
 radial-gradient(ellipse 90% 23% at 105% 96%,transparent 56%,rgba(255,255,255,.94) 59%,rgba(42,180,255,.42) 61%,transparent 66%),
 radial-gradient(ellipse 88% 27% at 108% 62%,transparent 56%,rgba(255,255,255,.96) 59%,rgba(79,196,255,.42) 61%,transparent 65%),
 radial-gradient(ellipse 90% 28% at 105% 19%,transparent 56%,rgba(255,255,255,.90) 59%,transparent 64%)!important;
}
@media(max-width:600px){
section.progress-future .progress-panel{height:146px!important;min-height:146px!important;max-height:146px!important}
section.progress-future .progress-panel::before,section.progress-future .progress-panel::after{background-size:100% 100%!important}
}/* MASTER wave artwork: scalable SVG curves instead of ellipse CSS approximations */
section.progress-future .progress-panel::before,section.progress-future .progress-panel::after{content:none!important;display:none!important}
section.progress-future .progress-panel{background-image:linear-gradient(110deg,#06132e,#0a2050 65%,#0a2c6b),url("assets/progress-waves-dark.svg")!important;background-image:url("assets/progress-waves-dark.svg"),linear-gradient(110deg,#06132e,#0a2050 65%,#0a2c6b)!important;background-size:100% 100%,cover!important;background-position:center!important;background-repeat:no-repeat!important}
body:not(.dark) section.progress-future .progress-panel{background-image:url("assets/progress-waves-light.svg"),linear-gradient(110deg,#f9fdff,#eaf8ff 65%,#d6f0ff)!important;background-size:100% 100%,cover!important;background-position:center!important;background-repeat:no-repeat!important}
@media(max-width:600px){section.progress-future .progress-panel,body:not(.dark) section.progress-future .progress-panel{height:146px!important;min-height:146px!important;max-height:146px!important;background-size:100% 100%,cover!important}}
/* TASK AS6-BLUEPRINT-PROGRESS-ASSET-REPAIR: authentic OWNER MASTER ribbon extraction.
   Background contains only decorative pixels. UI text, ring, stats, CTA remain DOM. */
section.progress-future .progress-panel{
 background-image:url("assets/progress-master-ribbons-dark.png"),linear-gradient(108deg,#04122e 0%,#061a43 62%,#103d92 100%)!important;
 background-size:100% 100%,cover!important;background-position:center!important;
 background-repeat:no-repeat!important;border:1.5px solid #258dff!important;
 box-shadow:inset 0 0 0 1px rgba(77,224,255,.40),0 0 14px rgba(25,102,255,.30)!important;
}
body:not(.dark) section.progress-future .progress-panel{
 background-image:url("assets/progress-master-ribbons-light.png"),linear-gradient(105deg,#f7fcff 0%,#eff9ff 58%,#d6f1ff 100%)!important;
 border:1.5px solid #6ecbff!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 0 13px rgba(53,165,241,.23)!important;
}
section.progress-future .progress-panel .progress-ring{
 background:conic-gradient(from -90deg,#06edff 0%,#1f8eff 17%,#9659ff var(--progress),#17376c var(--progress),#17376c 100%)!important;
 box-shadow:0 0 0 2px rgba(50,186,255,.65),0 0 15px rgba(24,136,255,.42),inset 0 0 7px rgba(103,77,255,.3)!important;
}
body:not(.dark) section.progress-future .progress-panel .progress-ring{
 background:conic-gradient(from -90deg,#00eaff 0%,#37b5ff 17%,#9168f8 var(--progress),#b7e7ff var(--progress),#b7e7ff 100%)!important;
 box-shadow:0 0 0 2px rgba(255,255,255,.95),0 0 12px rgba(66,186,255,.3)!important;
}
section.progress-future .progress-panel .progress-cta{
 background:linear-gradient(100deg,#02d8f1 0%,#087bfa 42%,#9e43f5 100%)!important;
 border:1px solid rgba(161,242,255,.75)!important;
 box-shadow:0 0 10px rgba(35,160,255,.34)!important;
}
@media(max-width:600px){
 section.progress-future .progress-panel{height:146px!important;min-height:146px!important;max-height:146px!important}
 section.progress-future .progress-content{position:relative;z-index:1}
 section.progress-future .progress-ring{position:relative;z-index:1}
}

/* TASK AS6-BLUEPRINT-PROGRESS-ASSET-REPAIR-20261022: authentic MASTER extracted ribbons. */
section.progress-future .progress-panel{background-image:url("assets/progress-master-ribbons-dark.png"),linear-gradient(115deg,#04132f 0%,#082052 70%,#0b2b69 100%)!important;background-size:100% 100%,cover!important;background-position:center!important;background-repeat:no-repeat!important}
body:not(.dark) section.progress-future .progress-panel{background-image:url("assets/progress-master-ribbons-light.png"),linear-gradient(115deg,#fafdff 0%,#e9f7ff 70%,#d7f0ff 100%)!important;background-size:100% 100%,cover!important;background-position:center!important;background-repeat:no-repeat!important}
section.progress-future .progress-panel::before,section.progress-future .progress-panel::after{content:none!important;display:none!important}
@media(max-width:600px){section.progress-future .progress-panel,body:not(.dark) section.progress-future .progress-panel{height:146px!important;min-height:146px!important;max-height:146px!important;background-size:100% 100%,cover!important}}

/* TASK VISUAL-REPAIR-20261022: corrected original MASTER spatial extraction */
body.dark section.progress-future .progress-panel,html.dark section.progress-future .progress-panel,html[data-theme="dark"] section.progress-future .progress-panel{background-image:url("assets/progress-master-ribbons-dark.png"),linear-gradient(105deg,#04112d 0%,#061942 60%,#10316c 100%)!important;background-size:100% 100%,cover!important;background-position:center!important}
body:not(.dark) section.progress-future .progress-panel,html[data-theme="light"] section.progress-future .progress-panel{background-image:url("assets/progress-master-ribbons-light.png"),linear-gradient(105deg,#f8fdff 0%,#edf9ff 60%,#d8f2ff 100%)!important;background-size:100% 100%,cover!important;background-position:center!important}
body.dark section.progress-future .progress-panel{background-image:url("assets/progress-master-ribbons-dark.png"),linear-gradient(105deg,#04112d 0%,#061942 60%,#10316c 100%)!important}

/* TASK PROGRESS-FUNCTIONAL-REPAIR: OWNER MASTER ring artwork over live conic progress */
section.progress-future .progress-panel .progress-ring{position:relative!important;isolation:isolate!important}
section.progress-future .progress-panel .progress-ring::before{content:""!important;display:block!important;position:absolute!important;inset:-4px!important;z-index:0!important;pointer-events:none!important;background:url("assets/progress-master-ring-dark.png") center/100% 100% no-repeat!important}
body:not(.dark) section.progress-future .progress-panel .progress-ring::before{background-image:url("assets/progress-master-ring-light.png")!important}
section.progress-future .progress-panel .progress-ring-inner{position:relative!important;z-index:1!important}
/* OWNER 2026-10-22: calm unified progress card, no waves, gloss or photo */
section.progress-future .progress-panel,
body.dark section.progress-future .progress-panel,
html.dark section.progress-future .progress-panel,
html[data-theme="dark"] section.progress-future .progress-panel {
  background:#07142e!important;
  background-image:none!important;
  box-shadow:none!important;
  border:1px solid rgba(151,176,215,.20)!important;
}
body:not(.dark) section.progress-future .progress-panel,
html[data-theme="light"] section.progress-future .progress-panel {
  background:#f7fbff!important;
  background-image:none!important;
  box-shadow:none!important;
  border:1px solid rgba(65,118,167,.15)!important;
}
section.progress-future .progress-panel::before,
section.progress-future .progress-panel::after,
body.dark section.progress-future .progress-panel::before,
body.dark section.progress-future .progress-panel::after {content:none!important;display:none!important;background:none!important}
section.progress-future .progress-panel .progress-ring::before,
body:not(.dark) section.progress-future .progress-panel .progress-ring::before{
  background-image:none!important;filter:none!important;
}
section.progress-future .progress-panel .progress-cta{
  box-shadow:none!important;
}
@media(max-width:600px){
 section.progress-future .progress-panel,
 body:not(.dark) section.progress-future .progress-panel,
 body.dark section.progress-future .progress-panel{
 height:146px!important;min-height:146px!important;max-height:146px!important;
 }
}/* OWNER approved: light sky-blue card + equal EN/RU bottom button clearance */
body:not(.dark) section.progress-future .progress-panel,
html[data-theme="light"] section.progress-future .progress-panel{
 background:#e5f5ff!important;background-image:none!important;
 border:1px solid rgba(87,165,207,.28)!important;box-shadow:none!important;
}
body.dark section.progress-future .progress-panel,
html.dark section.progress-future .progress-panel,
html[data-theme="dark"] section.progress-future .progress-panel{
 background:#07142e!important;background-image:none!important;
 border:1px solid rgba(151,176,215,.20)!important;box-shadow:none!important;
}
section.progress-future .progress-panel::before,
section.progress-future .progress-panel::after{content:none!important;display:none!important}
@media(max-width:600px){
 section.progress-future .progress-panel{
  height:146px!important;min-height:146px!important;max-height:146px!important;
  box-sizing:border-box!important;padding-bottom:12px!important;
 }
 section.progress-future .progress-panel .progress-cta{
  position:relative!important;bottom:auto!important;transform:none!important;
  margin-bottom:0!important;box-sizing:border-box!important;
 }
}/* RU subtitle wraps onto two lines: reclaim vertical space without changing EN */
@media(max-width:600px){
 html[lang="ru"] section.progress-future .progress-content{
   justify-content:flex-start!important;gap:0!important;
 }
 html[lang="ru"] section.progress-future .progress-content>p{
   line-height:1.08!important;margin:0!important;
 }
 html[lang="ru"] section.progress-future .progress-stats{
   margin:1px 0 0!important;gap:3px!important;
 }
 html[lang="ru"] section.progress-future .progress-cta{
   margin:0 0 10px!important;
   transform:translateY(-5px)!important;
   position:relative!important;bottom:auto!important;
   flex-shrink:0!important;
 }
}/* PHONE RU: undo excessive -5px lift; preserve breathing room below labels and above border */
@media(max-width:600px){
 html[lang="ru"] section.progress-future .progress-content{justify-content:center!important;gap:2px!important}
 html[lang="ru"] section.progress-future .progress-stats{margin:2px 0 2px!important;gap:3px!important}
 html[lang="ru"] section.progress-future .progress-cta{
   margin:7px 0 0!important;
   transform:none!important;
   position:relative!important;bottom:auto!important;
   flex-shrink:0!important;
 }
}/* Mobile RU: small 3px upward adjustment, preserve flow and tappable button */
@media(max-width:600px){
 html[lang="ru"] section.progress-future .progress-cta{
   transform:translateY(-3px)!important;
 }
}
@media(max-width:600px){html[lang="ru"] section.progress-future .progress-cta{transform:translateY(-5px)!important}}

@media(max-width:600px){html[lang="ru"] section.progress-future .progress-cta{transform:translateY(-7px)!important}}

/* OWNER PLUS VISUAL EDGE FIX 20261026 */
.languages button.add {position:relative;isolation:isolate;overflow:hidden;background-clip:padding-box;border-radius:999px;outline:none;}
.languages button.add::before,.languages button.add::after {border-radius:inherit;}

/* OWNER PLUS REMOVE WHITE OUTLINE 20261026 */
.languages button.add {border:0!important;outline:0!important;background-clip:border-box!important;}
.languages button.add:focus,.languages button.add:active {outline:0!important;}