/* LuckyStudio test only: unified public header and small completion rewards.
   Does not touch customer templates or editor preview frames. */
body.studio-start-active .one-header {
  --one-accent:var(--lw-brand);
  --one-ink-strong:var(--lw-ink);
  border-bottom:1px solid var(--lw-line)!important;
  border-radius:0 0 20px 20px;
  background:var(--lw-header-glass)!important;
  color:var(--lw-ink)!important;
  backdrop-filter:blur(20px) saturate(125%);
  -webkit-backdrop-filter:blur(20px) saturate(125%);
  box-shadow:0 12px 30px rgba(5,45,26,.12);
}
body.studio-start-active .one-header-inner{min-height:82px;gap:16px;}
body.studio-start-active .one-brand{font-weight:850;letter-spacing:-.06em;font-size:27px;color:var(--lw-ink)!important;}
body.studio-start-active .one-brand b{color:var(--lw-brand)!important;}
body.studio-start-active .one-brand img{filter:drop-shadow(0 3px 6px rgba(7,115,64,.15));}
body.studio-start-active .start-header-nav{display:flex;align-items:center;gap:3px;margin-left:auto;min-width:0;}
body.studio-start-active .start-header-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:12px;text-decoration:none;color:var(--lw-muted-strong);font:750 13px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s;}
body.studio-start-active .start-header-nav a:hover{background:var(--lw-surface-soft);border-color:var(--lw-line);transform:translateY(-1px);color:var(--lw-brand);}
body.studio-start-active .start-header-nav a[aria-current="page"]{color:var(--lw-brand-strong);background:var(--lw-surface-mint);border-color:var(--lw-line-strong);}
body.studio-start-active .one-header-inner>select,
body.studio-start-active .one-header .lw-theme-toggle{flex:none;min-width:44px;min-height:42px;padding:8px 12px;background:var(--lw-surface)!important;color:var(--lw-ink)!important;border:1px solid var(--lw-line-strong)!important;border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.05);}
body.studio-start-active .one-header .lw-theme-toggle{padding:0;font-size:21px;}
html[data-lw-theme="dark"] body.studio-start-active .one-header{box-shadow:0 15px 30px rgba(2,20,12,.2);border-bottom-color:var(--lw-line-strong)!important;}
body.studio-start-active .one-brand:focus-visible,
body.studio-start-active .start-header-nav a:focus-visible{outline:3px solid var(--lw-brand)!important;outline-offset:2px;}
@media(max-width:1000px){
  body.studio-start-active .start-header-nav{gap:0;}
  body.studio-start-active .start-header-nav a{padding:9px 8px;font-size:12px;}
  body.studio-start-active .one-header-inner{gap:8px;}
}
@media(max-width:780px){
  body.studio-start-active .start-header-nav a:not([aria-current]){display:none;}
  body.studio-start-active .start-header-nav a[aria-current]{font-size:12px;padding:7px 9px;}
  body.studio-start-active .one-brand{font-size:22px;}
  body.studio-start-active .one-brand img{width:34px;height:34px;}
  body.studio-start-active .one-header-inner{min-height:70px;}
}
@media(max-width:430px){
  body.studio-start-active .one-header-inner{width:calc(100% - 24px);gap:7px;}
  body.studio-start-active .start-header-nav{display:none;}
  body.studio-start-active .one-brand{margin-right:auto;font-size:21px;}
  body.studio-start-active .one-header-inner>select{padding:7px 5px;min-width:49px;}
  body.studio-start-active .one-header .lw-theme-toggle{min-width:38px;width:38px;}
}
/* Completion status: accessible, brief, and never blocks the step controls. */
.ls-reward-layer{position:fixed;z-index:40;inset:auto 0 calc(var(--lw-consent-height,0px) + 5.5rem);display:flex;justify-content:center;align-items:flex-end;padding:0 16px;pointer-events:none;font-family:Inter,system-ui,sans-serif;}
.studio-start .start-progress{position:relative;z-index:50}
.ls-reward-layer[hidden]{display:none!important;}
.ls-reward-panel{position:relative;pointer-events:auto;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:15px;max-width:min(360px,calc(100vw - 32px));width:max-content;min-width:0;border:1px solid var(--lw-line-strong);border-radius:19px;padding:15px 18px;background:var(--lw-surface);color:var(--lw-ink);box-shadow:0 16px 48px rgba(0,35,19,.22);animation:ls-reward-enter .35s cubic-bezier(.18,.8,.25,1) both;}
.ls-reward-emblem{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#07482e;background:linear-gradient(145deg,#d8ffe6,#81e7ad);font-size:25px;font-weight:850;box-shadow:0 4px 14px #1ea76c29;}
.ls-reward-copy{display:grid;gap:3px;min-width:0;}
.ls-reward-copy strong{font-size:16px;line-height:1.3;letter-spacing:-.03em;}
.ls-reward-copy span{font-size:12px;line-height:1.5;color:var(--lw-muted-strong);}
.ls-reward-panel.is-final{display:grid;grid-template-columns:64px 1fr;gap:15px;max-width:min(500px,calc(100vw - 30px));width:100%;padding:26px;box-shadow:0 25px 85px #00270e55,0 0 0 5px rgba(137,240,185,.08);}
.ls-reward-panel.is-final .ls-reward-emblem{width:62px;height:62px;border-radius:23px;font-size:33px;animation:ls-reward-pop .65s ease-out both;}
.ls-reward-panel.is-final .ls-reward-copy strong{font-size:22px;}
.ls-reward-panel.is-final .ls-reward-copy span{font-size:14px;}
.ls-reward-panel.is-final button{grid-column:1 / -1;cursor:pointer;justify-self:stretch;border:0;border-radius:12px;min-height:46px;padding:12px 20px;background:var(--lw-brand);color:var(--lw-on-brand);font:800 14px Inter,system-ui,sans-serif;}
.ls-reward-panel.is-final button:focus-visible{outline:3px solid var(--lw-brand);outline-offset:3px;}
.ls-reward-confetti{position:absolute;top:-25px;left:var(--x);z-index:-1;width:9px;height:16px;opacity:0;border-radius:3px;background:var(--c);animation:ls-confetti 1.65s ease-out var(--delay) 1 both;pointer-events:none;}
@keyframes ls-reward-enter{from{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ls-reward-pop{0%{transform:scale(.65) rotate(-12deg)}60%{transform:scale(1.1) rotate(4deg)}100%{transform:scale(1) rotate(0deg)}}
@keyframes ls-confetti{0%{opacity:0;transform:translateY(-30px) rotate(0)}15%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translate(var(--dx),235px) rotate(var(--r))}}
@media(max-width:600px){.ls-reward-layer{padding:0 16px}.ls-reward-panel.is-final{padding:19px}.ls-reward-panel.is-final .ls-reward-copy strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ls-reward-panel,.ls-reward-emblem,.ls-reward-confetti,.start-progress .start-step-number{animation:none!important;transition:none!important}.ls-reward-confetti{display:none!important}}

/* The album is earned through real steps, not pseudo-currency or manufactured scarcity. */
.studio-start .ls-achievements{margin:0 0 22px;display:grid;justify-items:start;max-width:900px}
.studio-start .ls-achievement-toggle{background:var(--lw-surface,#f9fcf9);color:var(--lw-ink,#19452d);border:1px solid var(--lw-line-strong,#b4d1bb);min-height:44px;box-shadow:0 5px 22px #001a0b12;border-radius:100px;padding:8px 16px;font:750 12px/1.4 Inter,system-ui,sans-serif}
.studio-start .ls-achievement-toggle:hover{background:var(--lw-surface-mint,#e5f5e8);border-color:#74ba8f}
.studio-start .ls-achievement-toggle:focus-visible{outline:3px solid #90d8a8;outline-offset:3px}
.studio-start .ls-achievement-gallery{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;border-radius:13px;background:var(--lw-surface,#fff);border:1px solid var(--lw-line,#dce6de);max-width:700px;width:100%;box-sizing:border-box}
.studio-start .ls-achievement-gallery[hidden]{display:none!important}
.studio-start .ls-achievement{display:flex;align-items:center;gap:7px;padding:8px;border-radius:9px;border:1px solid var(--lw-line,#dfe8df);background:var(--lw-surface-soft,#f4f8f4);font:650 11px/1.45 Inter,system-ui,sans-serif;color:var(--lw-muted-strong,#718074);opacity:.65}
.studio-start .ls-achievement.is-earned{background:var(--lw-surface-mint,#e8f7ea);color:var(--lw-ink,#234c36);border-color:#a3d6b3;opacity:1}
.studio-start .ls-achievement-icon{display:grid;place-items:center;font-size:16px;color:#498666}
.studio-start .ls-achievement.is-earned .ls-achievement-icon{color:#b07b18}
@media(max-width:600px){.studio-start .ls-achievement-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.studio-start .ls-cross-quest{max-width:900px;box-sizing:border-box;margin:0 0 28px;padding:17px 21px;background:var(--lw-surface,#fff);border:1px solid var(--lw-line-strong,#c1d7c6);border-radius:15px;display:grid;gap:8px;box-shadow:0 8px 25px #12381f10;color:var(--lw-ink,#19452d)}
.studio-start .ls-cross-kicker{font:800 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.13em;color:var(--lw-brand,#25794c)}
.studio-start .ls-cross-quest>strong{font:800 17px/1.35 Inter,system-ui,sans-serif}
.studio-start .ls-cross-quest>p{font:12px/1.6 Inter,system-ui,sans-serif;margin:0;color:var(--lw-muted-strong,#577663)}
.studio-start .ls-cross-action{justify-self:start;text-decoration:none;padding:11px 14px;border:1px solid #b5d4be;border-radius:10px;color:var(--lw-brand-strong,#205b3d);font:800 12px/1.3 Inter,system-ui,sans-serif;background:var(--lw-surface-mint,#edf8ef)}
.studio-start .ls-cross-action:focus-visible{outline:3px solid #7fcf9d;outline-offset:2px}
