:root{--accent: #19CAFA;--accent-hover: #0fb8e6;--accent-glow: rgba(25, 202, 250, .2);--accent-soft: rgba(25, 202, 250, .08);--accent-border: #19CAFA;--bg-base: #F3F4F6;--bg-surface: #F9FAFB;--bg-card: #FFFFFF;--bg-glass: rgba(255, 255, 255, .9);--bg-subcontainer: #F8FAFC;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--border: #E5E7EB;--border-subtle: #F3F4F6;--shadow-sm: 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 12px rgba(0,0,0,.03);--shadow-glass: 0 10px 30px rgba(0,0,0,.04);--bg-primary: var(--bg-base);--bg-secondary: var(--bg-surface);--color-primary: var(--accent);--color-primary-hover: var(--accent-hover);--color-primary-glow: var(--accent-glow);--color-brand-light: var(--accent-soft);--border-color: var(--border)}.dark,html.dark{--accent-glow: rgba(25, 202, 250, .3);--accent-soft: rgba(25, 202, 250, .12);--accent-border: #19CAFA;--bg-base: #080A0F;--bg-surface: #0B0F17;--bg-card: #0D111A;--bg-glass: rgba(13, 17, 26, .92);--bg-subcontainer: #0D121F;--text-primary: #F3F5F7;--text-secondary: #94A3B8;--text-muted: #475569;--border: #1E293B;--border-subtle: #111827;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 12px 32px rgba(0,0,0,.4);--shadow-glass: 0 15px 45px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg-base);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em;transition:background .2s,color .2s;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}input:focus,textarea:focus,select:focus,button:focus{outline:none}button,a,[role=button]{min-height:32px}.auth-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:0}.auth-orb-1{width:650px;height:650px;background:transparent;top:-12%;right:-8%}.auth-orb-2{width:500px;height:500px;background:transparent;bottom:-15%;left:-10%;animation-delay:-11s}@keyframes orb-drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(25px,-18px) scale(1.04)}50%{transform:translate(-18px,12px) scale(.96)}75%{transform:translate(12px,20px) scale(1.02)}}@media (max-width: 640px){.auth-orb-1{width:350px;height:350px;top:-5%;right:-15%;filter:blur(80px)}.auth-orb-2{width:300px;height:300px;bottom:-10%;left:-15%;filter:blur(80px)}}#app-workspace,.workspace-view{height:100dvh;min-height:0;display:flex;flex-direction:column}#workspace-chat{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}#messages-container{flex:1;min-height:0;overflow-y:auto}.workspace-view{display:none!important}.workspace-view.active{display:flex!important;animation:view-enter .18s ease-out forwards}@media (max-width: 767px){#app-sidebar{width:100%!important;max-width:100%!important;height:100dvh!important;border-right:none!important}#app-workspace,body.view-open #app-sidebar{display:none!important}body.view-open #app-workspace{display:flex!important;width:100%!important;height:100dvh!important}#chat-input-container{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))!important}#app-sidebar>div:last-child{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))!important}#btn-back{display:flex!important}#modal-create-story>div,#modal-docs>div{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;border-radius:0!important}.message-bubble{max-width:85%}.story-card{width:100%!important}#messages-container{padding-left:12px;padding-right:12px}}@media (min-width: 768px) and (max-width: 1023px){#app-sidebar{width:280px!important}}@media (min-width: 768px){#btn-back{display:none!important}}.message-bubble{max-width:72%;padding:10px 14px;border-radius:18px;font-size:.875rem;line-height:1.45;animation:msg-enter .2s cubic-bezier(.16,1,.3,1) forwards}.message-bubble.self{align-self:flex-end;background:linear-gradient(135deg,#19cafa,#09c);color:#041829;font-weight:600;border-bottom-right-radius:4px;box-shadow:0 4px 16px #19cafa47}.message-bubble.peer{align-self:flex-start;background:var(--bg-card);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border)}.message-bubble .msg-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:3px;opacity:.7}.message-bubble.self .msg-sender{color:#052230;font-weight:800}.message-bubble.peer .msg-sender{color:#19cafa;font-weight:800}.message-bubble.self .msg-time{color:#073550}.message-bubble.peer .msg-time{color:var(--text-secondary)}.message-bubble .msg-content{word-break:break-word;white-space:pre-wrap}.system-msg{align-self:center;font-size:10px;font-weight:600;letter-spacing:.04em;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:5px 14px;border-radius:999px;margin:8px 0;text-align:center;max-width:90%}.story-card{transition:transform .15s ease,box-shadow .15s ease}.story-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-glass)}@keyframes msg-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes view-enter{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}