:root{--bg:#080006;--bg2:#14000f;--panel:#14030f;--panel2:#1d0617;--pink:#ff239b;--pink2:#ff67c0;--hot:#ff0088;--text:#fff8fc;--muted:#bca5b5;--line:#3d1732;--good:#56e4a4}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 78% 8%,#2b001d 0,#0a0008 38%,#050004 78%)}
button,input,textarea{font:inherit}button{color:inherit}.voxel-bg{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,35,155,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,35,155,.07) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,#000,transparent 78%)}
.voxel-bg:after{content:"";position:absolute;right:8vw;top:11vh;width:180px;height:180px;background:rgba(255,35,155,.09);box-shadow:32px 32px 0 rgba(255,0,136,.05),64px 64px 0 rgba(255,0,136,.025);transform:rotate(16deg)}
.shell{height:100%;display:flex;position:relative;z-index:1}aside{width:286px;min-width:286px;padding:14px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(23,2,17,.98),rgba(8,0,6,.98));border-right:1px solid var(--line);box-shadow:12px 0 40px rgba(0,0,0,.2)}
.brand{display:flex;align-items:center;gap:11px;min-height:44px;padding:3px 4px 8px}.brand b,.brand small{display:block}.brand small{font-size:11px;color:var(--muted);margin-top:1px}.voxel-mark{width:34px;height:34px;position:relative;transform:rotate(30deg) skew(-6deg);filter:drop-shadow(0 0 10px rgba(255,35,155,.4))}
.voxel-mark i{position:absolute;width:16px;height:16px;background:linear-gradient(145deg,var(--pink2),var(--hot));border:1px solid rgba(255,255,255,.2)}.voxel-mark i:nth-child(1){left:1px;top:1px}.voxel-mark i:nth-child(2){right:1px;top:1px;filter:brightness(.72)}.voxel-mark i:nth-child(3){left:9px;bottom:0;filter:brightness(.5)}
.new,.side-btn{border:1px solid var(--line);background:#190512;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.new:hover,.side-btn:hover{border-color:#822761;background:#23071a}.new{font-size:18px}.new span{font-size:14px}.search{height:40px;border:1px solid #321229;background:#0d020a;border-radius:10px;display:flex;align-items:center;padding:0 10px;gap:8px;color:var(--muted)}
.search input{width:100%;background:none;border:0;outline:0;color:var(--text);font-size:13px}.label{font-size:10px;letter-spacing:.14em;color:#8f7084;padding:7px 6px 0}.chat-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:3px}.chat-item{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:9px;color:#d8c5d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-size:13px}.chat-item:hover,.chat-item.active{background:#24101e;color:#fff}.chat-item.active{box-shadow:inset 2px 0 var(--pink)}
.side-bottom{border-top:1px solid var(--line);padding-top:9px;display:grid;gap:7px}.side-btn{border-color:transparent;background:transparent}.profile{display:flex;align-items:center;gap:10px;padding:7px 8px}.profile>span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,var(--pink),#7d175e)}.profile b,.profile small{display:block}.profile small{font-size:11px;color:var(--muted)}
main{min-width:0;flex:1;display:flex;flex-direction:column;position:relative}header{height:60px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid rgba(76,28,61,.55);backdrop-filter:blur(18px);background:rgba(9,0,7,.58)}.icon{width:38px;height:38px;border:0;background:transparent;border-radius:9px;cursor:pointer;font-size:19px}.icon:hover{background:#250d1f}.mobile{display:none}
.model{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px}.model:hover{background:#21091a}.model i{width:8px;height:8px;border-radius:2px;background:var(--pink);box-shadow:0 0 12px var(--pink)}.model span{color:var(--muted)}.status{margin-left:auto;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #301328;border-radius:999px;color:var(--muted);font-size:11px}.status i{width:7px;height:7px;border-radius:50%;background:#95778c}.status.online i{background:var(--good);box-shadow:0 0 8px rgba(86,228,164,.7)}.status.online b{color:#bcefd7}
#conversation{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth}.welcome{min-height:calc(100vh - 190px);max-width:860px;margin:auto;padding:10vh 24px 90px;text-align:center;display:flex;flex-direction:column;align-items:center}.welcome h1{font-size:clamp(30px,5vw,54px);line-height:1.04;margin:28px 0 10px;letter-spacing:-.045em;background:linear-gradient(90deg,#fff,#ffc8e8 48%,#ff67bf);-webkit-background-clip:text;color:transparent}.welcome>p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 30px}
.cube{width:58px;height:58px;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(35deg);animation:float 5s ease-in-out infinite}.f{position:absolute;width:58px;height:58px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,103,192,.95),rgba(255,0,136,.72));display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:inset 0 0 22px rgba(255,255,255,.08)}.front{transform:translateZ(29px)}.back{transform:rotateY(180deg) translateZ(29px);filter:brightness(.5)}.right{transform:rotateY(90deg) translateZ(29px);filter:brightness(.7)}.left{transform:rotateY(-90deg) translateZ(29px);filter:brightness(.55)}.top{transform:rotateX(90deg) translateZ(29px);filter:brightness(1.1)}.bottom{transform:rotateX(-90deg) translateZ(29px);filter:brightness(.4)}@keyframes float{50%{transform:translateY(-7px) rotateX(-14deg) rotateY(52deg)}}
.starters{width:100%;max-width:720px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.starters button{min-height:82px;padding:16px;text-align:left;border:1px solid #3a1630;border-radius:14px;background:linear-gradient(145deg,rgba(33,9,27,.9),rgba(16,2,13,.9));cursor:pointer;transition:.18s}.starters button:hover{transform:translateY(-2px);border-color:#8b2c69;box-shadow:0 8px 28px rgba(255,0,140,.08)}.starters b,.starters small{display:block}.starters small{color:var(--muted);margin-top:6px}
.messages{max-width:820px;margin:0 auto;padding:30px 24px 150px}.message{display:flex;gap:14px;margin:22px 0;align-items:flex-start}.message.user{justify-content:flex-end}.bubble{border:1px solid #34152b;border-radius:15px;padding:13px 15px;line-height:1.58;white-space:pre-wrap;word-break:break-word}.message.user .bubble{background:linear-gradient(145deg,#3d102f,#2b0b22);border-color:#633052;max-width:78%}.message.assistant .bubble{background:rgba(20,5,16,.74);max-width:88%}.msg-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:7px;background:linear-gradient(145deg,var(--pink2),#8e1767);display:grid;place-items:center;font-weight:900;font-size:13px;box-shadow:0 0 18px rgba(255,35,155,.16)}.meta{display:block;color:#987c90;font-size:10px;margin-top:8px}.typing{display:inline-flex;gap:5px;padding:5px 0}.typing i{width:6px;height:6px;border-radius:50%;background:var(--pink2);animation:type 1s infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes type{50%{transform:translateY(-5px);opacity:.45}}
footer{position:absolute;left:0;right:0;bottom:0;padding:26px 22px 13px;background:linear-gradient(transparent,rgba(8,0,6,.97) 35%)}.composer{max-width:820px;margin:auto;border:1px solid #4a1d3b;background:rgba(24,5,19,.96);border-radius:18px;display:flex;align-items:flex-end;gap:8px;padding:9px 10px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.composer:focus-within{border-color:#883066;box-shadow:0 20px 70px rgba(0,0,0,.45),0 0 35px rgba(255,0,140,.08)}.composer textarea{flex:1;resize:none;max-height:180px;min-height:38px;background:none;border:0;outline:0;color:var(--text);padding:8px 4px;line-height:1.45}.composer textarea::placeholder{color:#8e7487}.composer-icon,.send{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:10px;display:grid;place-items:center;cursor:pointer}.composer-icon{background:transparent;color:#c0a7b7;font-size:19px}.composer-icon:hover{background:#2a0c21;color:#fff}.send{background:linear-gradient(145deg,var(--pink2),var(--hot));font-size:21px;font-weight:800;box-shadow:0 5px 18px rgba(255,0,140,.24)}.send:disabled{opacity:.35;cursor:not-allowed}.note{text-align:center;color:#765f70;font-size:10px;margin-top:8px}#scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:4}
@media(max-width:820px){aside{position:fixed;left:-290px;top:0;bottom:0;z-index:5;transition:left .22s}aside.open{left:0}#scrim.show{display:block}.mobile{display:grid;margin-left:auto}.welcome{padding-top:7vh}.starters{grid-template-columns:1fr}.status{display:none}.messages{padding-inline:14px}footer{padding-inline:10px}header{padding-inline:10px}}
@media(max-width:520px){.starters{display:none}.welcome{justify-content:center;padding-bottom:140px}.welcome>p{font-size:14px}.message.user .bubble,.message.assistant .bubble{max-width:94%}.msg-avatar{display:none}}