.cs-character-album{max-width:960px;margin:20px auto}.cs-ca-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.cs-ca-heading h3{margin:0}.cs-ca-heading>span{color:var(--muted-foreground);font-size:13px}.cs-ca-filters{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:20px 0;padding:0;display:flex}.cs-app .cs-ca-filters button{border-radius:24px;padding:8px 14px;font-size:14px}.cs-ca-filters button span{opacity:.8;font-size:12px}.cs-app .cs-ca-filters [aria-pressed=true]{background:var(--cs-green);border-color:var(--cs-green);color:var(--primary-foreground)}.cs-ca-progress{color:var(--muted-foreground);align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.cs-ca-progress progress{min-width:0;accent-color:var(--cs-green);flex:1;height:7px}.cs-ca-stage{background:var(--surface-raised);border-radius:16px;justify-content:center;align-items:center;min-height:340px;display:flex;position:relative;overflow:hidden}.cs-app .cs-ca-open-photo{background:0 0;border:0;border-radius:0;max-width:100%;height:460px;padding:0}.cs-ca-open-photo img{object-fit:contain;width:100%;height:100%}.cs-ca-locked{background:#37303e;width:min(100%,340px);height:460px;position:relative;overflow:hidden}.cs-ca-locked>img{object-fit:cover;filter:blur(24px)brightness(.45);width:100%;height:100%;transform:scale(1.15)}.cs-ca-lock-copy{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 24px;display:flex;position:absolute;inset:0}.cs-ca-lock-copy p{margin:0 0 8px;font-size:14px;line-height:1.7}.cs-ca-lock-copy strong{font-size:18px}.cs-app .cs-ca-prev,.cs-app .cs-ca-next{background:var(--surface);border-radius:50%;width:44px;height:44px;padding:8px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0002}.cs-ca-prev{left:12px}.cs-ca-next{right:12px}.cs-ca-position{text-align:center;color:var(--muted-foreground);font-size:13px}.cs-ca-thumbnails{scroll-snap-type:x proximity;gap:10px;padding:8px 3px 14px;display:flex;overflow-x:auto}.cs-app .cs-ca-thumbnails button{scroll-snap-align:center;background:var(--surface-raised);border:3px solid #0000;border-radius:10px;flex:0 0 90px;height:118px;padding:0;position:relative;overflow:hidden}.cs-ca-thumbnails button[aria-pressed=true]{border-color:var(--cs-green)}.cs-ca-thumbnails img{object-fit:cover;width:100%;height:100%}.cs-ca-thumbnails .is-locked{filter:blur(10px)brightness(.6);transform:scale(1.2)}.cs-ca-thumbnails svg{color:#fff;background:#302637b3;border-radius:5px;width:22px;height:22px;padding:2px;position:absolute;bottom:5px;right:5px}.cs-ca-empty{text-align:center;background:var(--surface-raised);border-radius:16px;padding:40px 20px}.cs-ca-empty>svg{color:var(--muted-foreground);margin:auto}.cs-ca-notice{color:var(--cs-green);margin:10px 0;font-size:14px;display:block}.cs-ca-confirm{border:1px solid var(--cs-line);background:var(--surface);width:min(440px,100vw - 24px);color:var(--cs-ink);border-radius:18px;max-height:calc(100dvh - 24px);margin:auto;padding:24px;overflow:auto}.cs-ca-confirm header{justify-content:space-between;align-items:center;gap:10px;display:flex}.cs-ca-confirm header h3{margin:0}.cs-ca-confirm header button{padding:8px}.cs-ca-confirm>strong{font-size:26px}.cs-ca-confirm>button{width:100%}.cs-ca-confirm::backdrop{background:#17101ebd}.cs-ca-viewer::backdrop{background:#17101ebd}.cs-ca-viewer{background:#19151d;border:0;border-radius:12px;max-width:96vw;max-height:96dvh;margin:auto;padding:0}.cs-ca-viewer>img{object-fit:contain;max-width:96vw;max-height:92dvh;display:block}.cs-app .cs-ca-viewer>button{z-index:1;border-radius:50%;padding:9px;position:absolute;top:12px;right:12px}@media (max-width:600px){.cs-ca-heading{align-items:flex-start}.cs-ca-heading h3{font-size:17px}.cs-ca-heading>span{font-size:12px}.cs-app .cs-ca-filters button{gap:5px;padding:8px 10px;font-size:12px}.cs-ca-filters{gap:6px}.cs-ca-stage{min-height:340px}.cs-ca-locked,.cs-app .cs-ca-open-photo{height:380px}.cs-ca-lock-copy{padding:30px 36px}.cs-ca-prev{left:3px}.cs-ca-next{right:3px}.cs-app .cs-ca-prev,.cs-app .cs-ca-next{width:36px;min-height:44px;padding:5px}.cs-app .cs-ca-thumbnails button{flex-basis:72px;height:96px}}.cs-ca-mission{border-bottom:1px solid var(--cs-line);margin:0 0 16px;text-align:left;max-width:640px;margin-inline:auto;padding:20px 0}.cs-ca-mission-heading{color:var(--brand-cyan);justify-content:space-between;gap:12px;font-size:12px;display:flex}.cs-ca-mission-heading>span:last-child{color:var(--muted-foreground)}.cs-ca-mission h4{margin:8px 0 12px;font-size:18px;font-weight:600;line-height:1.5}.cs-ca-mission-progress{align-items:center;gap:12px;font-size:13px;display:flex}.cs-ca-mission-progress progress{-webkit-appearance:none;appearance:none;background:var(--surface-raised);min-width:0;height:8px;accent-color:var(--brand-cyan);border:0;border-radius:8px;flex:1;overflow:hidden}.cs-ca-mission-progress progress::-webkit-progress-bar{background:var(--surface-raised)}.cs-ca-mission-progress progress::-webkit-progress-value{background:var(--brand-cyan)}.cs-ca-mission-progress progress::-moz-progress-bar{background:var(--brand-cyan)}.cs-ca-mission p,.cs-ca-mission small{color:var(--muted-foreground);font-size:13px;line-height:1.7}.cs-ca-mission small{margin-top:10px;display:block}.cs-ca-mission-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.cs-app .cs-ca-mission-actions button{font-size:14px}@media (max-width:600px){.cs-ca-mission{padding:16px 0}.cs-ca-mission h4{font-size:17px}.cs-ca-mission-actions{flex-direction:column}.cs-ca-mission-actions button{width:100%}}.cs-ca-art-pending{background:var(--surface-raised,#f4f1ee);height:100%;color:var(--muted-foreground,#756d68);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.cs-ca-art-pending small{font-size:10px}.cs-app .cs-album-ready{color:var(--muted-foreground);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-shrink:0;min-height:32px;padding:6px 12px;font-size:12px}.cs-ca-pricing{color:var(--muted-foreground);max-width:70ch;margin:12px 0;font-size:13px;line-height:1.7}
