*{box-sizing:border-box}:root{--app-shell-max-width:1440px;--app-shell-gutter:24px;--panel-gap:24px}#__nuxt,body,html{height:100%;min-height:100%}body{background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 35%),radial-gradient(circle at top left,rgba(14,165,233,.14),transparent 24%),#020617;color:#e5e7eb;font-family:Inter,ui-sans-serif,system-ui,sans-serif;margin:0;overflow:hidden}button,input{font:inherit}.page-shell{display:grid;gap:var(--panel-gap);grid-template-rows:auto minmax(0,1fr) auto;height:100vh;margin:0 auto;max-width:var(--app-shell-max-width);padding:24px var(--app-shell-gutter)}.top-bar{align-items:center;display:flex;gap:16px;justify-content:space-between}.app-main,.top-bar{min-height:0}.app-main--public{overflow-y:auto;padding-right:6px}.brand h1,.hero-message,.live-project,.panel-title,.project-name{margin:0}.brand p,.empty-state,.error-text,.message-time,.meta-text{color:#94a3b8;margin:8px 0 0}.grid{display:grid;gap:var(--panel-gap);grid-template-columns:390px minmax(0,1fr);height:100%;min-height:0}.auth-card,.live-panel,.message-row,.panel,.project-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ad1;border:1px solid rgba(148,163,184,.2);border-radius:24px}.auth-card,.live-panel,.panel{padding:24px}.content-column,.menu-panel,.message-panel{min-height:0}.menu-panel{display:grid;gap:20px;grid-template-rows:auto auto minmax(0,1fr)}.menu-panel-head{min-height:0}.content-column{gap:var(--panel-gap)}.content-column,.message-panel{display:grid;grid-template-rows:auto minmax(0,1fr)}.message-panel{gap:20px}.auth-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.form-stack,.message-list,.project-list{display:flex;flex-direction:column;gap:14px}.message-list-section,.project-list-section{min-height:0}.message-list-scroll,.project-list-section{overflow-y:auto;padding-right:6px}.message-list-scroll{min-height:0}.app-main--public::-webkit-scrollbar,.message-list-scroll::-webkit-scrollbar,.project-list-section::-webkit-scrollbar{width:10px}.app-main--public::-webkit-scrollbar-thumb,.message-list-scroll::-webkit-scrollbar-thumb,.project-list-section::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.field{background:#0f172ab3;border:1px solid rgba(148,163,184,.22);border-radius:16px;color:#f8fafc;padding:14px 16px;width:100%}.ghost-btn,.primary-btn,.secondary-btn{border:0;border-radius:999px;cursor:pointer;font-weight:700;padding:14px 24px}.primary-btn{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff}.secondary-btn{background:#e2e8f0;color:#0f172a}.ghost-btn{background:#94a3b81f;color:#e5e7eb}.project-card{color:inherit;cursor:pointer;padding:18px 20px;text-align:left;width:100%}.project-card.active{border-color:#38bdf8cc;box-shadow:0 0 0 1px #38bdf84d}.app-footer,.live-head,.message-meta,.message-pagination,.project-detail-head,.project-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.app-footer,.message-pagination,.project-detail-head{flex-wrap:wrap}.badge{background:#38bdf824;border-radius:999px;color:#7dd3fc;font-size:12px;font-weight:700;padding:6px 12px}.message-row{padding:16px 18px}.message-text{color:#f8fafc;line-height:1.5;margin:0}.live-panel{min-height:200px}.guest-live-section,.hero-message{margin-top:24px}.hero-message{color:#f8fafc;font-size:clamp(40px,7vw,84px);letter-spacing:-.04em;line-height:.98}.status-pill{background:#22c55e26;border-radius:999px;color:#86efac;font-size:12px;font-weight:800;padding:8px 14px;text-transform:uppercase}.error-text{margin-top:0}.pagination-btn{min-width:96px;padding:10px 18px}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}.footer-copy,.pagination-status{margin:0}.footer-copy{color:#94a3b8}.footer-audio-button{min-width:180px}@media(max-width:980px){:root{--app-shell-gutter:16px;--panel-gap:16px}body{overflow:auto}.page-shell{height:auto;min-height:100vh}.grid{grid-template-columns:1fr;height:auto}.content-column,.menu-panel,.message-panel{display:block}.live-panel,.message-panel,.project-form,.project-list-section{margin-top:16px}.message-list-scroll,.project-list-section{max-height:none;overflow:visible;padding-right:0}}