:root{color:#f4f0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050607;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #d7ff6147}.site{--bg:#07090c;--surface:#0e1218;--surface-2:#131a24;--ink:#f3f6fb;--muted:#a9b3c4;--line:#ffffff1a;--accent:#4f7cff;--accent-ink:#0b1020;--warm:#ff8b5d;--good:#4ade80;--bad:#fb7185;--shadow:0 18px 60px #00000073;min-height:100svh;color:var(--ink);background:linear-gradient(#07090c 0% 50%,#06070a 100%);transition:background .18s,color .18s;overflow-x:hidden}.site[data-theme=light]{--bg:#f6f8fc;--surface:#fff;--surface-2:#eef2f8;--ink:#0f172a;--muted:#5b6475;--line:#0f172a1f;--accent:#1d4ed8;--accent-ink:#fff;--warm:#b95835;--good:#16a34a;--bad:#e11d48;--shadow:0 18px 60px #0f172a1a}.site-header{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(210px,1fr) auto minmax(320px,1fr);align-items:center;gap:20px;min-height:76px;padding:16px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}button,input,textarea{font:inherit}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.brand,.main-nav,.header-actions,.hero-actions,.eyebrow,.info-strip div,.site-footer,.site-footer div,.admin-toolbar,.filter-buttons,.access-actions,.user-cell,.role-badge,.auth-info li,.profile-grid div,.cover-top,.area-tile{align-items:center;display:flex}.brand{color:var(--ink);text-align:left;background:0 0;border:0;gap:12px;padding:0}.brand-mark,.user-avatar{color:var(--accent-ink);background:var(--accent);place-items:center;display:grid}.brand-mark{border-radius:8px;width:42px;height:42px}.brand span:last-child{gap:2px;display:grid}.brand strong{font-size:16px}.brand small,.section-label,.eyebrow,.cover-top span,.expert-preview span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.main-nav{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:center;gap:6px;padding:5px}.main-nav button,.filter-buttons button,.access-actions button{color:var(--muted);background:0 0;border:0;border-radius:7px;font-weight:760}.main-nav button{align-items:center;gap:7px;min-height:34px;padding:0 12px;display:inline-flex}.nav-badge,.unread-count{background:var(--bad);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:900;display:inline-grid}.main-nav button.active,.filter-buttons button.active,.access-actions button.active{color:var(--accent-ink);background:var(--accent)}.header-actions{justify-content:flex-end;gap:10px}.theme-switch,.ghost-button,.accent-button{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:820;display:inline-flex}.theme-switch,.ghost-button{color:var(--ink);background:var(--surface)}.accent-button{color:var(--accent-ink);background:var(--accent);border-color:#0000}.big{min-height:50px;padding:0 20px}.full{width:100%}.notice{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);color:var(--ink);background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-radius:8px;margin:18px clamp(18px,4vw,56px) 0;padding:13px 16px}.toast-stack{z-index:60;pointer-events:none;gap:10px;width:min(420px,100vw - 28px);display:grid;position:fixed;top:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px)}.toast{border:1px solid var(--line);border-left:4px solid var(--accent);color:var(--ink);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:var(--shadow);pointer-events:auto;border-radius:8px;grid-template-columns:minmax(0,1fr) 32px;align-items:start;gap:12px;padding:14px;animation:.22s ease-out toast-in;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast.message{border-left-color:var(--good)}.toast.error{border-left-color:var(--bad)}.toast div{gap:4px;min-width:0;display:grid}.toast strong{font-size:14px}.toast span{color:var(--muted);text-overflow:ellipsis;font-size:13px;line-height:1.45;overflow:hidden}.toast button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:var(--surface-2);border-radius:8px;font-size:18px;line-height:1}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:calc(100svh - 76px);padding:clamp(32px,6vw,84px) clamp(18px,4vw,56px) 30px;display:grid}.faq-section{padding:28px clamp(18px,4vw,56px) 52px}.faq-head h2{margin:8px 0 6px}.faq-head p{color:var(--muted);max-width:70ch;margin:0;line-height:1.6}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.faq-item{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.faq-item summary{cursor:pointer;padding:14px;font-weight:820;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.faq-body{color:var(--muted);padding:14px;line-height:1.65}.hero-copy{max-width:800px}.eyebrow{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:8px;width:fit-content;margin-bottom:20px;padding:8px 10px}.hero-copy h1{max-width:780px;color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(40px,6.4vw,82px);line-height:.98}.hero-copy p{max-width:650px;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px}.cover-card,.public-panel,.area-tile,.auth-card,.auth-info,.admin-sidebar,.admin-main,.profile-card,.profile-main,.info-strip div,.access-gate{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow);border-radius:8px}.cover-card{grid-template-rows:auto 1fr auto;gap:18px;min-height:600px;padding:18px;display:grid}.cover-top{justify-content:space-between}.cover-top strong{color:var(--accent);font-size:30px}.chat-preview{flex-direction:column;justify-content:center;gap:14px;display:flex}.preview-message{border-radius:8px;width:min(86%,460px);padding:14px 16px;line-height:1.45}.preview-message.client{color:var(--ink);background:var(--surface-2)}.preview-message.team{color:var(--accent-ink);background:var(--accent);align-self:flex-end}.expert-preview{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:8px;gap:6px;padding:16px;display:grid}.expert-preview strong{font-size:24px}.expert-preview small,.area-tile p,.public-panel p,.auth-info p,.admin-sidebar p,.profile-card p,.profile-grid small,.site-footer span,.info-strip small{color:var(--muted);line-height:1.55}.info-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 clamp(18px,4vw,56px) 24px;display:grid}.info-strip div,.profile-grid div{gap:12px;min-height:108px;padding:18px}.info-strip span,.profile-grid span{gap:4px;display:grid}.public-grid,.auth-layout,.admin-layout,.profile-layout,.access-gate{margin:0;padding:28px clamp(18px,4vw,56px) 44px}.public-grid{grid-template-columns:.78fr 1.22fr;gap:18px;display:grid}.public-panel{padding:24px}.public-panel h2,.auth-info h2,.admin-sidebar h2,.profile-main h2,.access-gate h2{margin:8px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.05}.area-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.area-tile{flex-direction:column;align-items:flex-start;min-height:210px;padding:18px}.area-tile svg{color:var(--accent)}.area-tile h3{margin:16px 0 10px;font-size:22px}.auth-layout{grid-template-columns:minmax(0,.88fr) minmax(320px,.72fr);align-items:start;gap:18px;min-height:calc(100svh - 160px);display:grid}.auth-info,.auth-card,.profile-card,.profile-main,.admin-sidebar,.admin-main,.access-gate{padding:24px}.auth-info ul{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.auth-info li{color:var(--ink);gap:8px}.auth-card{gap:14px;display:grid}.auth-card label{color:var(--muted);gap:8px;font-size:13px;font-weight:760;display:grid}.auth-card input,.auth-card textarea,.search-control input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--surface-2);border-radius:8px;outline:0}.auth-card input,.search-control input{padding:0 13px}.auth-card textarea{resize:vertical;min-height:110px;padding:12px 13px}.admin-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.admin-stats div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:14px}.admin-stats strong{font-size:32px;display:block}.admin-stats span,.role-info-row span,.user-cell small{color:var(--muted);font-size:13px}.role-info{gap:10px;display:grid}.role-info-row{border-top:1px solid var(--line);gap:4px;padding-top:10px;display:grid}.admin-toolbar{justify-content:space-between;gap:12px;margin-bottom:16px}.search-control{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:260px;padding-left:12px;display:flex}.search-control input{background:0 0;border:0}.filter-buttons,.access-actions{flex-wrap:wrap;gap:6px}.filter-buttons button,.access-actions button{background:var(--surface-2);min-height:34px;padding:0 10px}.users-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.table-head,.user-row{grid-template-columns:minmax(240px,1.4fr) 120px 120px 110px minmax(290px,1fr);align-items:center;gap:12px;padding:14px;display:grid}.table-head{color:var(--muted);background:var(--surface-2);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:840}.user-row{border-top:1px solid var(--line);color:var(--ink)}.user-row:hover{background:color-mix(in srgb, var(--accent) 9%, transparent)}.user-cell{gap:10px;min-width:0}.user-cell div{min-width:0}.user-cell strong,.user-cell small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-avatar{border-radius:8px;flex:none;width:40px;height:40px;font-size:13px;font-weight:880}.user-avatar.large{border-radius:14px;width:72px;height:72px;margin-bottom:0;font-size:22px}.role-badge{border-radius:999px;width:fit-content;min-height:30px;padding:0 10px;font-size:12px;font-weight:860}.role-badge.owner{color:var(--accent-ink);background:var(--accent)}.role-badge.chatter{color:#07110b;background:#67e8a5}.status-badge{border:1px solid var(--line);width:fit-content;min-height:30px;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:0 10px;font-size:12px;font-weight:820}.status-badge.active{color:#07110b;background:color-mix(in srgb, var(--good) 80%, #fff)}.status-badge.waiting{color:#11150a;background:#f4cf6a}.status-badge.blocked,.access-actions button.danger{color:#fff;background:var(--bad)}.profile-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.chat-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.profile-card{text-align:left}.profile-card h2{margin:0 0 6px}.profile-card-v2{gap:16px;padding:18px;display:grid}.profile-actions{justify-content:flex-end;display:flex}.profile-edit{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:8px;gap:10px;padding:14px;display:grid}.profile-edit label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:6px;font-size:12px;font-weight:800;display:grid}.profile-edit input{border:1px solid var(--line);background:var(--surface-2);height:42px;color:var(--ink);text-transform:none;letter-spacing:0;border-radius:8px;padding:0 12px;font-size:14px;font-weight:650}.profile-identity{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;display:grid}.profile-who{min-width:0}.profile-who h2{margin:0;font-size:20px;line-height:1.15}.profile-who p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;overflow:hidden}.profile-badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.profile-grid-v2{margin-top:0}.profile-grid-v2 div{padding:14px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.stat-value{white-space:normal;word-break:break-word;font-size:16px;font-weight:880;line-height:1.25;display:block}.profile-main{min-height:360px;box-shadow:none;background:0 0;border:0;padding:0}.profile-main>.section-label,.profile-main>h2{display:none}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.profile-grid div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;align-items:flex-start}.chat-shell{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow);border-radius:8px;grid-template-rows:auto minmax(420px,54vh) auto;min-width:0;display:grid;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 70%, var(--surface));justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 14px 12px;display:flex}.chat-head-text{gap:4px;min-width:0;display:grid}.chat-head-text strong{font-size:16px;line-height:1.15}.chat-head-text span{color:var(--muted);font-size:13px;line-height:1.35}.chat-head-actions{align-items:center;gap:8px;display:flex}.real-chat-messages{background:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 50%), radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--warm) 10%, transparent), transparent 55%), linear-gradient(color-mix(in srgb, var(--surface) 90%, transparent), color-mix(in srgb, var(--surface) 90%, transparent));padding:16px;overflow:auto}.empty-chat{min-height:100%;color:var(--muted);text-align:center;place-items:center;display:grid}.real-message{border:1px solid color-mix(in srgb, var(--line) 60%, transparent);border-radius:14px;width:min(78%,680px);margin-bottom:12px;padding:12px 14px}.real-message.mine{color:var(--accent-ink);background:var(--accent);margin-left:auto}.real-message.theirs{color:var(--ink);background:color-mix(in srgb, var(--surface-2) 92%, transparent)}.real-message p{white-space:pre-wrap;word-break:break-word;margin:0 0 8px;font-size:14px;line-height:1.45}.real-message span{color:color-mix(in srgb, currentColor 62%, transparent);font-size:12px;display:block}.file-input{display:none}.file-card{gap:10px;display:grid}.file-preview{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:10px;display:block;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:auto;max-height:340px;display:block}.file-meta{color:inherit;gap:2px;text-decoration:none;display:grid}.file-meta strong{font-size:14px}.file-meta span{color:color-mix(in srgb, currentColor 62%, transparent);font-size:12px}.real-message.mine span{text-align:right}.real-chat-form{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 70%, var(--surface));grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px 14px;display:grid}.real-chat-form textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:54px;max-height:160px;color:var(--ink);background:var(--surface-2);border-radius:8px;outline:0;padding:14px;font-size:14px;line-height:1.4}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:var(--surface);border-radius:8px;place-items:center;display:grid}.modal-overlay{z-index:70;background:#0000008c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:16px;display:grid}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-head strong{font-size:16px;display:block}.modal-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:12px;font-weight:800;display:block}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modal-grid label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:6px;font-size:12px;font-weight:800;display:grid}.modal-grid label.wide{grid-column:1/-1}.modal-grid input,.modal-grid textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);text-transform:none;letter-spacing:0;border-radius:8px;padding:12px;font-size:14px;font-weight:650}.modal-grid textarea{resize:vertical;min-height:90px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.bundle-card{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface-2));border-radius:8px;gap:10px;padding:12px;display:grid}.bundle-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.bundle-top strong{font-size:14px;display:block}.bundle-top span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.bundle-status{border:1px solid var(--line);min-height:28px;color:var(--muted);background:var(--surface);border-radius:999px;place-items:center;padding:0 10px;font-size:11px;font-weight:860;display:grid}.bundle-status.paid{color:#07110b;background:#8ee67f;border-color:#0000}.bundle-status.canceled{color:#fff;background:#d94b4b;border-color:#0000}.bundle-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.bundle-row span{color:var(--muted);font-size:12px}.bundle-row strong{font-size:13px}.bundle-address{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.bundle-address span{color:var(--muted);font-size:12px}.bundle-address div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.bundle-address code{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:10px;font-size:12px;display:block;overflow:hidden}.bundle-note{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;padding:10px;font-size:13px;line-height:1.45}.staff-layout{grid-template-columns:minmax(280px,390px) minmax(0,1fr);align-items:start;gap:18px;padding:28px clamp(18px,4vw,56px) 44px;display:grid}.staff-chat{box-shadow:none;background:0 0;border:0;padding:0}.staff-chat>.section-label,.staff-chat>h2{display:none}.dialog-list,.staff-chat{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow);border-radius:8px;padding:18px}.dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.dialog-head h2,.staff-chat h2{margin:4px 0 0}.dialog-card{width:100%;min-height:74px;color:var(--ink);background:var(--surface-2);text-align:left;border:1px solid #0000;border-radius:8px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:grid}.dialog-card.active,.dialog-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-2))}.dialog-card span:last-child{gap:4px;min-width:0;display:grid}.dialog-card strong,.dialog-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialog-preview{align-items:center;gap:8px;display:flex}.dialog-preview span{flex:1;min-width:0}.pill{border:1px solid var(--line);background:var(--surface);min-height:20px;color:var(--muted);border-radius:999px;flex:none;align-items:center;padding:0 8px;font-size:11px;font-weight:860;display:inline-flex}.pill.new{color:#11150a;background:#f4cf6a;border-color:#0000}.pill.time{background:0 0}.dialog-card small,.muted-text{color:var(--muted)}.access-gate{text-align:center;max-width:680px;margin:56px auto}.access-gate svg{color:var(--accent)}.access-gate p{color:var(--muted);margin-bottom:22px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:22px clamp(18px,4vw,56px)}.site-footer div{flex-wrap:wrap;gap:12px}.site-footer button{color:var(--muted);background:0 0;border:0}@media (width<=1120px){.site-header{grid-template-columns:1fr}.main-nav,.header-actions{flex-wrap:wrap;justify-content:flex-start}.hero-section,.public-grid,.auth-layout,.admin-layout,.profile-layout,.staff-layout,.faq-grid{grid-template-columns:1fr}.cover-card{min-height:520px}.table-head{display:none}.user-row{grid-template-columns:1fr;gap:10px}}@media (width<=980px){.profile-layout,.chat-layout{grid-template-columns:1fr}.chat-shell{grid-template-rows:auto minmax(360px,56vh) auto}.real-message{width:96%}}@media (width<=760px){.site-header{padding:14px;position:static}.main-nav,.header-actions{width:100%}.main-nav button,.theme-switch,.ghost-button,.accent-button{flex:auto}.hero-section{min-height:auto;padding:28px 14px}.hero-copy h1{font-size:40px}.info-strip,.area-row,.profile-grid,.admin-stats{grid-template-columns:1fr}.info-strip,.public-grid,.auth-layout,.admin-layout,.profile-layout,.staff-layout{padding-left:14px;padding-right:14px}.real-chat-form{grid-template-columns:1fr}.real-message{width:92%}.admin-toolbar{flex-direction:column;align-items:stretch}.search-control{min-width:0}.site-footer{flex-direction:column;align-items:flex-start;padding:18px 14px}}.site{--bg:#07080d;--surface:#10141d;--surface-2:#151b27;--surface-3:#1c2432;--ink:#f4f7fb;--muted:#96a2b4;--line:#e2e8f01f;--accent:#66b7ff;--accent-ink:#071018;--warm:#f7b955;--good:#5fb7ff;--bad:#ff5b7c;--shadow:0 24px 70px #0000007a;background:linear-gradient(135deg,#66b7ff17,#0000 32%),linear-gradient(225deg,#f7b95514,#0000 30%),#07080d}.site[data-theme=light]{--bg:#07080d;--surface:#10141d;--surface-2:#151b27;--surface-3:#1c2432;--ink:#f4f7fb;--muted:#96a2b4;--line:#e2e8f01f;--accent:#66b7ff;--accent-ink:#071018;--warm:#f7b955;--good:#5fb7ff;--bad:#ff5b7c;--shadow:0 24px 70px #0000007a}.site-header{background:#07080dc7;border-bottom:1px solid #e2e8f01a;grid-template-columns:minmax(190px,.8fr) minmax(260px,auto) minmax(220px,.8fr);min-height:72px;box-shadow:0 12px 36px #00000038}.brand-mark,.user-avatar{background:linear-gradient(135deg, var(--accent), #a78bfa 58%, var(--warm));color:#071018}.brand small,.section-label,.eyebrow,.cover-top span,.expert-preview span,.stat-label{letter-spacing:0}.main-nav{background:#151b27c2;border-radius:999px;padding:4px}.main-nav button,.filter-buttons button,.access-actions button{border-radius:999px}.main-nav button.active,.filter-buttons button.active,.access-actions button.active{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#071018}.ghost-button,.accent-button,.theme-switch,.icon-button{border-radius:999px;transition:transform .15s,border-color .15s,background .15s}.ghost-button:hover,.accent-button:hover,.icon-button:hover{border-color:#66b7ff6b;transform:translateY(-1px)}.accent-button{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#071018;box-shadow:0 12px 32px #66b7ff33}.sound-button{min-width:108px}.hero-section{min-height:auto;padding-top:clamp(34px,5vw,72px);padding-bottom:34px}.cover-card,.public-panel,.area-tile,.auth-card,.auth-info,.admin-sidebar,.admin-main,.profile-card,.info-strip div,.access-gate,.dialog-list,.staff-chat,.chat-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10141dc7;border-color:#e2e8f01c}.profile-layout.chat-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:stretch;min-height:calc(100svh - 124px)}.profile-card-v2{align-self:start;position:sticky;top:96px;overflow:hidden}.profile-identity{grid-template-columns:82px minmax(0,1fr)}.user-avatar.large{border-radius:22px;width:82px;height:82px}.profile-who h2,.profile-who p{overflow-wrap:anywhere}.profile-who p{white-space:normal}.role-badge.owner{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#071018}.role-badge.admin{color:#080914;background:#a78bfa}.role-badge.chatter{background:var(--warm);color:#171006}.role-badge.client{color:#e5edf7;background:#334155}.status-badge.active,.bundle-status.paid{color:#bfe4ff;background:#66b7ff29;border-color:#66b7ff52}.status-badge.blocked,.bundle-status.canceled{color:#ffd1da;background:#ff5b7c2e;border-color:#ff5b7c52}.profile-grid{grid-template-columns:1fr}.profile-grid div{background:#151b27b8;min-height:auto}.stat-value{overflow-wrap:anywhere}.profile-main{min-width:0;min-height:0}.chat-shell{border-radius:18px;grid-template-rows:auto minmax(360px,1fr) auto auto;min-height:min(760px,100svh - 128px)}.chat-head{background:linear-gradient(135deg,#66b7ff1a,#0000),#0a0d14e0;align-items:center;padding:16px}.chat-head-text strong{font-size:18px}.chat-head-text span{max-width:62ch}.chat-head-actions{flex:none}.real-chat-messages{scroll-behavior:smooth;background:linear-gradient(#07080d38,#07080da3),repeating-linear-gradient(135deg,#ffffff05 0 1px,#0000 1px 18px);min-height:0;padding:18px}.empty-chat{color:#b8c4d6;max-width:420px;margin:0 auto;line-height:1.55}.real-message{border-radius:18px;width:fit-content;min-width:min(160px,70%);max-width:min(74%,720px);padding:11px 13px 9px;box-shadow:0 10px 30px #00000029}.real-message.kind-bundle{width:min(92%,760px);min-width:min(420px,92%);max-width:min(92%,760px);color:var(--ink);background:#0a0f18fa;border-color:#f7b95557}.real-message.kind-file{max-width:min(82%,620px)}.real-message.mine{color:#071018;background:linear-gradient(135deg,#66b7ff,#a78bfa);border-bottom-right-radius:6px}.real-message.mine.kind-bundle,.real-message.theirs.kind-bundle{color:var(--ink);background:#0a0f18fa}.real-message.theirs{background:#1c2432eb;border-bottom-left-radius:6px}.real-message p{margin-bottom:6px;font-size:15px;line-height:1.52}.real-message>span{opacity:.78}.file-preview{cursor:zoom-in;background:#05070a;border:0;border-radius:14px;width:100%;padding:0;display:block;overflow:hidden}.file-preview img{object-fit:contain;width:100%;max-height:380px}.file-meta{background:#07080d47;border:1px solid #e2e8f021;border-radius:14px;padding:10px 12px}.real-chat-form{background:#0a0d14f0;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:end;padding:14px}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.real-chat-form .icon-button{display:grid}.attach-button{background:#1c2432e6;width:50px;height:50px}.real-chat-form textarea{resize:none;background:#151b27f2;border-radius:18px;min-height:50px;max-height:150px;font-size:15px}.real-chat-form .accent-button{min-height:50px;padding:0 18px}.chat-upload-error{color:#ffd1da;background:#ff5b7c1f;border-top:1px solid #ff5b7c33;padding:9px 14px 13px;font-size:13px}.chat-upload-status{color:#dff1ff;background:#66b7ff1f;border-top:1px solid #66b7ff33;padding:9px 14px 13px;font-size:13px}.drop-hint{z-index:2;color:#dff1ff;background:#66b7ff29;border:1px solid #66b7ff5c;border-radius:999px;width:fit-content;margin:0 auto 12px;padding:10px 14px;font-size:13px;font-weight:820;position:sticky;top:0;box-shadow:0 18px 40px #00000038}.chat-shell.drag-active{border-color:#66b7ff80}.staff-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);min-height:calc(100svh - 124px)}.staff-chat{min-width:0}.dialog-card{background:#151b27db;border-radius:16px}.dialog-card.active,.dialog-card:hover{background:#66b7ff1f}.dialog-card.has-unread{background:#66b7ff1a;border-color:#66b7ff61}.dialog-card strong{justify-content:space-between;align-items:center;gap:8px;display:flex}.dialog-card.has-unread .dialog-preview span{color:#dff1ff;font-weight:760}.bundle-card{color:#f4f7fb;box-shadow:none;background:linear-gradient(#f7b9551a,#66b7ff0a),#080c14fa;border:1px solid #f7b95547;border-radius:16px}.bundle-card .bundle-top strong,.bundle-card .bundle-row strong{color:#f8fbff}.bundle-card .bundle-top span,.bundle-card .bundle-row span,.bundle-card .bundle-address span{color:#aeb9ca}.bundle-card .bundle-address code,.bundle-card .bundle-note{color:#f8fbff;background:#080c14;border-color:#e2e8f024}.bundle-card .bundle-address div{grid-template-columns:minmax(0,1fr) auto}.bundle-card .bundle-address code{white-space:normal;word-break:break-all}.bundle-card .ghost-button{color:#080c14;background:#f4f7fb;border-color:#0000}.bundle-card .accent-button{color:#071018}.bundle-status.pending{color:#ffe1a3;background:#f7b9552e;border-color:#f7b95552}.typing-indicator{width:fit-content;max-width:min(74%,520px);color:var(--muted);background:#1c2432db;border:1px solid #e2e8f01a;border-radius:999px;align-items:center;gap:5px;margin:4px 0 12px;padding:9px 12px;font-size:12px;display:flex}.typing-indicator span{background:var(--accent);border-radius:999px;width:6px;height:6px;animation:1s ease-in-out infinite typing-dot}.typing-indicator span:nth-child(2){animation-delay:.12s}.typing-indicator span:nth-child(3){animation-delay:.24s}.typing-indicator strong{margin-left:4px;font-weight:700}@keyframes typing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.image-viewer{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.image-viewer-card{grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(980px,100%);max-height:min(860px,100svh - 36px);display:grid}.image-viewer-head{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;display:flex}.image-viewer-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.image-viewer-head div{gap:8px;display:flex}.image-viewer-head a{text-decoration:none}.image-viewer-card img{object-fit:contain;background:#05070a;border-radius:18px;max-width:100%;max-height:calc(100svh - 112px);margin:auto;display:block;box-shadow:0 24px 70px #00000085}@media (width<=1120px){.profile-layout.chat-layout,.staff-layout{grid-template-columns:1fr}.profile-card-v2{position:static}}@media (width<=760px){.site-header{gap:10px;padding:12px}.brand-mark{width:38px;height:38px}.main-nav{justify-content:flex-start;overflow-x:auto}.main-nav button,.ghost-button,.accent-button{flex:none}.header-actions{gap:8px}.sound-button{min-width:0}.profile-layout,.staff-layout,.public-grid,.auth-layout,.admin-layout{padding:12px}.profile-card-v2{padding:14px}.profile-identity{grid-template-columns:64px minmax(0,1fr)}.user-avatar.large{border-radius:18px;width:64px;height:64px}.chat-shell{border-radius:16px;min-height:calc(100svh - 164px)}.chat-head{padding:12px}.chat-head-text span{display:none}.real-chat-messages{padding:12px}.real-message{min-width:0;max-width:88%}.file-preview img{max-height:260px}.real-chat-form{grid-template-columns:44px 44px minmax(0,1fr) 48px;gap:8px;padding:10px}.attach-button{width:44px;height:46px}.real-chat-form textarea{min-height:46px;padding:12px}.real-chat-form .accent-button{width:48px;min-height:46px;padding:0;font-size:0}.real-chat-form .accent-button svg{width:19px;height:19px}.real-message.kind-bundle{width:96%;min-width:0;max-width:96%}.bundle-card{padding:12px}.bundle-card .bundle-address div{grid-template-columns:1fr}.bundle-card .ghost-button{width:100%}.image-viewer{padding:10px}.image-viewer-card{max-height:calc(100svh - 20px)}.image-viewer-card img{border-radius:14px;max-height:calc(100svh - 88px)}}