/* Concept-preview widget: same on every tier, accent follows the tier */
.cw{position:fixed;left:14px;bottom:14px;z-index:2147483000;font:500 14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#f4f1e8}
.cw *{box-sizing:border-box}
.cw-btn{display:inline-flex;align-items:center;gap:.55em;padding:.7em 1em .7em .8em;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(14,20,16,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:inherit;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35);font-weight:600;letter-spacing:.01em}
.cw-btn:hover{background:rgba(14,20,16,.94)}
.cw-dot{width:.7em;height:.7em;border-radius:50%;background:var(--cw-accent,#7ed957);box-shadow:0 0 0 0 var(--cw-accent,#7ed957);animation:cwPulse 2.4s ease-out infinite}
@keyframes cwPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--cw-accent,#7ed957) 70%,transparent)}80%,100%{box-shadow:0 0 0 10px transparent}}
.cw-panel{position:absolute;left:0;bottom:calc(100% + 10px);width:min(340px,calc(100vw - 28px));max-height:min(74vh,560px);overflow:auto;padding:16px 16px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(14,20,16,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.5);opacity:0;transform:translateY(10px) scale(.98);transform-origin:0 100%;visibility:hidden;transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s}
.cw.open .cw-panel{opacity:1;transform:none;visibility:visible;transition:opacity .28s ease,transform .28s ease,visibility 0s}
.cw-kick{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cw-accent,#7ed957);font-weight:700}
.cw-title{font-size:19px;font-weight:700;margin:2px 0 10px}
.cw-back{display:inline-flex;align-items:center;gap:.4em;padding:.5em .8em;border-radius:999px;background:var(--cw-accent,#7ed957);color:#0c150e;font-weight:700;text-decoration:none;font-size:13px}
.cw-back:hover{filter:brightness(1.08)}
.cw h4{margin:14px 0 5px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,232,.62);font-weight:700}
.cw ul{margin:0;padding:0;list-style:none}
.cw li{position:relative;padding:3px 0 3px 22px;font-size:13.5px}
.cw .in li::before{content:"";position:absolute;left:3px;top:.62em;width:10px;height:6px;border-left:2px solid var(--cw-accent,#7ed957);border-bottom:2px solid var(--cw-accent,#7ed957);transform:rotate(-45deg) scale(.9)}
.cw .out li{color:rgba(244,241,232,.62)}
.cw .out li::before{content:"";position:absolute;left:3px;top:1.05em;width:10px;height:0;border-top:2px solid rgba(244,241,232,.4)}
.cw-note{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(244,241,232,.7)}
.cw-note a{color:var(--cw-accent,#7ed957)}
.cw-x{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.08);cursor:pointer;display:grid;place-items:center}
.cw-x:hover{background:rgba(255,255,255,.18)}
@media (max-width:520px){.cw{left:10px;bottom:10px}.cw-btn{padding:.6em .85em .6em .7em;font-size:13px}}
@media (prefers-reduced-motion:reduce){.cw-dot{animation:none}.cw-panel{transition:none}}