.character-intake{isolation:isolate;color:#fff;max-width:480px;min-height:100svh;padding-bottom:max(26px,env(safe-area-inset-bottom));background:#090c0e;margin:0 auto;font-family:Pretendard,Arial,sans-serif;position:relative}.character-portrait{z-index:-1;height:76svh;min-height:500px;max-height:760px;position:absolute;inset:0 0 auto;overflow:hidden}.character-portrait img{object-fit:cover;object-position:50% 27%}.character-portrait>div{background:linear-gradient(#0007 0%,#0000 28%,#090c0e38 50%,#090c0e 96%);position:absolute;inset:0}.character-header{z-index:2;justify-content:space-between;align-items:center;height:64px;padding:8px 18px;display:flex;position:relative}.character-header>button{color:#fff;cursor:pointer;background:#0004;border:1px solid #ffffff28;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.character-header svg{width:18px}.character-scene{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:33svh;padding:16px 24px 0;display:flex}.character-name{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c0e66;border:1px solid #ffffff40;border-radius:20px;padding:7px 13px;font-size:12px}.character-name span{color:#d3cac4;margin-left:8px;font-size:10px}.character-dialog{padding:26px 24px 0;position:relative}.character-progress{letter-spacing:.04em;color:#c7c2bd;justify-content:space-between;margin:0 2px 14px;font-size:11px;display:flex}.character-speech{color:#171c1d;letter-spacing:-.055em;white-space:pre-line;background:#f7f2ed;border-radius:21px 21px 21px 5px;margin:0 0 24px;padding:22px;font-size:25px;font-weight:700;line-height:1.45;position:relative;box-shadow:0 10px 35px #0004}.character-speech:focus{outline:none}.character-field{color:#dad6d2;gap:9px;margin:0 0 18px;font-size:12px;display:grid}.character-field>input,.character-field>select,.character-field>textarea{color:#fff;width:100%;min-width:0;min-height:54px;font:inherit;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171d20;border:1px solid #556065;border-radius:11px;padding:14px;font-size:17px}.character-field>input::placeholder,.character-field>textarea::placeholder{color:#aab0b0}.character-field>small{color:#aaa}.character-field>textarea{resize:vertical;line-height:1.65}.character-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.character-options>button,.character-unknown{color:#fff;min-height:58px;font:inherit;cursor:pointer;background:#141c1eee;border:1px solid #697574;border-radius:12px;font-weight:600}.character-options.small>button{min-height:44px;font-size:14px}.character-options>button[aria-pressed=true],.character-unknown[aria-pressed=true]{color:#151b1d;background:#f5ece3;border-color:#f5ece3}.character-unknown{justify-content:center;align-items:center;gap:8px;width:100%;font-size:14px;display:flex}.character-unknown svg{width:16px}.character-hint{color:#bcbfbd;margin:14px 0 20px;font-size:12px;line-height:1.7}.character-hint a{text-decoration:underline}.character-check{color:#dededc;align-items:flex-start;gap:10px;margin:18px 0;font-size:12px;line-height:1.6;display:flex}.character-check input{accent-color:#e8b7c9;flex:none;width:18px;height:18px;margin-top:1px}.character-primary{color:#24161c;cursor:pointer;background:#e8b7c9;border:0;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;margin-top:22px;font-size:16px;font-weight:800;display:flex;box-shadow:0 8px 26px #0003}.character-primary svg{width:18px}.character-primary:disabled{opacity:.6;cursor:wait}.character-intake button:focus-visible,.character-intake input:focus-visible,.character-intake select:focus-visible,.character-intake textarea:focus-visible{outline-offset:3px;outline:2px solid #f3d5e0}.character-review{gap:10px;display:grid}.character-review>div{background:#192024;border-radius:12px;grid-template-columns:1fr auto;gap:8px;padding:16px;display:grid}.character-review span{color:#cbd0d0;grid-column:1;font-size:12px;line-height:1.6}.character-review button{color:#e8b7c9;cursor:pointer;background:0 0;border:0;grid-area:1/2/3;padding:8px}.character-error{color:#ffc6cb;margin-top:16px;font-size:13px;line-height:1.7}.is-intro .character-scene{min-height:55svh;padding-top:20px}.is-intro .character-scene h1{letter-spacing:-.065em;white-space:pre-line;text-shadow:0 2px 24px #000;margin:20px 0 14px;font-size:34px;line-height:1.25}.is-intro .character-scene>p{white-space:pre-line;color:#ebe1d8;max-width:335px;font-size:14px;line-height:1.8}.character-start-note,.character-library{text-align:center;color:#aeb2b1;font-size:12px;line-height:1.6;display:block}.character-start-note{margin:0 0 12px}.character-library{margin:18px 0;text-decoration:underline}.is-intro .character-primary{margin-top:0}.character-details{gap:2px;display:grid}@media (min-width:700px){.character-intake{min-height:100dvh;box-shadow:0 0 60px #000b}.character-dialog{padding:28px 30px 14px}.character-scene{padding-left:30px;padding-right:30px}}@media (prefers-reduced-motion:reduce){.character-intake *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.character-reader{background:#18151e;border:1px solid #39313c;border-radius:24px;margin:20px 0 44px;overflow:hidden}.character-reader-hero{height:360px;position:relative}.character-reader-hero>img{object-fit:cover;object-position:center 28%}.character-reader-copy{background:linear-gradient(#0000 15%,#18151e);flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:absolute;inset:0}.character-reader-copy p{color:#eee0ee;letter-spacing:.1em;font-size:12px}.character-reader-copy h2{color:#fff;margin:10px 0 16px;font-size:30px;line-height:1.35}.character-audio{color:#fff;background:#211a28c9;border:1px solid #8b7f96;border-radius:30px;align-self:flex-start;align-items:center;gap:8px;padding:9px 14px;font-size:12px;display:flex}.character-reader-body{padding:0 24px 28px}.character-reader .character-speech{white-space:pre-line;margin-top:0;font-size:17px;font-weight:500;line-height:1.8}.character-chapters{gap:8px;padding:8px 0 12px;display:flex;overflow-x:auto}.character-chapters button{text-align:left;color:#dfd2e2;border:1px solid #554557;border-radius:14px;flex:none;max-width:230px;padding:10px 14px;font-size:12px;line-height:1.5}.character-chapters button[aria-pressed=true]{color:#ffbaca;background:#352532;border-color:#ffacc0}.character-reader-caption{color:#c6baca;line-height:1.8;font-size:12px!important}.character-conversation{max-height:620px;margin:24px 0;overflow:auto}.character-user-message{color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;background:#583a4c;border-radius:18px 18px 4px;margin:16px 0 12px 36px;padding:14px;font-size:14px;line-height:1.8}.character-reply{color:#2a2030;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3edf1;border-radius:18px 18px 18px 4px;margin:8px 20px 28px 0;padding:16px;font-size:15px;line-height:1.9}.character-reader .character-field{color:#eee3ef}.character-reader .character-check{color:#cbbdcc}.character-reader small{color:#cbbdcc;font-size:11px}@media (max-width:360px){.character-reader-body{padding:0 16px 20px}.character-reader-copy{padding:20px}.character-reader-copy h2{font-size:26px}}
