.mid-castcard{--cast-accent:var(--pink-500);--cast-field:var(--pink-soft);--cast-halo:var(--halo-pink)}.mid-castcard[data-accent=blue]{--cast-accent:var(--blue-500);--cast-field:var(--blue-soft);--cast-halo:var(--halo-blue)}.mid-castcard[data-accent=violet]{--cast-accent:var(--violet-500);--cast-field:var(--violet-soft);--cast-halo:var(--halo-pink)}.mid-castcard[data-accent=cyan]{--cast-accent:var(--cyan-400);--cast-field:var(--cyan-soft);--cast-halo:0 16px 30px -12px #1e123c29, 0 0 34px #2fc2dc47}.mid-castcard{background:var(--card-paper);border:2px solid var(--card-ink);border-radius:var(--radius-md);height:196px;box-shadow:var(--cast-halo);align-items:stretch;display:flex;position:relative;overflow:visible}.mid-castcard--compact{height:100px}.mid-castcard__media{background:var(--cast-field);border-radius:calc(var(--radius-md) - 2px) 0 0 calc(var(--radius-md) - 2px);flex:0 0 192px;align-self:stretch;position:relative;overflow:hidden}.mid-castcard--compact .mid-castcard__media{flex:0 0 96px}.mid-castcard__media img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.mid-castcard__silo{opacity:.92;object-position:center 18%!important}.mid-castcard__half{background-image:var(--halftone);color:var(--card-ink);opacity:.16;pointer-events:none;background-size:5px 5px;position:absolute;inset:0}.mid-castcard__motif{aspect-ratio:1;width:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mid-castcard__motif--ring{border:7px solid var(--cast-accent);border-radius:50%}.mid-castcard__motif--disc{background:var(--cast-accent);border-radius:50%}.mid-castcard__motif--dia{background:var(--cast-accent);width:40%;transform:translate(-50%,-50%)rotate(45deg)}.mid-castcard__body{flex-direction:column;flex:1;justify-content:center;gap:11px;min-width:0;padding:30px 16px 14px 20px;display:flex}.mid-castcard--compact .mid-castcard__body{justify-content:center;padding:26px 16px 12px 18px}.mid-castcard__plate{background:var(--cast-accent);color:#fff;border-radius:var(--radius-xs);z-index:3;align-items:center;gap:6px;padding:7px 13px;display:inline-flex;position:absolute;top:-16px;left:186px;transform:rotate(-2.2deg);box-shadow:0 8px 20px -8px #08051480}.mid-castcard--compact .mid-castcard__plate{left:78px}.mid-castcard__name{color:#fff;width:280px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;background:0 0;border:0;flex:none;padding:0;font-size:1.5rem;font-style:italic;font-weight:900;line-height:1}.mid-castcard__name::placeholder{color:#fff9}.mid-castcard__name:focus{outline:none}.mid-castcard__pencil{border-radius:var(--radius-xs);color:#fff;cursor:pointer;width:20px;height:20px;transition:background var(--dur-fast) var(--ease-out);background:#fff3;border:0;flex:none;place-items:center;display:grid}.mid-castcard__pencil:hover{background:#ffffff57}.mid-castcard__pencil svg{width:12px;height:12px}.mid-castcard__tag{color:var(--card-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:2px 10px 3px 0;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden}.mid-castcard__rm{z-index:4;appearance:none;border:1.5px solid var(--card-ink);border-radius:var(--radius-xs);width:26px;height:26px;color:var(--card-ink);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:#fcfbf7e6;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.mid-castcard__rm:hover{color:var(--danger);background:#fff}.mid-castcard__rm svg{width:13px;height:13px}.mid-castcard__link{appearance:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-blue);background:0 0;border:0;align-self:flex-start;align-items:center;gap:7px;padding:0;display:inline-flex}.mid-castcard__link svg{flex:none;width:15px;height:15px}.mid-castcard__link:hover{text-decoration:underline}.mid-castcard--empty{border-style:dashed;border-color:color-mix(in oklab, var(--card-ink) 45%, transparent);background:var(--card-paper);box-shadow:none;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.mid-castcard--empty:hover{border-color:var(--card-ink)}.mid-castcard--empty .mid-castcard__media{background:color-mix(in oklab, var(--card-ink) 6%, transparent);color:var(--card-meta);place-items:center;display:grid}.mid-castcard--empty .mid-castcard__media svg{width:32px;height:32px}.mid-castcard__body--empty{justify-content:center;align-items:center;gap:6px;padding:16px 20px}.mid-castcard__emptycta{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--card-ink);align-items:center;gap:12px;font-size:1.3rem;font-style:italic;font-weight:900;display:inline-flex}.mid-castcard__emptycta svg{width:28px;height:28px;color:var(--card-meta);flex:none}.mid-castcard__body--player{justify-content:center;align-items:flex-start;gap:6px;padding:30px 20px 14px 22px}@media (max-width:640px){.mid-castcard,.mid-castcard--compact{flex-direction:column;align-items:stretch;height:auto}.mid-castcard__media,.mid-castcard--compact .mid-castcard__media{flex:none;width:100%}.mid-castcard__media{border-radius:calc(var(--radius-md) - 2px) calc(var(--radius-md) - 2px) 0 0;height:168px}.mid-castcard--compact .mid-castcard__media{height:168px}.mid-castcard__plate,.mid-castcard--compact .mid-castcard__plate{top:150px;left:14px}.mid-castcard__name{width:46vw;max-width:240px}.mid-castcard__body,.mid-castcard__body--player{padding:40px 16px 16px}.mid-castcard--compact .mid-castcard__body{padding:38px 16px 16px}.mid-castcard__body--empty{padding:24px 16px 20px}.mid-castcard__emptycta{text-align:center;font-size:1.15rem}}
.mid-castcard__scenepick{flex-direction:column;gap:7px;display:flex}.mid-castcard__cycler{align-items:stretch;gap:8px;display:flex}.mid-castcard__nav{appearance:none;border:1.5px solid var(--card-meta);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--card-ink) 5%, transparent);width:34px;color:var(--card-ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex:none;align-self:stretch;place-items:center;padding:0;display:grid}.mid-castcard__nav:hover{border-color:var(--card-ink);background:color-mix(in oklab, var(--card-ink) 11%, transparent)}.mid-castcard__nav svg{width:16px;height:16px}.mid-castcard__viewport{border:1.5px solid var(--card-meta);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--card-ink) 4%, transparent);flex:1;min-width:0;height:66px;position:relative;overflow:hidden}.mid-castcard__slide{will-change:transform, opacity;flex-direction:column;justify-content:center;padding:5px 13px;display:flex;position:absolute;inset:0}.mid-castcard__slide--out{position:absolute;inset:0}.mid-castcard__scene-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--card-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-style:italic;font-weight:900;line-height:1.08;display:-webkit-box;overflow:hidden}.mid-castcard__scene-loc{color:var(--card-meta);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.8rem;overflow:hidden}.mid-castcard__dots{justify-content:center;gap:7px;display:flex}.mid-castcard__dot{background:var(--card-meta);opacity:.45;cursor:pointer;width:6px;height:6px;transition:background var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:0;border-radius:50%;padding:0}.mid-castcard__dot:hover{opacity:.75}.mid-castcard__dot.is-on{background:var(--cast-accent);opacity:1}@keyframes castSlideInNext{0%{opacity:.35;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes castSlideInPrev{0%{opacity:.35;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes castSlideOutNext{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes castSlideOutPrev{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.mid-castcard__slide--in-next{animation:castSlideInNext .34s var(--ease-out) both}.mid-castcard__slide--in-prev{animation:castSlideInPrev .34s var(--ease-out) both}.mid-castcard__slide--out-next{animation:castSlideOutNext .34s var(--ease-out) both}.mid-castcard__slide--out-prev{animation:castSlideOutPrev .34s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.mid-castcard__slide--in-next,.mid-castcard__slide--in-prev,.mid-castcard__slide--out-next,.mid-castcard__slide--out-prev{animation:none}}


.pick{z-index:200;font-family:var(--font-sans);display:none;position:fixed;inset:0}.pick.is-on{display:block}.pick__scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a3;background:lab(0% 0 0/.64);position:absolute;inset:0}.pick__panel{background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);width:min(468px,100vw - 40px);max-height:calc(100vh - 48px);box-shadow:0 30px 80px -20px #000000b3, 0 0 60px -12px color-mix(in oklab, var(--accent-pink) 42%, transparent);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.pick__head{z-index:3;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:22px var(--space-6) var(--space-4);background:color-mix(in oklab, var(--surface-card) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1.5px solid var(--border-subtle);display:flex;position:sticky;top:0}.pick__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.4rem;font-style:italic;font-weight:900;line-height:1.02}.pick__sub{font-size:var(--text-sm);color:var(--text-muted);margin:8px 0 0}.pick__close{border-radius:var(--radius-sm);border:1.5px solid var(--border-default);background:var(--surface-sunken);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:grid}.pick__close:hover{color:var(--text-primary);border-color:var(--border-strong)}.pick__close svg{width:16px;height:16px}.pick__body{padding:var(--space-5) var(--space-6) var(--space-6)}.pick__upload{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1.5px dashed var(--border-default);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-muted);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);display:flex}.pick__upload:hover{border-color:var(--accent-pink);color:var(--text-primary)}.pick__upload svg{flex:none;width:18px;height:18px}.pick__upload .t{flex-direction:row;align-items:baseline;gap:8px;min-width:0;display:flex}.pick__upload b{color:var(--text-primary);font-weight:600;font-size:var(--text-sm);white-space:nowrap}.pick__upload small{color:var(--text-faint);font-size:var(--text-2xs);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.pick__cycler{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex;position:relative}.pick__cycler:before{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--accent-pink) 30%, transparent), transparent 70%);filter:blur(24px);pointer-events:none;z-index:0;width:78%;height:78%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pick__nav{z-index:2;border-radius:var(--radius-pill);border:1.5px solid var(--border-default);background:color-mix(in oklab, var(--surface-sunken) 88%, transparent);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:grid;position:relative}.pick__nav:hover{border-color:var(--accent-pink);background:var(--surface-card)}.pick__nav svg{width:20px;height:20px}.pick__viewport{z-index:1;flex:0 auto;width:200px;min-width:0;max-width:200px;position:relative;overflow:hidden}.pick__slide{will-change:transform, opacity}.pick__slide--out{width:100%;position:absolute;top:0;left:0}@keyframes pickSlideInNext{0%{opacity:.35;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pickSlideInPrev{0%{opacity:.35;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pickSlideOutNext{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes pickSlideOutPrev{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.pick__slide--in-next{animation:pickSlideInNext .36s var(--ease-out) both}.pick__slide--in-prev{animation:pickSlideInPrev .36s var(--ease-out) both}.pick__slide--out-next{animation:pickSlideOutNext .36s var(--ease-out) both}.pick__slide--out-prev{animation:pickSlideOutPrev .36s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.pick__slide--in-next,.pick__slide--in-prev,.pick__slide--out-next,.pick__slide--out-prev{animation:none}}.pick__slide .mid-dcard{cursor:pointer}.pick__slide .mid-dcard.is-sel{outline:2.5px solid var(--accent-pink);outline-offset:2px}.pick__dots{z-index:2;margin-top:var(--space-5);justify-content:center;gap:8px;display:flex;position:relative}.pick__dot{background:var(--border-strong);cursor:pointer;width:7px;height:7px;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:0;border-radius:50%;padding:0}.pick__dot:hover{transform:scale(1.25)}.pick__dot.is-on{background:var(--accent-pink);box-shadow:0 0 8px var(--accent-pink)}@media (max-width:560px){.pick__cycler{gap:var(--space-2)}}
.startchat{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans)}.startchat .wrap{max-width:720px;padding:0 var(--space-6) var(--space-20);margin:0 auto}.startchat .head{padding-top:var(--space-10);padding-bottom:var(--space-4)}.startchat .head h1{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(2.2rem,4.5vw,3.2rem);font-style:italic;font-weight:900;line-height:1}.startchat .head .jp{font-family:var(--font-jp);color:var(--accent-pink);font-weight:700;font-size:var(--text-sm);letter-spacing:.08em;margin-left:var(--space-2)}.startchat .head p{color:var(--text-muted);font-size:var(--text-lg);margin:var(--space-3) 0 0}.startchat .step{border-top:1.5px solid var(--border-subtle);margin-top:36px;padding-top:36px}.startchat .step:first-of-type{border-top:0;margin-top:18px;padding-top:6px}.startchat .step__head{align-items:flex-start;gap:18px;display:flex}.startchat .step__no{background:var(--step-accent,var(--pink-500));color:#fff;width:50px;height:50px;font-family:var(--font-display);border-radius:var(--radius-xs);box-shadow:0 12px 24px -12px color-mix(in oklab,var(--step-accent,var(--pink-500)) 70%,transparent);transition:background var(--dur-normal) var(--ease-out);flex:none;place-items:center;font-size:1.7rem;font-style:italic;font-weight:900;line-height:1;display:grid;transform:rotate(-2.5deg)}.startchat .step__no svg{width:24px;height:24px}.startchat .step__titles{flex:1;min-width:0;padding-top:3px}.startchat .step__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,2.6vw,1.9rem);font-style:italic;font-weight:900;line-height:1}.startchat .step__sub{font-size:var(--text-sm);color:var(--text-muted);max-width:54ch;margin:9px 0 0;line-height:1.55}.startchat .step__status{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--danger);white-space:nowrap;flex:none;align-self:flex-start;align-items:center;gap:7px;padding-top:4px;font-weight:700;display:inline-flex}.startchat .step__status svg{width:13px;height:13px}.startchat .step__status .dot{background:var(--danger);width:7px;height:7px;box-shadow:0 0 10px var(--danger);border-radius:50%}.startchat .step__status.is-done{color:var(--success)}.startchat .step__body{margin-top:24px;padding-left:68px}.startchat .conn{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.startchat .cs{flex-direction:column;gap:40px;display:flex}.startchat .cs__group{flex-direction:column;gap:18px;display:flex}.startchat .cs__group--star{gap:10px}.startchat .cs__eyebrow{background:var(--eb,var(--pink-500));color:#fff;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-style:italic;font-weight:900;font-size:var(--text-sm);border-radius:var(--radius-xs);box-shadow:0 0 18px color-mix(in oklab,var(--eb,var(--pink-500)) 55%,transparent);align-self:flex-start;align-items:center;gap:6px;padding:5px 13px 6px;display:inline-flex;transform:rotate(-2deg)}.startchat .cs__eyebrow svg{width:14px;height:14px}.startchat .cs__add{appearance:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-400);background:0 0;border:0;align-self:flex-start;align-items:center;gap:8px;margin-top:-5px;padding:4px 2px;font-weight:700;display:inline-flex}.startchat .cs__add:hover{text-decoration:underline}.startchat .cs__add svg{width:16px;height:16px}.startchat .launch{z-index:40;margin-top:var(--space-8);background:color-mix(in oklab,var(--bg-base) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1.5px solid var(--border-default);position:sticky;bottom:0}.startchat .launch__inner{max-width:720px;padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.startchat .launch .hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase}.startchat .launch .grow{margin-left:auto}@media (max-width:640px){.startchat .step__body{padding-left:0}.startchat .launch .hint{display:none}}
