*{box-sizing:border-box}:root{color:#f4f2ee;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#020405;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}html,body,#app{background:#020405;width:100%;min-height:100%;margin:0}html{background-color:#020405}body{background-color:#020405;overflow-x:hidden}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.screen{width:100%;max-width:430px;min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 14px calc(82px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0,#ffffff05,#0000 24%),#020405;margin:0 auto}.hero{text-align:center}.logo{color:#e8e7e3;letter-spacing:.08em;margin-bottom:16px;font-size:16px;font-weight:400}.hero h1{color:#f2f1ee;letter-spacing:-.022em;margin:0;font-size:27px;font-weight:500;line-height:1.14}.hero p{color:#7f888d;margin:9px 0 13px;font-size:13px;font-weight:400;line-height:1.35}.categories{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;width:100%;margin-bottom:10px;display:flex;overflow:auto hidden}.categories::-webkit-scrollbar{display:none}.category{color:#a3aaae;cursor:pointer;background:0 0;border:1px solid #20292e;border-radius:999px;flex:none;padding:8px 13px;font-size:12px;font-weight:500}.category.active{color:#141414;background:#f3e3c5;border-color:#f3e3c5;font-weight:700}.characters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.character{height:145px;color:inherit;text-align:left;cursor:pointer;background:radial-gradient(circle at 50% 25%,#11191d,#060b0e 68%);border:1px solid #202a2f;border-radius:14px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.character:active{transform:scale(.98)}.character.selected{border:2px solid #f0dfbe;box-shadow:0 0 0 1px #f0dfbe1f,0 10px 26px #00000052}.portrait{background:radial-gradient(circle,#ffffff09,#0000 62%);justify-content:center;align-items:center;width:100%;height:103px;font-size:56px;display:flex;overflow:hidden}.portrait.has-image{background:#080d10}.portrait-avatar{max-width:100%;display:block}img.portrait-avatar{object-fit:contain;object-position:center bottom;filter:brightness(.93)contrast(1.04)saturate(.92);width:100%;max-width:none;height:100%;padding:6px 8px 0}.info{position:absolute;bottom:8px;left:9px;right:7px}.info strong{color:#f2f1ee;font-size:14px;font-weight:650;line-height:1.1;display:block}.info span{color:#9da5a9;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;display:block;overflow:hidden}.select-dot{z-index:3;color:#111;border:1.5px solid #dededb;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;top:7px;right:7px}.character.selected .select-dot{background:#f3e3c5;border-color:#f3e3c5;font-weight:900}.create-character{background:radial-gradient(circle at 50% 33%,#ffffff06,#0000 46%),#05090b;border-style:dashed;display:block}.create-character-icon{color:#0000;width:88px;height:72px;margin:-20px auto 0;font-size:0;line-height:1;position:relative}.create-character-icon:before{content:"";background:#394247;border-radius:50%;width:28px;height:28px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.create-character-icon:after{content:"";clip-path:polygon(18% 24%,33% 8%,50% 0%,67% 8%,82% 24%,100% 100%,0% 100%);background:#394247;border-radius:34px 34px 8px 8px;width:78px;height:40px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.create-character .info{text-align:center;left:7px;right:7px}.create-character .info strong{color:#8f999e}.create-character .info span{text-align:center;color:#667177}.team{z-index:20;width:min(100%,430px);min-height:76px;padding:7px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);background:#020405fb;border-top:1px solid #20292e;grid-template-columns:62px 1fr 103px;align-items:center;gap:6px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -16px 38px #00000052}.team-title span{color:#858e93;font-size:11px;display:block}.team-title strong{color:#f2e3c8;margin-top:1px;font-size:19px;font-weight:650;display:block}.slots{gap:5px;display:flex}.slot{border-radius:50%;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative;overflow:visible}.slot.empty{color:#9ca3a7;background:0 0;border:1px dashed #3f4a50;font-size:16px}.slot.filled{cursor:pointer;background:#0d1519;border:1px solid #6f7c82}.slot-avatar{display:block}img.slot-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}span.slot-avatar{font-size:18px}.slot i{z-index:2;color:#fff;background:#323b40;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-6px;right:-5px}.continue{color:#151515;cursor:pointer;background:#f3e3c5;border:0;border-radius:999px;width:100%;height:42px;font-size:13px;font-weight:750}.continue b{margin-left:5px;font-size:17px}.continue:disabled,.create-submit:disabled{opacity:.28;cursor:default}.creator-screen{color:#f3f2ee;background:radial-gradient(circle at 50% 0,#ffffff05,#0000 24%),#020405;width:100%;max-width:430px;min-height:100dvh;margin:0 auto}.creator-header{min-height:70px;padding:calc(8px + env(safe-area-inset-top)) 14px 9px;border-bottom:1px solid #171e22;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.creator-header strong{text-align:center;letter-spacing:.02em;font-size:15px;font-weight:550}.creator-content{padding:30px 20px calc(30px + env(safe-area-inset-bottom));text-align:center}.creator-copy{text-align:center;margin-bottom:24px}.creator-copy h2{color:#f2f1ee;letter-spacing:-.035em;margin:0;font-size:28px;font-weight:580;line-height:1.02}.creator-copy p{color:#7f888d;max-width:330px;margin:11px auto 0;font-size:13px;line-height:1.42}.avatar-upload{cursor:pointer;width:184px;height:184px;margin:0 auto 25px;display:block}.avatar-preview{background:radial-gradient(circle at 50% 37%,#f3e3c50f,#0000 54%),#071014;border:1px dashed #4b565c;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff03,0 18px 45px #00000047}.avatar-preview img{object-fit:cover;width:100%;height:100%}.avatar-treatment{pointer-events:none;background:linear-gradient(#f3e3c506,#0000 42%,#02040538),radial-gradient(circle at 50% 35%,#0000 42%,#02040538 100%);position:absolute;inset:0;box-shadow:inset 0 0 32px #02040573}.avatar-preview-plus{color:#f3e3c5;font-size:43px;font-weight:250;line-height:1}.avatar-preview small{color:#9da5a9;font-size:11px}.avatar-change{z-index:2;color:#f3f2ee;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#020405c7;border:1px solid #ffffff2b;border-radius:999px;padding:7px 11px;font-size:10px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.creator-field{margin-top:4px}.creator-field label{color:#b5bbbe;text-align:center;margin-bottom:8px;font-size:12px;display:block}.creator-field textarea{resize:none;color:#f0efec;text-align:center;background:#091115;border:1px solid #29343a;border-radius:16px;outline:none;width:100%;min-height:88px;padding:14px 15px;font-size:14px;line-height:1.4}.creator-field textarea:focus{border-color:#756d60;box-shadow:0 0 0 3px #f3e3c50e}.creator-field textarea::placeholder{color:#5e696f}.creator-note{color:#5f696e;text-align:center;margin:12px 3px 20px;font-size:10px;line-height:1.4}.create-submit{color:#151515;cursor:pointer;background:#f3e3c5;border:0;border-radius:999px;width:100%;height:48px;font-size:13px;font-weight:750}.chat-screen{inset:auto 0;top:var(--chat-viewport-top,0px);width:100%;max-width:430px;height:var(--chat-viewport-height,100dvh);color:#f3f2ee;background:radial-gradient(circle at 50% 0,#ffffff05,#0000 23%),#020405;flex-direction:column;margin:0 auto;display:flex;position:fixed;overflow:hidden}.chat-header{min-height:72px;padding:calc(8px + env(safe-area-inset-top)) 14px 9px;-webkit-backdrop-filter:blur(20px);background:#020405f5;border-bottom:1px solid #171e22;flex:none;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.back-button{color:#f3f2ee;cursor:pointer;background:#091014;border:1px solid #252e33;border-radius:50%;width:38px;height:38px;padding:0;font-size:21px}.chat-header-center{text-align:center;min-width:0}.chat-header-center strong{letter-spacing:.04em;margin-bottom:5px;font-size:15px;font-weight:550;display:block}.chat-avatars{justify-content:center;gap:3px;display:flex}.chat-avatar{background:#0d1519;border:1px solid #303a3f;border-radius:50%;place-items:center;width:23px;height:23px;font-size:13px;display:grid;overflow:hidden}.chat-avatar-media{display:block}img.chat-avatar-media{object-fit:cover;width:100%;height:100%}span.chat-avatar-media{font-size:13px}.header-space{width:44px}.chat-intro{text-align:center;flex:none;padding:23px 16px 17px}.chat-cast{justify-content:center;gap:15px;display:flex}.cast-item{color:#abb2b6;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.cast-avatar{background:radial-gradient(circle,#182328,#091014);border:1px solid #29343a;border-radius:50%;place-items:center;width:48px;height:48px;font-size:27px;display:grid;overflow:hidden}.cast-avatar-media{display:block}img.cast-avatar-media{object-fit:cover;width:100%;height:100%}span.cast-avatar-media{font-size:27px}.chat-intro p{color:#737d82;margin:18px 0 0;font-size:12px}.messages{scrollbar-width:none;flex:auto;min-height:0;padding:0 15px 18px;overflow-y:auto}.messages::-webkit-scrollbar{display:none}.system-message{color:#747e83;border:1px solid #20292e;border-radius:999px;width:max-content;max-width:88%;margin:0 auto 23px;padding:8px 12px;font-size:11px}.message{margin-bottom:17px}.message-name{color:#818a8f;margin:0 0 5px 9px;font-size:11px}.character-message{max-width:87%}.message-character{grid-template-columns:31px 1fr;align-items:start;gap:7px;display:grid}.message-avatar{background:#0b1317;border:1px solid #29343a;border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;display:grid;overflow:hidden}.message-avatar-media{display:block}img.message-avatar-media{object-fit:cover;width:100%;height:100%}span.message-avatar-media{font-size:18px}.message-character .message-name{margin-left:2px}.message-bubble{color:#e7e8e6;background:#091115;border:1px solid #202a2f;border-radius:4px 16px 16px;padding:11px 13px;font-size:14px;line-height:1.4}.user-message{max-width:82%;margin-left:auto}.user-message .message-name{text-align:right;margin-right:9px}.user-message .message-bubble{color:#111;background:#f3e3c5;border:0;border-radius:16px 4px 16px 16px}.composer{width:100%;padding:10px 13px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#02040500,#020405 27%);flex:none;grid-template-columns:1fr 43px;gap:8px;display:grid;position:relative}.composer textarea{resize:none;color:#f0efec;background:#091115;border:1px solid #29343a;border-radius:23px;outline:none;width:100%;min-height:45px;max-height:110px;padding:12px 15px;font-size:14px;line-height:1.3}.composer textarea::placeholder{color:#667176}.send-button{color:#111;cursor:pointer;background:#f3e3c5;border:0;border-radius:50%;align-self:end;width:43px;height:43px;font-size:21px;font-weight:700}@media (width<=370px){.screen{padding-left:10px;padding-right:10px}.hero h1{font-size:26px;line-height:1.14}.character{height:139px}.portrait{height:98px;font-size:52px}.team{grid-template-columns:58px 1fr 96px}.slot{width:30px;height:30px}.creator-content{padding-left:16px;padding-right:16px}.creator-copy h2{font-size:26px}.avatar-upload{width:168px;height:168px}}.creator-status{color:#9da5a9;text-align:center;min-height:18px;margin:0 3px 10px;font-size:11px;line-height:1.35}.create-submit.loading{justify-content:center;align-items:center;gap:9px;display:flex}.spinner{border:2px solid #15151540;border-top-color:#151515;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite chatiar-spin}@keyframes chatiar-spin{to{transform:rotate(360deg)}}.creator-back:disabled{opacity:.35;cursor:default}.page-entering{animation:.3s cubic-bezier(.22,.8,.3,1) both pageFadeIn}.page-leaving{pointer-events:none;animation:.17s cubic-bezier(.4,0,1,1) both pageFadeOut}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFadeOut{0%{opacity:1}to{opacity:0}}.character-stagger-in{animation:.42s cubic-bezier(.2,.75,.25,1) both characterFadeIn;animation-delay:calc(var(--stagger-index,0) * 42ms)}@keyframes characterFadeIn{0%{opacity:0;transform:translateY(11px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.character-pop{z-index:5;will-change:transform;animation:.36s cubic-bezier(.22,1,.36,1) both characterPopSmooth}@keyframes characterPopSmooth{0%{transform:scale(1)}38%{transform:scale(1.055)}68%{transform:scale(.992)}to{transform:scale(1)}}.creator-stagger-in{animation:.43s cubic-bezier(.22,.8,.3,1) both creatorElementFadeIn;animation-delay:calc(45ms + var(--stagger-index,0) * 58ms)}@keyframes creatorElementFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.soft-stagger-in{animation:.36s cubic-bezier(.22,.8,.3,1) both softElementFadeIn;animation-delay:calc(35ms + var(--stagger-index,0) * 48ms)}@keyframes softElementFadeIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-entering,.page-leaving,.character-stagger-in,.character-pop,.creator-stagger-in,.soft-stagger-in{animation-duration:1ms!important;animation-delay:0s!important}}.message.chat-message-enter{will-change:opacity, transform, filter;animation:.36s cubic-bezier(.22,.8,.3,1) both chatMessageEnter}@keyframes chatMessageEnter{0%{opacity:0;filter:blur(1.5px);transform:translateY(8px)scale(.992)}55%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.message.character-message.chat-message-enter{animation-duration:.41s}.composer{transition:opacity .22s,transform .28s cubic-bezier(.22,.8,.3,1)}.composer textarea{transition:border-color .18s,background .18s,box-shadow .18s,transform .22s cubic-bezier(.22,.8,.3,1)}.composer textarea:focus{transform:translateY(-1px)}.composer.keyboard-releasing textarea{transform:translateY(0)}.new-messages-button{z-index:35;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));color:#f3e3c5;-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;background:#080d10eb;border:1px solid #f3e3c533;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:opacity .18s,visibility .18s,transform .26s cubic-bezier(.22,.8,.3,1);display:grid;position:absolute;transform:translate(-50%)translateY(8px)scale(.92);box-shadow:0 10px 28px #00000057,inset 0 1px #ffffff09}.new-messages-button.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.new-messages-arrow{font-size:22px;font-weight:400;line-height:1;animation:1.15s cubic-bezier(.45,0,.55,1) infinite newMessagesArrowBob;display:block;transform:translateY(-1px)}@keyframes newMessagesArrowBob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.new-messages-button:after{content:"";background:#f3e3c5;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px;box-shadow:0 0 0 3px #f3e3c514}.messages.chat-reading-locked{scroll-behavior:auto}.messages.chat-following{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.message.chat-message-enter,.new-messages-arrow{animation-duration:1ms!important;animation-delay:0s!important}.new-messages-button,.composer,.composer textarea{transition-duration:1ms!important}}.chat-screen.keyboard-open .chat-header{flex:none}.chat-screen.keyboard-open .chat-intro{padding-top:8px;padding-bottom:8px}.chat-screen.keyboard-open .chat-intro p{display:none}.chat-screen.keyboard-open .cast-avatar{width:38px;height:38px}.chat-screen.keyboard-open .composer{padding-bottom:8px}.chat-screen.keyboard-open .messages{min-height:0;padding-bottom:10px}.slot.empty{cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.slot.empty:active{transform:scale(.9)}.slot.empty.random-active{color:#f3e3c5;background:#f3e3c51f;border:1px solid #f3e3c5;box-shadow:0 0 14px #f3e3c529}.character.random-spinning{border-color:#f3e3c5;transition:transform 70ms,border-color 70ms,box-shadow 70ms;transform:scale(1.035);box-shadow:0 0 0 1px #f3e3c547,0 0 22px #f3e3c52e}.character.random-final{border:2px solid #f3e3c5;transform:scale(1.04);box-shadow:0 0 0 1px #f3e3c54d,0 0 30px #f3e3c540}.random-winner-overlay{z-index:9999;pointer-events:none;opacity:0;background:#00000061;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;inset:0}.random-winner-overlay.show{opacity:1}.random-winner-content{opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .18s;display:flex;transform:scale(.15)}.random-winner-overlay.show .random-winner-content{opacity:1;transform:scale(1)}.random-winner-avatar{justify-content:center;align-items:center;width:340px;max-width:88vw;height:340px;max-height:58vh;display:flex;overflow:visible}.random-winner-avatar>*{justify-content:center;align-items:center;object-fit:contain!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:0!important;font-size:220px!important;line-height:1!important;display:flex!important;transform:none!important}.random-winner-avatar>img{filter:drop-shadow(0 22px 35px #0000008c);object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important}.random-winner-avatar img{object-fit:contain!important;object-position:center!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.random-winner-content strong{color:#fff;text-align:center;letter-spacing:-.03em;text-shadow:0 4px 22px #000000e6;width:90%;margin-top:10px;font-size:34px;font-weight:850;line-height:1.05}@media (width<=430px){.random-winner-avatar{width:82vw;height:82vw;max-height:55vh}.random-winner-content strong{font-size:30px}}