:root{--ink:#f5f5f5;--muted:#777;--line:rgba(255,255,255,.12);--violet:#fff;--rose:#fff;--paper:#050505}
body{background:#050505}
.ambient{background:#050505}
.ambient:after{opacity:.24}
.ambient i{filter:blur(18px);opacity:.1}
.ambient i:nth-child(1){background:radial-gradient(circle,#444,transparent 67%)}
.ambient i:nth-child(2){background:radial-gradient(circle,#333,transparent 68%)}
.ambient i:nth-child(3){background:radial-gradient(circle,#292929,transparent 68%)}
.welcome{background:#050505}
.welcome-text{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.45),0 0 28px rgba(255,255,255,.16)}
.mark span{background:#fff;filter:drop-shadow(0 0 12px rgba(255,255,255,.32))}
.mark span:last-child{background:#050505}
.overline{color:#666}
.create-stage h1{text-shadow:0 0 18px rgba(255,255,255,.12)}
.upload{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.025);box-shadow:0 0 60px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.06)}
.upload:hover{border-color:rgba(255,255,255,.36);box-shadow:0 0 70px rgba(255,255,255,.055),inset 0 1px 0 rgba(255,255,255,.1)}
.upload-icon{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);box-shadow:0 0 26px rgba(255,255,255,.05)}
.upload-icon svg{stroke:#ddd}
.details input,.details textarea{background:rgba(255,255,255,.035);color:#f5f5f5}
.details button,.conversation button{border:1px solid rgba(255,255,255,.7);background:#f5f5f5;color:#090909;box-shadow:0 0 24px rgba(255,255,255,.09)}
.privacy{color:#555}
[hidden]{display:none!important}
.chat-shell{border-color:#202020;background:rgba(6,6,6,.94);box-shadow:0 28px 90px rgba(0,0,0,.55);color:#f2f2f2}
.chat-shell aside{background:linear-gradient(180deg,#0a0a0a,#050505);border-right:1px solid #191919}
.back{color:#666}
.avatar-stage{height:350px;overflow:hidden;align-items:center}
.avatar-stage img{width:88%;height:92%;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.8));transform-origin:50% 88%}
.avatar-base{bottom:18px;width:180px;height:18px;background:rgba(255,255,255,.1);filter:blur(6px)}
.avatar-status{min-height:20px;margin:3px 0 12px!important;color:#666!important;font-size:11px!important;letter-spacing:.06em}
.avatar-awakening{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#777;font-size:11px;letter-spacing:.08em}
.avatar-awakening i{width:90px;height:90px;border:1px solid #222;border-top-color:#aaa;border-radius:50%;box-shadow:0 0 35px rgba(255,255,255,.05);animation:awakening 2.2s linear infinite}
@keyframes awakening{to{transform:rotate(360deg)}}
.motion-controls{display:flex;justify-content:center;gap:5px;margin:0 0 20px;flex-wrap:wrap}
.motion-controls button{border:1px solid #242424;border-radius:999px;padding:6px 9px;background:#0b0b0b;color:#666;font-size:10px;cursor:pointer;transition:.25s}
.motion-controls button:hover,.motion-controls button.active{border-color:#666;color:#eee;background:#121212;box-shadow:0 0 14px rgba(255,255,255,.05)}
.memory{background:#0c0c0c;border:1px solid #1c1c1c}.memory span{color:#aaa}
.conversation header{border-color:#1b1b1b;background:#080808}.conversation header span{color:#72b78a}.mode{color:#555!important}
.messages{background:radial-gradient(circle at 46% 20%,#0e0e0e,#060606 55%)}
.bubble.assistant{background:#141414;color:#ddd}.bubble.user{background:#ededed;color:#090909}
.conversation form{border-color:#1b1b1b;background:#080808}.conversation form input{border-color:#242424;background:#101010;color:#eee}.conversation form input::placeholder{color:#555}
.tear,.thought,.laugh{display:none;position:absolute;z-index:4;pointer-events:none}
.avatar-stage[data-motion=idle] img{animation:petIdle 3.4s ease-in-out infinite}
@keyframes petIdle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.008,.995)}}
.avatar-stage[data-motion=run] img{animation:petRun 2.8s linear infinite}
@keyframes petRun{0%{transform:translateX(-130%) translateY(0) rotate(-3deg)}25%{transform:translateX(-45%) translateY(-10px) rotate(2deg)}75%{transform:translateX(45%) translateY(-10px) rotate(-2deg)}100%{transform:translateX(130%) translateY(0) rotate(3deg)}}
.avatar-stage[data-motion=daze] img{animation:petDaze 4.5s ease-in-out infinite}
.avatar-stage[data-motion=daze] .thought{display:flex;gap:7px;right:42px;top:70px}
.thought i{width:6px;height:6px;border-radius:50%;background:#ddd;box-shadow:0 0 8px #fff5;animation:thoughtDot 1.3s infinite}.thought i:nth-child(2){animation-delay:.2s}.thought i:nth-child(3){animation-delay:.4s}
@keyframes petDaze{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes thoughtDot{50%{opacity:.2;transform:translateY(-5px)}}
.avatar-stage[data-motion=cry] img{animation:petCry .3s ease-in-out infinite alternate}
.avatar-stage[data-motion=cry] .tear{display:block;top:145px;width:7px;height:25px;border-radius:50%;background:#e8f8ff;box-shadow:0 0 9px #c9f1ff88;animation:petTears 1.1s ease-in infinite}.avatar-stage[data-motion=cry] .tear.left{left:126px}.avatar-stage[data-motion=cry] .tear.right{right:122px;animation-delay:.35s}
@keyframes petCry{to{transform:translateY(5px)}}@keyframes petTears{0%{opacity:0;transform:translateY(-5px) scale(.6)}30%{opacity:1}100%{opacity:0;transform:translateY(38px)}}
.avatar-stage[data-motion=laugh] img{animation:petLaugh .48s ease-in-out infinite alternate}
.avatar-stage[data-motion=laugh] .laugh{display:block;inset:0}.laugh b{position:absolute;color:#eee;font:500 17px "Songti SC";text-shadow:0 0 10px #fff8;animation:petHa 1.5s ease-out infinite}.laugh b:nth-child(1){left:52px;top:155px}.laugh b:nth-child(2){right:44px;top:120px;animation-delay:.4s}.laugh b:nth-child(3){right:60px;top:210px;animation-delay:.8s}
@keyframes petLaugh{to{transform:translateY(-9px) rotate(1.7deg)}}@keyframes petHa{0%{opacity:0;transform:translateY(8px) scale(.7)}35%{opacity:1}100%{opacity:0;transform:translateY(-28px) scale(1.15)}}
@media(max-width:700px){.chat-shell aside{display:block;padding:18px 24px}.avatar-stage{height:300px}.motion-controls{margin-bottom:12px}.conversation{min-height:78vh}.chat-shell aside h2{margin-top:8px}.memory{margin-top:15px}}