.mid-storydrop{text-align:center;cursor:pointer;border:2px dashed var(--border-default);border-radius:var(--radius-2xl);width:100%;min-height:190px;color:var(--text-muted);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 24px;display:flex}.mid-storydrop:hover,.mid-storydrop:focus-visible{border-color:var(--accent-pink);color:var(--text-primary);outline:none}.mid-storydrop[data-hot=true]{border-color:var(--accent-pink);background:color-mix(in oklab,var(--text-primary) 4%,transparent);color:var(--text-primary)}.mid-storydrop__glyph{width:34px;height:34px;color:var(--text-muted);display:inline-flex}.mid-storydrop__glyph svg{width:34px;height:34px}.mid-storydrop__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:1.35rem;font-style:italic;font-weight:900}.mid-storydrop__desc{min-width:0;max-width:380px;font-size:var(--text-sm);text-wrap:pretty;margin:0;line-height:1.5}.mid-storydrop__hint{min-width:0;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0}@media (max-width:560px){.mid-storydrop{padding:24px 16px}.mid-storydrop__hint{letter-spacing:.1em;white-space:normal}}
.mid-setupcard{border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:var(--surface-raised);flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:100%;padding:22px 24px;display:flex;position:relative}.mid-setupcard__title{min-width:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text-primary);text-wrap:pretty;margin:0;font-size:1.5rem;font-style:italic;font-weight:900;line-height:1.05}.mid-setupcard__prompt{text-align:center;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:22px 0 0}.mid-setupcard__block{flex-direction:column;align-items:stretch;width:100%;max-width:500px;margin:0 auto;display:flex}.mid-setupcard__clear{z-index:2;appearance:none;cursor:pointer;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-raised);width:30px;height:30px;color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.mid-setupcard__clear svg{width:14px;height:14px}.mid-setupcard__clear:hover{color:var(--danger);border-color:var(--danger)}.mid-setupcard__start{justify-content:center;margin-top:34px;display:flex}.mid-setupcard__start .mid-btn{justify-content:center;width:100%;max-width:500px;min-height:60px;font-size:1.05rem}.mid-namefield{flex-direction:column;gap:8px;min-width:0;margin-top:22px;display:flex;position:relative}.mid-namefield__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.mid-namefield__input{width:100%;min-width:0;min-height:44px;font-size:16px;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-sunken);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease-out);padding:10px 14px}.mid-namefield__input:focus-visible{border-color:var(--text-primary);outline:none}.mid-namefield[data-error=true] .mid-namefield__input{border-color:var(--accent-pink)}.mid-namefield__msg{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-pink);margin-top:8px;position:absolute;top:100%;left:0}@media (max-width:560px){.mid-setupcard{padding:18px 16px}}
.mid-scenesetup__head{flex-wrap:wrap;align-items:center;gap:18px;padding-right:52px;display:flex}.mid-scenesetup__thumb{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-subtle);background:var(--surface-sunken);flex:none;width:72px;height:72px}.mid-scenesetup__setup{min-width:0;font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap;text-wrap:pretty;margin:26px 0 0;line-height:1.6}.mid-scenesetup__more{appearance:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:0;text-decoration:underline}.mid-scenesetup__more:hover{color:var(--text-primary)}.mid-scenesetup__cast{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;margin-top:18px;display:flex}.mid-scenesetup__seat{flex-direction:column;flex:180px;align-items:center;min-width:0;max-width:240px;display:flex}.mid-scenesetup__seat[data-picking=false]{align-items:stretch}.mid-scenesetup__pick{appearance:none;cursor:pointer;border-radius:var(--radius-lg);width:100%;box-shadow:none;transition:box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:0;outline:none;padding:0;display:flex}.mid-scenesetup__seat[data-picking=true][data-played=false] .mid-dcard{border-color:#0000}.mid-scenesetup__seat[data-played=true] .mid-scenesetup__pick{box-shadow:0 0 0 2px var(--accent-pink)}.mid-scenesetup__tag{min-width:0;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);text-align:center;align-items:center;gap:6px;margin-top:10px;display:inline-flex}.mid-scenesetup__tag[data-played=true]{color:var(--accent-pink)}.mid-scenesetup__tag svg{flex:none;width:16px;height:16px}@media (max-width:560px){.mid-scenesetup__seat{flex:100%;max-width:none}.mid-scenesetup__setup{margin-top:20px}}
.mid-charsetup__row{align-items:flex-start;gap:22px;display:flex}.mid-charsetup__left{flex:0 240px;min-width:0;max-width:240px}.mid-charsetup__main{flex-direction:column;flex:auto;gap:10px;min-width:0;display:flex}.mid-charsetup__name{padding-right:52px}.mid-charsetup__prompt{text-align:left;margin-top:14px}.mid-charsetup__scenes{min-width:0;margin-top:4px}.mid-charsetup__scenes .startstory .st-scenes,.mid-charsetup__scenes .st-scenes{max-width:none}@media (max-width:640px){.mid-charsetup__row{flex-direction:column;gap:26px}.mid-charsetup__left{flex:none;width:100%;max-width:300px}.mid-charsetup__name{padding-right:0}}
.startstory{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans)}.startstory .wrap{max-width:720px;padding:0 var(--space-6) var(--space-20);margin:0 auto}.startstory .head{padding-top:var(--space-10);padding-bottom:var(--space-4)}.startstory .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}.startstory .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)}.startstory .head p{color:var(--text-muted);font-size:var(--text-lg);margin:var(--space-3) 0 0}.startstory .step{border-top:1.5px solid var(--border-subtle);margin-top:36px;padding-top:36px}.startstory .step:first-of-type{border-top:0;margin-top:18px;padding-top:6px}.startstory .step__head{align-items:flex-start;gap:18px;display:flex}.startstory .step__no{background:var(--text-primary);width:50px;height:50px;color:var(--bg-base);font-family:var(--font-display);border-radius:var(--radius-xs);flex:none;place-items:center;font-size:1.7rem;font-style:italic;font-weight:900;line-height:1;display:grid;transform:rotate(-2.5deg)}.startstory .step__no svg{width:24px;height:24px}.startstory .step__main{flex:1;min-width:0;padding-top:0}.startstory .step__topline{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.startstory .step__flow{margin-top:20px}.startstory .step__flow .step__sub{margin:0}.startstory .step__flow .st-model{margin-top:0}.startstory .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}.startstory .step__sub{font-size:var(--text-sm);color:var(--text-muted);margin:12px 0 0;line-height:1.55}.startstory .step__status{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;flex:none;align-self:flex-start;align-items:center;gap:7px;padding-top:0;font-weight:700;display:inline-flex}.startstory .step__status svg{width:13px;height:13px}.startstory .step__status .dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.startstory .step__body{margin-top:24px;padding-left:0}.startstory .step--writer{transition:opacity .32s var(--ease-out)}.startstory .step--writer[data-quiet=true]{opacity:.55}.startstory .step--story{transition:opacity .28s var(--ease-out),transform .28s var(--ease-out),max-height .38s var(--ease-out),padding-top .28s var(--ease-out),margin-top .28s var(--ease-out);overflow:hidden}.startstory .step--story[data-revealed=false]{opacity:0;pointer-events:none;border-top-width:0;max-height:0;margin-top:0;padding-top:0;transform:translateY(-14px)}.startstory .step--story[data-revealed=true]{opacity:1;max-height:4000px;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.startstory .step--writer,.startstory .step--story{transition:none}}.startstory .cs{flex-direction:column;gap:40px;display:flex}.startstory .cs__group{flex-direction:column;gap:18px;display:flex}.startstory .cs__group--star{gap:16px}.startstory .charslot__card{width:100%;max-width:560px;margin-top:54px;position:relative}.startstory .charslot__card .mid-dcard--horizontal{max-width:none;height:148px;min-height:0}.startstory .charslot__card .mid-dcard{border-color:var(--border-default)}.startstory .charslot__card .mid-dcard__body{padding-top:var(--space-5)}.startstory .charslot__card .mid-dcard__tagline{-webkit-line-clamp:initial;text-wrap:normal;flex:auto;min-height:0;margin-top:0;display:block;overflow:hidden}.startstory .charslot__plate{z-index:3;position:absolute;top:-46px;left:0}.startstory .charslot__plate .mid-castcard__name{width:280px;max-width:calc(100vw - 64px)}.startstory .charslot__rm{z-index:4;appearance:none;cursor:pointer;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-raised);width:26px;height:26px;color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.startstory .charslot__rm svg{width:13px;height:13px}.startstory .charslot__rm:hover{color:var(--danger);border-color:var(--danger)}.startstory .st-empty{border:2px dashed var(--border-default);border-radius:var(--radius-2xl);width:100%;max-width:560px;height:148px;color:var(--text-muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:0 0;place-items:center;display:grid}.startstory .st-empty:hover,.startstory .st-empty:focus-visible{border-color:var(--slot-accent,var(--pink-500));color:var(--text-primary);outline:none}.startstory .st-empty svg{width:34px;height:34px}.startstory .st-model{flex-wrap:wrap;align-items:center;gap:24px;margin-top:18px;display:flex}.startstory .st-model__intro{font-size:var(--text-sm);color:var(--text-muted);flex:300px;margin:0;line-height:1.55}.startstory .st-model__conn{flex-flow:column wrap;flex:none;align-items:flex-start;gap:16px;display:flex}.startstory .st-model__help{font-size:var(--text-sm);color:var(--text-muted);text-underline-offset:3px;white-space:nowrap;line-height:1.4;text-decoration:underline}.startstory .st-model__help:hover{color:var(--text-primary)}.startstory .st-model__change{flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.startstory .st-model__change>svg{flex:none;width:18px;height:18px}.startstory .st-model--ready{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-sunken);align-items:center;gap:16px;width:100%;margin-top:18px;padding:12px 16px;display:flex}.startstory .st-model__id{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.startstory .st-model__id>svg{width:18px;height:18px;color:var(--text-muted);flex:none}.startstory .st-model__meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.startstory .st-model__name{color:var(--text-primary);font-weight:700}.startstory .st-model__svc{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.startstory .st-model__name{overflow-wrap:anywhere;line-height:1.3}.startstory .st-model--ready .mid-btn{flex:none;margin-left:auto}@media (max-width:640px){.startstory .st-model{flex-direction:column;align-items:stretch;gap:18px}.startstory .st-model__intro{flex:none}.startstory .st-model__conn{flex:none;width:100%;display:flex}.startstory .st-model__conn .mid-btn{justify-content:center;align-items:center;gap:10px;width:100%;display:inline-flex}.startstory .st-model__conn .mid-btn>svg{flex:none;width:18px;height:18px}.startstory .st-model--ready{flex-direction:row;align-items:center;gap:12px}.startstory .st-model__id{flex:auto;min-width:0}.startstory .st-model--ready .mid-btn{margin-left:0}}.startstory .st-you{background:var(--bg-subtle);border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);max-width:560px;padding:var(--space-4);align-items:center;min-height:92px;display:flex}.startstory .st-you p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);text-wrap:pretty;margin:0}[data-theme=light] .startstory .st-you{border-color:var(--border-default)}.startstory .cs__group:has(>.mid-guidedfield){gap:0}.startstory .cs>.mid-guidedfield{margin-bottom:0}.startstory .st-scenes{flex-direction:column;gap:14px;max-width:560px;display:flex}.startstory .st-scene{appearance:none;text-align:left;cursor:pointer;background:color-mix(in oklab,var(--text-primary) 4%,transparent);border-radius:var(--radius-lg);width:100%;transition:background var(--dur-fast) var(--ease-out);border:0;padding:18px 20px}.startstory .st-scene:hover{background:color-mix(in oklab,var(--text-primary) 7%,transparent)}.startstory .st-scene.is-on{background:color-mix(in oklab,var(--text-primary) 9%,transparent)}.startstory .st-scene__head{align-items:center;gap:9px;margin:0;display:flex}.startstory .st-scene__name{background:color-mix(in oklab,var(--text-primary) 16%,transparent);color:var(--text-primary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-style:italic;font-weight:900;font-size:var(--text-sm);padding:4px 14px;transform:rotate(-2deg)}.startstory .st-scene.is-on .st-scene__name{background:var(--text-primary);color:var(--bg-base)}.startstory .st-scene__head:after{content:"";background:var(--border-default);flex:1;height:1.5px}.startstory .st-scene__body{color:var(--text-secondary);font-size:var(--text-sm);text-wrap:pretty;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:14px 0 0;line-height:1.6;display:-webkit-box;overflow:hidden}.startstory .st-scenes__empty{color:var(--text-muted);font-size:var(--text-sm);max-width:560px}.startstory .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}.startstory .launch__inner{max-width:720px;padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.startstory .launch .hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase}.startstory .launch .grow{margin-left:auto}@media (max-width:640px){.startstory .step__body{padding-left:0}.startstory .launch .hint{display:none}}