:root{--dj-black:#000000;--dj-panel:#0a0a0f;--dj-panel-border:#26262f;--dj-text:#f5f5f7;--dj-muted:#9b9ba6;--dj-accent:#b48cff;--dj-accent-dark:#6c5ce7;--dj-success:#3ddc97;--dj-warning:#ffd166;--dj-danger:#ff5d73;--dj-scrollbar-track:#08080d;--dj-scrollbar-thumb:#5f4d7d;--dj-scrollbar-thumb-hover:#8164ad;--dj-scrollbar-thumb-active:#b48cff;--dj-scrollbar-size:10px;--dj-safe-top:env(safe-area-inset-top,0px);--dj-safe-bottom:env(safe-area-inset-bottom,0px);--dj-safe-left:env(safe-area-inset-left,0px);--dj-safe-right:env(safe-area-inset-right,0px)}body,html{height:100%}@keyframes dj-spin{to{transform:rotate(1turn)}}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#000000;color:#f5f5f7;overflow-x:hidden;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--dj-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-viewport{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-shell{min-height:100vh;min-height:100dvh}.conversation-scroll{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-left:max(1rem,var(--dj-safe-left));padding-right:max(1rem,var(--dj-safe-right))}.composer-shell textarea,.conversation-scroll,.desktop-side,.dialog-panel,.sheet-scroll{scrollbar-color:var(--dj-scrollbar-thumb) var(--dj-scrollbar-track);scrollbar-width:thin}.composer-shell textarea::-webkit-scrollbar,.conversation-scroll::-webkit-scrollbar,.desktop-side::-webkit-scrollbar,.dialog-panel::-webkit-scrollbar,.sheet-scroll::-webkit-scrollbar{width:var(--dj-scrollbar-size);height:var(--dj-scrollbar-size)}.composer-shell textarea::-webkit-scrollbar-track,.conversation-scroll::-webkit-scrollbar-track,.desktop-side::-webkit-scrollbar-track,.dialog-panel::-webkit-scrollbar-track,.sheet-scroll::-webkit-scrollbar-track{background:var(--dj-scrollbar-track)}.composer-shell textarea::-webkit-scrollbar-thumb,.conversation-scroll::-webkit-scrollbar-thumb,.desktop-side::-webkit-scrollbar-thumb,.dialog-panel::-webkit-scrollbar-thumb,.sheet-scroll::-webkit-scrollbar-thumb{background:var(--dj-scrollbar-thumb);border:2px solid var(--dj-scrollbar-track);border-radius:999px}.composer-shell textarea::-webkit-scrollbar-thumb:hover,.conversation-scroll::-webkit-scrollbar-thumb:hover,.desktop-side::-webkit-scrollbar-thumb:hover,.dialog-panel::-webkit-scrollbar-thumb:hover,.sheet-scroll::-webkit-scrollbar-thumb:hover{background:var(--dj-scrollbar-thumb-hover)}.composer-shell textarea::-webkit-scrollbar-thumb:active,.conversation-scroll::-webkit-scrollbar-thumb:active,.desktop-side::-webkit-scrollbar-thumb:active,.dialog-panel::-webkit-scrollbar-thumb:active,.sheet-scroll::-webkit-scrollbar-thumb:active{background:var(--dj-scrollbar-thumb-active)}@media (forced-colors:active){.composer-shell textarea,.conversation-scroll,.desktop-side,.dialog-panel,.sheet-scroll{scrollbar-color:auto;forced-color-adjust:auto}}.composer-shell{padding-bottom:max(.5rem,var(--dj-safe-bottom))}.bubble{overflow-wrap:anywhere;word-break:break-word;min-width:0}.touch-target{min-height:44px;min-width:44px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:1.25rem;min-height:0;min-width:0;width:100%}@media (min-width:1024px){.workspace-grid{grid-template-columns:minmax(0,1fr) 340px}}.workspace-conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.desktop-side{display:none;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (min-width:1024px){.desktop-side{display:block}}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:40}.sheet-panel{position:fixed;z-index:41;background:var(--dj-panel);border:1px solid var(--dj-panel-border);box-shadow:0 -8px 40px rgba(0,0,0,.6);display:flex;flex-direction:column;max-height:100dvh}.sheet-panel.sheet-bottom{left:0;right:0;bottom:0;border-radius:18px 18px 0 0;padding-bottom:var(--dj-safe-bottom)}.sheet-panel.sheet-right{top:0;right:0;bottom:0;width:min(420px,100vw);border-radius:18px 0 0 18px;padding-top:var(--dj-safe-top)}.sheet-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:1rem}.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:50;display:flex;align-items:center;justify-content:center;padding:max(1rem,var(--dj-safe-left)) max(1rem,var(--dj-safe-right))}.dialog-panel{background:var(--dj-black);border:1px solid var(--dj-panel-border);border-radius:16px;max-width:min(92vw,720px);max-height:88dvh;overflow:auto;outline:none}@media (min-width:1024px){.mobile-details-toggle{display:none}}