@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--color-void: #0c0c0c;--color-concrete: #1a1a1a;--color-steel: #2a2a2a;--color-iron: #3a3a3a;--color-aluminum: #6a6a6a;--color-slate: #4a5568;--color-slate-light: #718096;--color-copper: #b87333;--color-bronze: #cd7f32;--color-brass: #e6c200;--color-platinum: #e5e4e2;--color-cyan: #0891b2;--color-cyan-light: #06b6d4;--color-cyan-bright: #22d3ee;--font-primary: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-system: system-ui, -apple-system, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--transition-fast: .15s ease-out;--transition-smooth: .3s ease-out;--transition-slow: .6s ease-out;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}body{margin:0;padding:0;min-height:100vh;width:100vw;background:linear-gradient(135deg,var(--color-void) 0%,var(--color-concrete) 50%,var(--color-steel) 100%);background-attachment:fixed;color:var(--color-aluminum);font-family:var(--font-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.2;margin:0 0 var(--space-md) 0;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;background:linear-gradient(135deg,var(--color-cyan-light),var(--color-cyan-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;letter-spacing:-.04em;opacity:.9}p{margin:0 0 var(--space-sm) 0;font-size:1.1rem}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-steel);padding:.2em .4em;border-radius:4px;color:var(--color-brass);border:1px solid var(--color-iron)}a{color:var(--color-brass);text-decoration:none;position:relative;transition:color var(--transition-smooth)}a:hover{color:var(--color-platinum)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--color-brass),var(--color-platinum));transition:width var(--transition-smooth)}a:hover:after{width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-void)}::-webkit-scrollbar-thumb{background:var(--color-bronze);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-brass)}@keyframes subtleShift{0%{opacity:.06;transform:scale(1) rotate(0)}to{opacity:.12;transform:scale(1.02) rotate(1deg)}}@keyframes subtleBreath{0%{opacity:.12;transform:translateY(0)}to{opacity:.18;transform:translateY(-2px)}}.app{min-height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;position:relative;overflow:hidden;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.app--shell{justify-content:flex-start;padding:var(--space-2xl) var(--space-lg);gap:var(--space-xl);align-items:stretch;min-height:100vh;height:100vh;overflow:hidden}.hero{text-align:center;max-width:800px;margin:0 auto;padding:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.hero__title{margin:0!important;position:absolute!important;top:calc(50% + 10px)!important;left:calc(50% - 20px)!important;transform:translate(-50%,-50%)!important;opacity:0;animation:fadeInUp 1s ease-out .3s forwards;z-index:10!important;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;pointer-events:auto}.hero__subtitle{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:300;color:var(--color-brass);margin-bottom:var(--space-xl);opacity:0;animation:fadeInUp 1s ease-out .6s forwards;font-style:normal;letter-spacing:.05em}.hero__description{font-size:clamp(1rem,2vw,1.2rem);line-height:1.8;margin-bottom:var(--space-xl);opacity:0;animation:fadeInUp 1s ease-out .9s forwards}.auth{width:min(100%,520px);margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);z-index:1}.auth__header{text-align:center}.auth__subtitle{color:var(--color-slate-light);font-size:1rem;margin:0}.auth__card{width:100%;padding:var(--space-lg);border-radius:20px;background:#0c0c0ccc;border:1px solid var(--color-iron);box-shadow:0 18px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth__toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.auth__tab{padding:.7rem 1rem;border-radius:999px;border:1px solid var(--color-iron);background:transparent;color:var(--color-aluminum);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast)}.auth__tab--active{color:var(--color-void);background:linear-gradient(135deg,var(--color-brass),var(--color-bronze));border-color:transparent}.auth__form{display:flex;flex-direction:column;gap:var(--space-sm)}.auth__field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--color-platinum)}.auth__input{padding:.75rem .9rem;border-radius:12px;border:1px solid var(--color-iron);background:#1a1a1ae6;color:var(--color-platinum);font-family:var(--font-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth__input:focus{outline:none;border-color:var(--color-brass);box-shadow:0 0 0 2px #e6c20026}.auth__button{margin-top:var(--space-xs);padding:.85rem 1rem;border-radius:12px;border:none;background:linear-gradient(135deg,var(--color-cyan-light),var(--color-cyan-bright));color:var(--color-void);font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.auth__button:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.auth__button--secondary{background:transparent;color:var(--color-brass);border:1px solid var(--color-brass)}.auth__button--ghost{background:transparent;color:var(--color-slate-light);border:1px solid var(--color-iron)}.auth__actions{display:grid;gap:var(--space-sm);margin-top:var(--space-sm)}.auth__status{margin:0;font-size:.95rem;color:var(--color-slate-light)}.auth__status--success{color:var(--color-brass)}.auth__status--warning{color:var(--color-bronze)}.auth__status--error{color:#f87171}.dock{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:24px;background:#0c0c0cbf;border:1px solid var(--color-iron);box-shadow:0 20px 50px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dock__brand{display:flex;flex-direction:column;gap:.25rem}.dock__eyebrow{margin:0;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-slate-light)}.dock__title{margin:0;font-size:1.6rem;text-align:left}.dock__tabs{display:flex;gap:var(--space-sm);padding:.35rem;border-radius:999px;border:1px solid var(--color-iron);background:#1a1a1acc}.dock__tab{border:none;padding:.55rem 1.2rem;border-radius:999px;background:transparent;color:var(--color-aluminum);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.dock__tab--active{background:linear-gradient(135deg,var(--color-brass),var(--color-bronze));color:var(--color-void)}.dock__profile{justify-self:end;display:flex;align-items:center;gap:var(--space-sm)}.dock__logout{padding:.35rem .9rem;border-radius:999px;border:1px solid var(--color-iron);background:transparent;color:var(--color-slate-light);font-size:.75rem;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.dock__logout:hover{color:var(--color-platinum);border-color:var(--color-brass)}.dock__avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--color-cyan-light),var(--color-cyan-bright));color:var(--color-void);display:grid;place-items:center;font-weight:700}.dock__meta p{margin:0;font-size:.95rem;color:var(--color-platinum)}.dock__meta span{display:block;font-size:.75rem;color:var(--color-slate-light)}.shell{width:100%;display:flex;flex-direction:column;gap:var(--space-lg);flex:1;min-height:0;height:100%}.panel{padding:var(--space-lg);border-radius:24px;background:#0c0c0ccc;border:1px solid var(--color-iron);box-shadow:0 16px 40px #0006}.panel--chat{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.panel__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.panel__header h2{margin:0;font-size:1.6rem}.panel__subtitle{margin:.35rem 0 0;color:var(--color-slate-light);font-size:.95rem}.panel__status{padding:.35rem .9rem;border-radius:999px;background:#22d3ee1a;color:var(--color-cyan-bright);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.panel__body{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.panel__body--scroll{max-height:none;overflow-y:auto;padding-right:.5rem;flex:1;min-height:0}.panel__content{margin-top:var(--space-md);display:grid;grid-template-columns:1.6fr .7fr;gap:var(--space-lg);flex:1;min-height:0;height:100%;overflow:hidden}.panel__main{display:flex;flex-direction:column;gap:var(--space-md);min-height:0;flex:1;height:100%;overflow:hidden}.panel__aside{padding:var(--space-md);border-radius:18px;border:1px solid var(--color-iron);background:#1a1a1a99;display:flex;flex-direction:column;gap:var(--space-sm);min-height:0}.panel__aside h3{margin:0;font-size:1.1rem}.panel__input{margin-top:var(--space-md);display:grid;grid-template-columns:1fr auto;gap:var(--space-sm);margin-top:auto;align-items:end}.panel__input input{padding:.75rem 1rem;border-radius:12px;border:1px solid var(--color-iron);background:#1a1a1acc;color:var(--color-platinum)}.panel__input button{padding:.75rem 1.3rem;border-radius:12px;border:none;background:linear-gradient(135deg,var(--color-cyan-light),var(--color-cyan-bright));color:var(--color-void);font-weight:600}.message{padding:.5rem .8rem;border-radius:14px;background:#1a1a1ab3;border:1px solid var(--color-iron);max-width:70%}.message--outgoing{align-self:flex-end;border-color:#22d3ee59}.message--incoming{align-self:flex-start}.message__author{margin:0;font-size:.75rem;color:var(--color-slate-light)}.message__meta{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.message__edited{font-size:.7rem;color:var(--color-slate-light);text-transform:uppercase;letter-spacing:.1em}.message__timestamp{font-size:.7rem;color:var(--color-slate-light)}.message__content{margin:.35rem 0 0;color:var(--color-platinum)}.message__content--muted{color:var(--color-slate-light);font-style:italic}.message__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs);opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.message__actions button{border:none;background:transparent;color:var(--color-brass);font-size:.75rem;cursor:pointer}.message:hover .message__actions{opacity:1;pointer-events:auto}.panel__empty{margin:0;color:var(--color-slate-light);font-size:.95rem}.settings-card{padding:var(--space-md);border-radius:16px;background:#1a1a1ab3;border:1px solid var(--color-iron);display:flex;justify-content:space-between;align-items:center}.settings-card__label{margin:0;font-size:.8rem;color:var(--color-slate-light)}.settings-card__value{margin:.35rem 0 0;font-size:1.05rem;color:var(--color-platinum)}.settings-card__badge{padding:.3rem .7rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:#e6c2001f;color:var(--color-brass)}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.settings-actions button{padding:.7rem 1.2rem;border-radius:999px;border:1px solid var(--color-iron);background:transparent;color:var(--color-slate-light)}.presence{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;min-height:0;flex:1;padding-right:.25rem}.presence__row{display:flex;align-items:center;gap:.6rem}.presence__dot{width:8px;height:8px;border-radius:999px;background:var(--color-slate-light);box-shadow:0 0 6px #71809699}.presence__dot--online{background:var(--color-brass);box-shadow:0 0 8px #e6c200b3}.presence__dot--idle{background:var(--color-cyan-bright);box-shadow:0 0 8px #22d3eeb3}.presence__dot--away{background:var(--color-slate-light);box-shadow:0 0 6px #71809680}.presence__meta p{margin:0;color:var(--color-platinum);font-size:.95rem}.presence__meta{display:flex;align-items:center;gap:.35rem}.presence__typing{display:inline-block;margin-left:.2rem;font-size:.8rem;color:var(--color-cyan-bright);letter-spacing:.2em}.presence__empty{margin:0;color:var(--color-slate-light);font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ascii-background.correct{color:var(--color-brass)!important;filter:drop-shadow(0 0 2px var(--color-brass))}.ascii-background.incorrect{color:#dc143c!important}@media (max-width: 768px){.hero{padding:var(--space-lg) 0}.app{padding:var(--space-sm)}.auth{padding:var(--space-lg) var(--space-sm)}.dock{grid-template-columns:1fr;text-align:center}.dock__profile{justify-self:center}.panel__header{flex-direction:column;align-items:flex-start}.panel__content{grid-template-columns:1fr}.dock,.shell{width:100%}}