#yeshua-focus{--paper:light-dark(#f5f1ee,#26221f);--ink:light-dark(#211d1b,#f4eee8);--soft:light-dark(#736b65,#bdb1a8);--line:light-dark(#ded5ce,#50443b);font-family:Arial,sans-serif;background:var(--paper);color:var(--ink);max-width:850px;margin:auto;padding:26px;border-radius:18px;box-sizing:border-box}
#yeshua-focus *{box-sizing:border-box}
#yeshua-focus header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;letter-spacing:2px}
#yeshua-focus .caption{font-size:10px;font-weight:400;letter-spacing:1.4px;color:var(--soft)}
#yeshua-focus h2{font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.15;margin:24px 0 20px}
#yeshua-focus .options,#yeshua-focus .view-controls{display:flex;gap:8px;flex-wrap:wrap}
#yeshua-focus button{font-family:inherit;font-size:13px;padding:11px 13px;min-height:44px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink)}
#yeshua-focus button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#yeshua-focus .description{font-size:14px;line-height:1.5;margin:15px 0 19px;min-height:42px;max-width:650px}
#yeshua-focus .scene{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:10px;touch-action:pan-y;--split:50%;background:#d6c7af}
#yeshua-focus canvas{display:block;width:100%;height:100%}
#yeshua-focus .source-photo{display:none}
#yeshua-focus .badges{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between;gap:10px;pointer-events:none}
#yeshua-focus .badges span{background:#f5f1ee;color:#332c26;padding:7px 10px;border-radius:5px;font-size:12px}
#yeshua-focus .divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#a8842a;transform:translateX(-50%);pointer-events:none}
#yeshua-focus .divider span{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);height:46px;width:46px;border-radius:50%;background:#211d1b;color:#fff;font-size:27px;letter-spacing:4px;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 3px 15px #0003}
#yeshua-focus input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}
#yeshua-focus .scene:focus-within{outline:3px solid #a8842a;outline-offset:3px}
#yeshua-focus .view-controls{margin-top:13px}
#yeshua-focus footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:15px;font-size:12px;line-height:1.5;color:var(--soft)}
#yeshua-focus .drag-hint{color:var(--ink)}
@media(max-width:480px){#yeshua-focus{padding:17px;border-radius:12px}#yeshua-focus .caption{display:none}#yeshua-focus h2{font-size:26px}#yeshua-focus .options{display:grid;grid-template-columns:1fr 1fr}#yeshua-focus .description{min-height:63px}#yeshua-focus .badges{inset:8px 8px auto}#yeshua-focus .badges span{font-size:11px;padding:5px 7px}#yeshua-focus .view-controls{display:grid;grid-template-columns:1fr 1fr}#yeshua-focus [data-view="50"]{grid-column:1 / -1;grid-row:2}}