/* LifeForge immersive landscape pose studio v12 */
#lf12-landscape{display:none;position:fixed;inset:0;z-index:2147483000;background:#160f27;color:#fff;overscroll-behavior:contain;touch-action:manipulation;font-family:Outfit,Inter,Arial,sans-serif;}
#lf12-landscape.lf12-open{display:block}
html.lf12-immersive,html.lf12-immersive body{overflow:hidden!important;}
.lf12-shell{position:fixed;inset:0;overflow:hidden;background:linear-gradient(145deg,#2e154d,#80489c);isolation:isolate}
.lf12-background{position:absolute;inset:0;overflow:hidden}
.lf12-art{position:absolute;inset:-1%;width:102%;height:102%;object-fit:cover;object-position:center;opacity:0;transform:translate3d(0,6px,0) scale(1.008);transition:opacity .95s ease-in-out,transform 1.2s cubic-bezier(.3,.64,.28,1);will-change:transform,opacity;pointer-events:none;user-select:none}
.lf12-art.lf12-visible{opacity:1;transform:translate3d(0,0,0) scale(1.012);animation:lf12-quiet-sway 6.4s ease-in-out infinite alternate}
.lf12-shell[data-still] .lf12-art.lf12-visible{animation:none}
@keyframes lf12-quiet-sway{0%,100%{transform:translate3d(0,0,0) scale(1.01)}45%{transform:translate3d(-3px,-2px,0) scale(1.018)}70%{transform:translate3d(2px,0,0) scale(1.01)}}
#lf12-landscape[data-pose="fold"] .lf12-art.lf12-visible,#lf12-landscape[data-pose="chair"] .lf12-art.lf12-visible,#lf12-landscape[data-pose="meditate"] .lf12-art.lf12-visible{animation-duration:9s}
.lf12-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,15,52,.93) 0%,rgba(38,23,70,.88) 22%,rgba(45,28,80,.55) 40%,rgba(35,24,61,.13) 70%,rgba(30,20,60,.20) 100%);pointer-events:none}
.lf12-glow{position:absolute;border-radius:50%;filter:blur(33px);opacity:.42;pointer-events:none}
.lf12-glow-one{width:220px;height:220px;top:-120px;left:17%;background:#fd9ed2}
.lf12-glow-two{width:190px;height:190px;bottom:-130px;left:6%;background:#8d8ff9}
.lf12-header{position:absolute;z-index:6;left:0;right:0;top:0;height:60px;padding:9px 15px 0 19px;box-sizing:border-box;display:flex;align-items:center;gap:14px;pointer-events:none}
.lf12-logo{font-size:clamp(15px,2.3vw,22px);font-weight:1000;letter-spacing:-1.3px;color:#fff;text-shadow:0 2px 18px #7f5aad}
.lf12-logo span{color:#a9fff1}
.lf12-header-tag{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#ffe6ff;background:#ffffff25;border:1px solid #ffffff38;border-radius:50px;padding:8px 13px;backdrop-filter:blur(11px)}
.lf12-header-dot,.lf12-calm-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7fbe2;margin-right:5px;box-shadow:0 0 12px #a7fbe2}
.lf12-close{pointer-events:auto;margin-left:auto;display:flex;align-items:center;gap:6px;border:1px solid #ffffff48;border-radius:18px;background:#24173486;color:#fff;padding:10px 14px;font-size:18px;line-height:1;font-weight:600;cursor:pointer;backdrop-filter:blur(9px)}
.lf12-close small{font-size:11px;letter-spacing:.7px;font-weight:800}
.lf12-content{position:absolute;z-index:4;inset:55px auto 0 0;width:clamp(285px,41%,410px);display:flex;align-items:stretch;min-height:0;pointer-events:none;}
.lf12-panel{pointer-events:auto;display:flex;flex-direction:column;width:100%;padding:8px 0 13px 22px;box-sizing:border-box;min-height:0}
.lf12-overline{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:320px;margin-bottom:4px;font-size:10px;font-weight:950;letter-spacing:2px;color:#ddc5fa}
.lf12-overline b{background:#ffb6ec30;color:#f6dbff;border:1px solid #ffffff24;border-radius:14px;padding:5px 9px;white-space:nowrap;font-size:9px}
#lf12-name{font-size:clamp(23px,4.3vw,41px);letter-spacing:-1.6px;line-height:1.05;font-weight:1000;margin:0 0 7px;color:#fff;text-wrap:balance;text-shadow:0 3px 14px #4e296b66}
#lf12-cue{font-size:clamp(11px,1.45vw,15px);line-height:1.38;color:#f4eafa;font-weight:550;max-width:315px;margin:0 0 8px;min-height:34px}
.lf12-progress-label{max-width:326px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.35px;color:#f8dfff;margin-top:auto;margin-bottom:6px;gap:15px}
.lf12-progress-label strong{color:#fff;font-size:16px;letter-spacing:0;font-variant-numeric:tabular-nums}
.lf12-progress{max-width:326px;min-height:6px;background:#e5cdf64f;border-radius:20px;overflow:hidden}
#lf12-progress-fill{width:0;height:7px;border-radius:20px;background:linear-gradient(90deg,#c18aff,#ffade3,#abffee);box-shadow:0 0 10px #fa9bdf;transition:width .5s ease}
.lf12-buttons{display:flex;gap:8px;margin-top:10px;max-width:335px;align-items:stretch}
.lf12-buttons button{height:43px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff4d;border-radius:15px;color:#fff;background:#ffffff27;font-family:inherit;font-weight:900;cursor:pointer;backdrop-filter:blur(8px);font-size:18px;white-space:nowrap}
.lf12-buttons button:not(.lf12-primary){width:54px;flex:none;flex-direction:column;gap:0}
.lf12-buttons button small{font-size:9px;line-height:10px}
.lf12-buttons .lf12-primary{flex:1;min-width:0;border:1px solid #fbeaff;background:linear-gradient(105deg,#a27cf4,#e77cba);box-shadow:0 6px 17px #8f58cd8a;font-size:12px;padding:0 8px}
.lf12-buttons .lf12-primary>span:first-child{font-size:14px}
.lf12-bottom{font-size:10px;color:#dcd0e9;display:flex;align-items:center;gap:4px;padding-top:8px;line-height:1.2;letter-spacing:.2px}
.lf12-corner{position:absolute;right:20px;bottom:13px;z-index:5;display:flex;align-items:center;gap:8px;flex-direction:column;text-align:right;pointer-events:none}
.lf12-corner span:first-child{color:#fff;background:#4d327788;padding:7px 12px;border-radius:13px;letter-spacing:1.2px;font-size:10px;font-weight:950;backdrop-filter:blur(8px);text-shadow:0 1px 4px #25203e}
.lf12-corner-sub{font-size:11px;color:#ffefff;text-shadow:0 1px 6px #503367}
#lf12-launch{pointer-events:auto;position:absolute;left:11px;top:57px;z-index:8;background:linear-gradient(95deg,#aa77df,#ed9dd5);color:#fff;border:1px solid #fffaf3;border-radius:16px;padding:9px 12px;box-shadow:0 6px 17px #4d2d7d52;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer}
@media (orientation:portrait){
  .lf12-shell{inset:auto;position:fixed;top:0;left:100dvw;width:100dvh;height:100dvw;transform:rotate(90deg);transform-origin:top left}
  .lf12-header{height:52px;padding:6px 13px 0 14px}
  .lf12-content{top:48px;width:40%;min-width:250px}
  .lf12-panel{padding-left:17px;padding-bottom:8px;padding-top:4px}
  #lf12-name{font-size:clamp(23px,4.9dvw,32px);margin-bottom:5px}
  #lf12-cue{font-size:clamp(10px,2.7dvw,13px);line-height:1.3;margin-bottom:3px}
  .lf12-overline{margin-bottom:3px}
  .lf12-buttons{margin-top:7px}
  .lf12-buttons button{height:40px}
  .lf12-bottom{padding-top:4px;font-size:9px}
  .lf12-corner{right:11px;bottom:9px}
}
@media (max-height:420px) and (orientation:landscape){
  .lf12-header{height:48px;padding-top:4px}
  .lf12-content{top:48px}
  .lf12-panel{padding-top:2px;padding-bottom:8px}
  #lf12-name{font-size:clamp(24px,3.7vw,33px)}
  .lf12-buttons{margin-top:7px}
  .lf12-buttons button{height:40px}
  .lf12-bottom{padding-top:5px}
}
@media (prefers-reduced-motion:reduce){.lf12-art.lf12-visible{animation:none!important}.lf12-art{transition:none!important}.lf12-glow{display:none}}
/* Pose-aware, subtle whole-illustration movement: no broken limbs or warped faces. */
@keyframes lf12-sway-left{
  0%,100%{transform:translate3d(0,0,0) scale(1.01) rotate(0deg)}
  50%{transform:translate3d(-4px,-2px,0) scale(1.018) rotate(-.24deg)}
}
@keyframes lf12-sway-right{
  0%,100%{transform:translate3d(0,0,0) scale(1.01) rotate(0deg)}
  50%{transform:translate3d(4px,-2px,0) scale(1.018) rotate(.24deg)}
}
@keyframes lf12-sway-up{
  0%,100%{transform:translate3d(0,1px,0) scale(1.01)}
  50%{transform:translate3d(0,-4px,0) scale(1.02)}
}
@keyframes lf12-still-breath{
  0%,100%{transform:translate3d(0,0,0) scale(1.008)}
  50%{transform:translate3d(0,-2px,0) scale(1.015)}
}
#lf12-landscape[data-pose="left"] .lf12-art.lf12-visible{animation-name:lf12-sway-left}
#lf12-landscape[data-pose="right"] .lf12-art.lf12-visible{animation-name:lf12-sway-right}
#lf12-landscape[data-pose="reach"] .lf12-art.lf12-visible{animation-name:lf12-sway-up}
#lf12-landscape[data-pose="fold"] .lf12-art.lf12-visible,
#lf12-landscape[data-pose="chair"] .lf12-art.lf12-visible,
#lf12-landscape[data-pose="breathing"] .lf12-art.lf12-visible,
#lf12-landscape[data-pose="meditate"] .lf12-art.lf12-visible{animation-name:lf12-still-breath}
@media (prefers-reduced-motion:reduce){#lf12-landscape .lf12-art.lf12-visible{animation:none!important}}