:root{--cosmic-purple:#6c5ce7;--cosmic-cyan:#00cec9;--cosmic-rose:#e84393;--cosmic-glass:rgba(22,21,39,.88);--gold:#a99aff;--gold-light:#d7d0ff;--gold-dark:#6c5ce7;--native-safe-top:env(safe-area-inset-top,0px);--native-safe-bottom:env(safe-area-inset-bottom,0px)}
html{background:#0c0b15;color-scheme:dark}body{background:radial-gradient(ellipse at 0 10%,#6c5ce715,transparent 40%),radial-gradient(ellipse at 100% 60%,#00cec90b,transparent 35%),#0c0b15;color:#f0eff9}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cosmic-cyan);outline-offset:3px}.gold,.magic-primary{background:linear-gradient(125deg,#6c5ce7,#915de2 65%,#ce498f)!important;color:white!important;border-color:#a49af580!important;box-shadow:0 4px 22px #6c5ce72b}.chips button.selected,.channel-tabs button.selected,.studio-nav button.selected{color:#bbafff;border-color:#8c7bff}.studio-nav button.selected{background:#6c5ce724}.magic-category-bar button.selected{background:#6c5ce7!important;color:white!important}
body>header,#zen-phone-nav{background:var(--cosmic-glass)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#b8a9ff24!important}body>header{padding-top:var(--native-safe-top)!important}#zen-phone-nav{padding-bottom:calc(4px + var(--native-safe-bottom))!important;height:calc(64px + var(--native-safe-bottom))!important}#zen-phone-nav button.active{color:#8deee8!important}#zen-phone-nav [data-phone-nav="create"]{position:relative;border-color:#9d8bff!important;background:linear-gradient(135deg,#6c5ce7,#e84393)!important;box-shadow:0 0 24px #6c5ce75c!important}#zen-phone-nav [data-phone-nav="create"]:after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid #00cec955;pointer-events:none;animation:cosmic-ring 4s ease-in-out infinite}
#splash,.magic-welcome,.hero{isolation:isolate;background:#17142a!important;position:relative;overflow:hidden}#splash:before,.magic-welcome:before,.hero:before{content:'';position:absolute;inset:-35%;z-index:-1;background:radial-gradient(ellipse at 20% 30%,#6c5ce770,transparent 48%),radial-gradient(ellipse at 82% 40%,#00cec94d,transparent 45%),radial-gradient(ellipse at 55% 90%,#e843935c,transparent 45%);animation:cosmic-mesh 14s ease-in-out infinite alternate;pointer-events:none;will-change:transform}.magic-welcome{border-color:#9c89ff45!important;box-shadow:0 12px 50px #6c5ce70f}.magic-welcome h1,.hero h1{color:#f1edff}#splash .gold-play{color:#a298ff}#dialog{background:#171625ed;border:1px solid #a89aff38;box-shadow:0 18px 80px #0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#dialog::backdrop{background:#070614b8;backdrop-filter:blur(5px)}.card,.studio-panel,.verify-card{border-color:#a99aff20}.studio-stats article{border-radius:16px!important;background:linear-gradient(145deg,#222035,#141421)!important;border:1px solid #9d8bff2b;position:relative;overflow:hidden;min-width:0;padding-bottom:12px}.studio-stats article b{color:#f1edff}.cosmic-spark{display:block;width:100%;height:46px;margin-top:12px;color:#00cec9;filter:drop-shadow(0 0 4px #00cec94d)}.studio-stats article:nth-child(3n) .cosmic-spark{color:#bd91ff}
/* A vertical list at every breakpoint. No horizontal channel strip. */
#inbox-contacts.cosmic-inbox-list{display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;width:100%;min-width:0;align-items:stretch!important;gap:0!important;background:#11131eee;max-height:calc(100dvh - 150px)}.cosmic-list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;position:sticky;top:0;z-index:2;background:#171625f5;border-bottom:1px solid #ffffff0c}.cosmic-list-toolbar h2{font-size:17px;margin:0}.cosmic-list-toolbar button{font-size:12px;padding:7px 10px;color:#b5a9ff;background:#6c5ce71f;border:1px solid #a99aff29;border-radius:20px}.cosmic-conversations{display:flex;flex-direction:column;min-width:0}.cosmic-chat-row{display:block;width:100%;min-width:0;border-bottom:1px solid #ffffff0a;touch-action:pan-y;overflow:hidden}.cosmic-chat-open{display:flex!important;align-items:center;gap:12px;width:100%!important;min-width:0!important;padding:16px 14px!important;border:0!important;border-radius:0!important;text-align:left;color:#f3f0fc;background:transparent!important;box-sizing:border-box}.cosmic-chat-open:hover{background:#6c5ce715!important}.cosmic-chat-open .inbox-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#177f92);display:grid;place-items:center;overflow:hidden}.cosmic-chat-open .inbox-avatar img{width:100%;height:100%;object-fit:cover}.cosmic-chat-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cosmic-chat-copy>b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px}.cosmic-chat-copy small{font-size:11px;color:#a8a5bb}.cosmic-chat-copy .identity-badge small{font-size:9px;line-height:1.2;max-width:100px;white-space:normal}.cosmic-last-message{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ada9bf;font-size:12px}.cosmic-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:0 0 auto;max-width:75px;font-size:10px;color:#a8a5bb}.cosmic-chat-mark{font-size:11px}.cosmic-unread{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;box-sizing:border-box;border-radius:50px;background:#00cec9;color:#071918;font-weight:800;font-size:11px;box-shadow:0 0 12px #00cec933}.cosmic-row-actions{display:flex;gap:6px;padding:0 12px 10px}.cosmic-row-actions button{font-size:11px;padding:5px 9px;border-radius:12px;background:#242238;color:#d2c9ff;border:1px solid #9e8bff20}.cosmic-actions-open{background:#6c5ce71c}.cosmic-actions-open .cosmic-row-actions{padding:10px 12px;background:#6c5ce730}.cosmic-inbox-note{padding:12px;color:#8d899e;font-size:10px;margin:0}#plus-rooms{display:none!important}#chat-messages{background-color:#0e1220;background-image:radial-gradient(circle at 15% 20%,#6c5ce714,transparent 45%),radial-gradient(circle at 85% 80%,#00cec910,transparent 45%),radial-gradient(#a99aff12 .8px,transparent .8px)!important;background-size:auto,auto,22px 22px;background-attachment:local}.cosmic-custom-wallpaper#chat-messages{background-image:var(--cosmic-wallpaper)!important;background-size:cover!important}.chat-heading,#chat-send{background:#151724ee!important;backdrop-filter:blur(12px)}.chat-message.mine,.message.mine{background:#6c5ce733}.inbox-layout{border-color:#9c89ff25!important}.inbox-page{min-width:0}
/* Native dialog semantics are retained: keyboard focus, Escape and close. */
#dialog.cosmic-bottom-sheet{position:fixed;inset:auto 0 0!important;margin:0 auto!important;width:min(640px,100%)!important;max-width:100%!important;max-height:min(82dvh,850px)!important;border-radius:26px 26px 0 0!important;padding-top:12px;animation:cosmic-sheet-in .48s cubic-bezier(.2,.8,.2,1.12) both;overflow-x:hidden}#dialog.cosmic-bottom-sheet:before{content:'';display:block;position:sticky;top:0;width:40px;height:5px;margin:0 auto 12px;border-radius:20px;background:#a8a1bc70}#dialog.cosmic-bottom-sheet #modal{padding-bottom:max(22px,var(--native-safe-bottom))}#dialog.cosmic-bottom-sheet .refresh-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dialog.cosmic-bottom-sheet .refresh-create-grid button{min-height:84px;padding:12px;border-radius:16px;background:#6c5ce714;border:1px solid #a99aff24}#dialog.cosmic-bottom-sheet .refresh-create-grid button svg{color:#8be8e1;flex-shrink:0}#dialog.cosmic-bottom-sheet .refresh-create-grid small{font-size:10px}.cosmic-vinyl-wrap{display:block;width:40px;height:40px;margin:6px auto;opacity:.6;transition:opacity .3s ease;animation:cosmic-track-in .35s ease;pointer-events:none}.cosmic-vinyl{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#00cec9 0 10%,#0e0e18 11% 20%,#e84393 21% 24%,#181820 25% 40%,#393640 41% 44%,#13131b 45% 60%,#34313e 61% 64%,#12121b 65%);box-shadow:0 0 12px #6c5ce74a;transform:translateZ(0);animation:cosmic-vinyl-spin 6s linear infinite;animation-play-state:paused}.cosmic-reel-playing .cosmic-vinyl{animation-play-state:running;will-change:transform}.cosmic-reel-playing .cosmic-vinyl-wrap{opacity:1}.zen-reel:not(.cosmic-reel-playing) .cosmic-vinyl{will-change:auto}
@keyframes cosmic-vinyl-spin{to{transform:translateZ(0) rotate(360deg)}}@keyframes cosmic-track-in{from{opacity:0;transform:scale(.92)}to{opacity:.8;transform:scale(1)}}@keyframes cosmic-mesh{from{transform:translate3d(-2%,-2%,0) rotate(-5deg) scale(1)}to{transform:translate3d(3%,4%,0) rotate(7deg) scale(1.08)}}@keyframes cosmic-ring{50%{opacity:.35;transform:scale(1.08)}}@keyframes cosmic-sheet-in{from{transform:translateY(100%);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(min-width:1101px){.inbox-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}#inbox-contacts.cosmic-inbox-list{height:calc(100dvh - 180px)}}
@media(max-width:1100px){.inbox-layout{display:block!important}body:not(.zen-chat-open) .inbox-layout>#inbox-thread{display:none}#inbox-contacts.cosmic-inbox-list{max-height:none;min-height:55dvh}body.zen-chat-open .inbox-page{padding-top:var(--native-safe-top)!important}.chat-heading{padding-top:max(10px,var(--native-safe-top))!important}#chat-send{padding-bottom:max(10px,var(--native-safe-bottom))!important}.cosmic-chat-open{padding:16px!important}.reel-side-actions .cosmic-vinyl-wrap{width:32px;height:32px}body.zen-chat-open #plus-inbox-tools{display:none!important}}
@media(max-width:360px){#dialog.cosmic-bottom-sheet .refresh-create-grid{grid-template-columns:1fr}.cosmic-chat-open{gap:8px!important;padding:12px 10px!important}}
@media(prefers-reduced-motion:reduce){#splash:before,.magic-welcome:before,.hero:before,#zen-phone-nav [data-phone-nav="create"]:after,.cosmic-vinyl,#dialog.cosmic-bottom-sheet,.cosmic-vinyl-wrap{animation:none!important;will-change:auto!important}.cosmic-vinyl-wrap{transition:none!important}}
.cosmic-row-actions{display:none}.cosmic-chat-row:hover .cosmic-row-actions,.cosmic-chat-row:focus-within .cosmic-row-actions,.cosmic-actions-open .cosmic-row-actions{display:flex}@media(max-width:1100px){body>header{height:calc(60px + var(--native-safe-top))!important;min-height:calc(60px + var(--native-safe-top))!important;max-height:calc(60px + var(--native-safe-top))!important}body.zen-chat-open .inbox-page{padding-top:0!important}}

#splash{position:fixed!important;inset:0}