*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,var(--glow),transparent 60%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:wait}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent)}button{min-height:44px}h1,h2,p{margin:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{border:1px solid var(--line);border-radius:14px;background:var(--surface-raised);display:flex;align-items:center;justify-content:center;padding:10px;gap:8px}.main{max-width:1160px;padding:10px 24px 20px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:var(--accent);margin-bottom:6px}h1{font-size:26px;letter-spacing:-.6px}.subtitle{color:var(--muted);font-size:13px;margin-top:7px}.back{display:flex;gap:6px;align-items:center;border:0;background:none;color:var(--muted);padding:8px 0;margin-bottom:2px}.back svg{width:18px}.cosmos{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:8px;width:min(100%,800px);height:clamp(350px,calc(100svh - 300px),570px);margin:4px auto 8px}.cosmos-lines{position:absolute;width:100%;height:100%;z-index:-1;stroke:var(--accent);opacity:.3;stroke-width:.18;filter:drop-shadow(0 0 3px var(--accent));pointer-events:none}.cosmos-lines circle{stroke-width:.1;opacity:.4}.cosmos-card{position:relative;align-self:center;justify-self:center;width:clamp(94px,15vw,174px);min-height:92px;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-raised),var(--surface));box-shadow:0 0 24px var(--glow);padding:12px 8px;transition:transform .15s,border-color .15s}.cosmos-card:hover{transform:translateY(-3px);border-color:var(--accent)}.cosmos-card strong{font-size:14px;line-height:1.25;font-weight:650;max-width:100%;overflow-wrap:anywhere}.cosmos-card small{color:var(--muted);font-size:11px;line-height:1.25;max-width:100%;overflow-wrap:anywhere}.cosmos-card>svg{color:var(--accent);width:25px;height:25px}.position-0{grid-area:1/2/2/3}.position-1{grid-area:2/3/3/4}.position-2{grid-area:4/3/5/4}.position-3{grid-area:5/2/6/3}.position-4{grid-area:4/1/5/2}.position-5{grid-area:2/1/3/2}.cosmos-card.locked{background:var(--locked);color:var(--locked-text);box-shadow:none;border-color:var(--locked)}.cosmos-card.locked svg,.cosmos-card.locked small{color:var(--locked-text)}.card-edit{position:absolute;right:7px;top:5px}.card-edit svg{width:13px;height:13px}.badge{position:absolute;right:7px;top:5px;border:1px solid var(--accent);border-radius:20px;font-size:10px;min-width:19px;padding:1px 4px;background:var(--surface)}.core{grid-area:3/2/4/3;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:clamp(108px,17vw,185px);height:clamp(110px,17vw,185px);max-width:100%;border:1px solid var(--accent);border-radius:28px;background:linear-gradient(160deg,var(--surface-raised),var(--surface));box-shadow:0 0 0 7px var(--glow),0 0 60px var(--glow);padding:10px;z-index:1}.core .avatar{font-size:30px;font-weight:600;color:var(--accent)}.core strong{font-size:16px;max-width:100%;overflow-wrap:anywhere}.core small{font-size:10px;color:var(--muted);text-align:center}.view-footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.text-button{border:0;background:none;color:var(--accent);font-size:13px;padding:8px}dialog{position:relative;inset:auto;margin:auto;width:min(530px,calc(100vw - 28px));max-height:calc(100dvh - var(--portal-header-height,80px) - 16px);border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);padding:24px;overflow:auto}dialog::backdrop{background:#020d1db5;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}h2{font-size:21px;letter-spacing:-.4px}.dialog-heading h2{flex:1;min-width:0}.dialog-heading .icon-button{flex:none;border:0;background:transparent;padding:6px;min-width:44px}.dialog-note{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 16px}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;color:var(--muted)}.field.wide{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);min-height:44px}textarea{height:94px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.primary,.secondary{padding:10px 16px;border-radius:12px;border:1px solid var(--line);font-weight:600;font-size:14px}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.secondary{background:var(--surface-raised);color:var(--text)}.status{min-height:21px;margin-top:12px;color:var(--muted);font-size:13px}.status.error{color:var(--error)}.entry-list{display:grid;gap:10px;max-height:min(52dvh,400px);overflow:auto}.entry{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised)}.entry strong{font-size:14px;display:block}.entry p{font-size:13px;color:var(--muted);line-height:1.5;margin-top:5px}.signed-out{min-height:70vh;display:grid;place-content:center;gap:20px;text-align:center}.live-note{text-align:center;color:var(--accent);font-size:13px;min-height:20px;margin-top:8px}
@media(min-width:850px){.cosmos-card{min-height:104px}.core strong{font-size:19px}}
@media(max-width:600px){.icon-button{padding:8px}.main{padding:6px 14px 18px}h1{font-size:23px}.heading{min-height:74px}.subtitle{font-size:12px}.cosmos{height:clamp(366px,calc(100svh - 246px),500px);gap:4px}.cosmos-card{width:min(132px,100%);min-height:86px;border-radius:18px;padding:12px 5px;gap:5px}.cosmos-card strong{font-size:clamp(11px,2.4vw,12px)}.cosmos-card small{font-size:10px}.cosmos-card>svg{width:22px;height:22px}.core{border-radius:22px;min-height:120px}.core strong{font-size:14px}.editor-fields{gap:12px}dialog{padding:18px}.field{font-size:12px}.eyebrow{font-size:9px}.back{font-size:12px}.heading .text-button{font-size:12px}.view-footer{font-size:11px;gap:4px}}
@media(prefers-reduced-motion:reduce){*{transition:none;scroll-behavior:auto}}

#dialog-root[data-open=true]{position:fixed;inset:var(--portal-header-height,80px) 0 0;z-index:90;display:grid;place-items:center;padding:8px;background:#020d1db5;backdrop-filter:blur(7px)}

/* Shared touch-sized checkbox choice, including the whole label. */
.choice-field{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted)}.choice-field input{width:22px;min-height:22px;flex-shrink:0}

/* Shared original-file library: one tenant store, including contact-linked files. */
.document-library{min-width:0}.document-library form{display:grid;gap:10px}.document-library form>.primary{justify-self:start}.document-list{max-height:min(32dvh,280px)}.document-list .entry{min-width:0}.document-list strong{overflow-wrap:anywhere}.document-download{display:inline-flex;align-items:center;min-height:44px;color:var(--text);text-decoration:none}.document-library input[type=file]{max-width:100%}

/* Shared original BubbleBeer four-point mark. */
.mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;transform:rotate(-8deg)}.mark i{width:8px;height:8px;border-radius:50%;background:#42e1e7}.mark i:nth-child(2),.mark i:nth-child(3){background:#2874f0}