/* Stockpresets Store: My Library (0.2.0, Nov 4, 2026). Same dark store, gold only on the main action. */
.lb{padding:56px var(--edge) 72px;min-height:calc(100vh - 160px)}
.lb[data-state=loading]{min-height:60vh}
.lb [hidden]{display:none !important}
.lb-card{max-width:440px;margin:6vh auto 0}
.lb-h1{font-size:clamp(28px,3.4vw,40px);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px;text-wrap:balance}
.lb-h1:focus{outline:none}
.lb-lede{color:var(--muted);font-size:16px;line-height:1.55;margin:0 0 28px;text-wrap:pretty}
.lb-lede b,.lb-sent b{color:var(--text)}
.lb-form{display:grid;gap:10px}
.lb-label{font-size:13px;font-weight:700;color:var(--muted)}
.lb-input{width:100%;box-sizing:border-box;height:50px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:var(--surface);color:var(--text);font:600 16px Lato,system-ui,sans-serif;transition:border-color .15s,background .15s}
.lb-input::placeholder{color:#8e8e93}
.lb-input:focus{outline:none;border-color:var(--blue);background:var(--surface2)}
.lb-code{font-size:24px;letter-spacing:.35em;font-variant-numeric:tabular-nums;text-align:center}
.lb-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;margin-top:6px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font:900 15px Lato,system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}
.lb-btn:hover{background:var(--accent2)}
.lb-btn:active{transform:scale(.985)}
.lb-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.lb-btn.is-busy,.lb-btn:disabled{opacity:.6;cursor:progress}
.lb-msg{margin:4px 0 0;color:#ff9f8a;font-size:14px;font-weight:700;line-height:1.45}
.lb-sent{margin:0 0 8px;font-size:15px;line-height:1.55;color:var(--muted)}
.lb-alt{margin:10px 0 0;text-align:center;font-size:14px;color:var(--dim)}
.lb-link{background:none;border:0;padding:4px;color:var(--text);font:700 14px Lato,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lb-link:disabled{color:var(--dim);text-decoration:none;cursor:default}
.lb-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
.lb-fine{margin:18px 0 0;font-size:13px;line-height:1.55;color:var(--dim)}
.lb-foot{margin:22px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.lb-foot + .lb-foot{margin-top:8px}
.lb-foot a{color:var(--text);text-decoration:underline;text-underline-offset:3px}

/* the library */
.lb-lib{max-width:1100px;margin:0 auto}
.lb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.lb-head .lb-h1{margin:0 0 8px}
.lb-state{margin:0;color:var(--muted);font-size:15px}
.lb-acts{display:flex;gap:10px;flex-wrap:wrap}
.lb-ghost{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:none;color:var(--text);font:700 14px Lato,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s}
.lb-ghost:hover{background:rgba(255,255,255,.06)}
.lb-ghost:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.lb-welcome,.lb-warn{margin:0 0 22px;padding:14px 18px;border-radius:12px;font-size:15px;line-height:1.5}
.lb-welcome{background:rgba(67,159,232,.12);color:var(--text)}
.lb-warn{background:rgba(255,159,138,.12);color:var(--text)}
.lb-warn a{color:var(--text);font-weight:800}
.lb-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.lb-tabs{display:flex;gap:6px;flex-wrap:wrap}
.lb-tabs button{height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:none;color:var(--muted);font:700 14px Lato,system-ui,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.lb-tabs button span{color:var(--dim);margin-left:4px}
.lb-tabs button[aria-selected=true]{background:#f5f5f7;color:#141414;border-color:#f5f5f7}
.lb-tabs button[aria-selected=true] span{color:#6e6e73}
.lb-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.lb-q{max-width:280px;height:42px}
.lb-group{margin-top:30px}
.lb-group h2{font-size:18px;font-weight:900;margin:0 0 10px}
.lb-group h2 span{color:var(--dim);font-weight:700;margin-left:4px}
.lb-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lb-row{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.lb-thumb{display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#111}
.lb-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lb-txt{display:grid;gap:3px;min-width:0}
.lb-txt a{color:var(--text);text-decoration:none}
.lb-txt a:hover b{text-decoration:underline;text-underline-offset:3px}
.lb-txt b{font-size:15px;font-weight:800}
.lb-txt span{font-size:13px;color:var(--muted)}
.lb-dl{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:none;color:var(--text);font:800 14px Lato,system-ui,sans-serif;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.lb-dl:hover{background:#f5f5f7;color:#141414;border-color:#f5f5f7}
.lb-dl:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.lb-dl.is-busy{opacity:.7;cursor:progress}
.lb-dl.is-busy svg{animation:spa-bob .8s ease-in-out infinite}
.lb-dl.is-done{border-color:var(--blue);color:var(--blue-l)}
.lb-none{margin:28px 0 0;color:var(--muted)}
.lb-howto{max-width:68ch}
@media (max-width:640px){
  .lb{padding:32px 16px 56px}
  .lb-card{margin-top:2vh}
  .lb-q{max-width:none;flex:1 1 100%}
  .lb-row{grid-template-columns:72px 1fr;gap:12px}
  .lb-dl{grid-column:1 / -1;justify-content:center;width:100%}
}
@media (prefers-reduced-motion:reduce){.lb-dl.is-busy svg{animation:none}.lb-btn,.lb-dl{transition:none}}

/* 0.2.2: the All Access page (from design-demo/subscribe.html). Gold only on the main button. */
.aa{padding-bottom:24px}
.aa-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,420px);gap:48px;align-items:center;max-width:1180px;margin:0 auto;padding:72px var(--edge) 40px}
.aa-kicker{margin:0 0 14px;font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-l)}
.aa-h1{margin:0 0 18px;font-size:clamp(40px,5.4vw,76px);font-weight:900;letter-spacing:-.035em;line-height:1;text-wrap:balance}
.aa-h1 span{color:var(--muted)}
.aa-lede{margin:0;max-width:52ch;font-size:18px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.aa-plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.aa-plan-name{margin:0 0 6px;font-weight:800;color:var(--muted);font-size:15px}
.aa-price{display:flex;align-items:baseline;gap:10px;margin:0 0 6px}
.aa-price b{font-size:56px;font-weight:900;letter-spacing:-.03em}
.aa-price span{color:var(--muted);font-size:16px}
.aa-note{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5}
.aa-btn{display:flex;align-items:center;justify-content:center;height:52px;border-radius:999px;background:var(--accent);color:var(--on-accent);font:900 16px Lato,system-ui,sans-serif;text-decoration:none;transition:background .15s,transform .15s}
.aa-btn:hover{background:var(--accent2)}
.aa-btn:active{transform:scale(.985)}
.aa-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.aa-fine{margin:12px 0 0;text-align:center;color:var(--dim);font-size:13px;line-height:1.5}
.aa-fine a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.aa-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:1180px;margin:0 auto;padding:0 var(--edge) 24px}
.aa-strip img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;display:block;background:#111}
.aa-sec{max-width:1180px;margin:0 auto;padding:48px var(--edge) 0}
.aa-h2{margin:0 0 22px;font-size:clamp(26px,3vw,36px);font-weight:900;letter-spacing:-.02em}
.aa-inc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px 32px}
.aa-inc li,.aa-steps li{display:grid;gap:6px}
.aa-inc b,.aa-steps b{font-size:17px;font-weight:900}
.aa-inc span,.aa-steps span{color:var(--muted);font-size:15px;line-height:1.55}
.aa-steps ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px 32px}
.aa-steps li{counter-increment:s}
.aa-steps li::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.18);font-weight:900;font-size:14px;margin-bottom:6px}
.aa-faq{max-width:760px;border-top:1px solid var(--line)}
.aa-faq details{border-bottom:1px solid var(--line)}
.aa-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:16px}
.aa-faq summary::-webkit-details-marker{display:none}
.aa-faq summary::after{content:"+";color:var(--muted);font-weight:400;font-size:20px;line-height:1}
.aa-faq details[open] summary::after{content:"\2212"}
.aa-faq summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.aa-faq p{margin:0 0 18px;color:var(--muted);line-height:1.6;max-width:65ch}
.aa .ev-tm{margin-top:56px}
@media (max-width:900px){
  .aa-hero{grid-template-columns:1fr;gap:28px;padding-top:40px}
  .aa-strip{grid-template-columns:repeat(3,1fr)}
}