app-connection-cards-page .cards-page{width:min(1120px,100%);margin:0 auto;padding:3.5rem 1.5rem 4rem}app-connection-cards-page .cards-page.is-in-session{padding-top:1.5rem}app-connection-cards-page .cards-page :where(h1,h2,h3,p){margin:0}app-connection-cards-page .cards-page h1{max-width:760px;color:var(--color-heading);font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}app-connection-cards-page .cards-page :where(h3,.panel-heading h2,.collaboration-session-panel h2,.answer-panel h3,.empty-panel h2){color:var(--color-heading);line-height:1.25}app-connection-cards-page .cards-page h3{font-size:1rem}app-connection-cards-page .cards-page .page-heading{display:grid;gap:1rem;margin-bottom:1.5rem}app-connection-cards-page .cards-page .eyebrow{margin-bottom:.45rem;color:var(--color-accent);font-weight:850;text-transform:uppercase}app-connection-cards-page .cards-page .page-heading p:not(.eyebrow){max-width:720px;color:var(--color-muted);font-size:1.08rem;line-height:1.7}app-connection-cards-page .cards-page .panel-shell{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-soft)}app-connection-cards-page .cards-page .compact-panel{padding:.85rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-subtle)}app-connection-cards-page .cards-page :where(.compact-panel p,.empty-panel p,.answer-list p){color:var(--color-muted);line-height:1.6}app-connection-cards-page .cards-page :where(.compact-panel p,.empty-panel p){margin-top:.35rem}app-connection-cards-page .cards-page :where(.session-builder,.favorites-panel,.card-session,.control-group,.collaboration-builder,.collaboration-session-panel,.answer-panel,.question-panel,.progress-row){display:grid}app-connection-cards-page .cards-page :where(.session-builder,.card-session){gap:1rem;padding:1rem}app-connection-cards-page .cards-page .session-builder{margin-bottom:1rem}app-connection-cards-page .cards-page .favorites-panel{gap:.85rem;padding:1rem}app-connection-cards-page .cards-page .card-session{min-height:35rem}app-connection-cards-page .cards-page .control-group{gap:.55rem}app-connection-cards-page .cards-page :where(.collaboration-builder,.collaboration-session-panel,.answer-panel,.question-panel){gap:.8rem}app-connection-cards-page .cards-page :where(.collaboration-session-panel h2,.answer-panel h3){font-size:1.05rem}app-connection-cards-page .cards-page :where(.collaboration-actions,.segmented,.builder-actions,.session-actions,.session-chrome,.session-topline,.panel-heading,.question-heading){display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}app-connection-cards-page .cards-page .collaboration-actions{gap:.65rem;align-items:end}app-connection-cards-page .cards-page :where(.session-chrome,.panel-heading,.question-heading){justify-content:space-between}app-connection-cards-page .cards-page .join-code-field{flex:1 1 12rem;min-width:12rem}app-connection-cards-page .cards-page :where(.control-group>span,label span){color:var(--color-text);font-weight:820}app-connection-cards-page .cards-page label{display:grid;gap:.45rem}app-connection-cards-page .cards-page button{display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;padding:0 .9rem;border:0;border-radius:999px;background:var(--color-primary);color:var(--color-on-primary);font-weight:820;cursor:pointer}app-connection-cards-page .cards-page button:disabled{cursor:not-allowed;opacity:.58}app-connection-cards-page .cards-page :where(.segmented button,.secondary-action){border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}app-connection-cards-page .cards-page .segmented button.is-active{background:var(--color-primary);color:var(--color-on-primary)}app-connection-cards-page .cards-page .favorite-action{min-height:2.25rem}app-connection-cards-page .cards-page :where(.range-row,.guidance-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}app-connection-cards-page .cards-page :where(input,select,textarea){width:100%;min-height:2.65rem;padding:0 .75rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-control);color:var(--color-heading)}app-connection-cards-page .cards-page textarea{min-height:8rem;padding:.75rem;resize:vertical;line-height:1.5}app-connection-cards-page .cards-page .panel-heading h2{font-size:1.1rem}app-connection-cards-page .cards-page .panel-heading span,app-connection-cards-page .cards-page .session-summary{color:var(--color-muted);font-size:.88rem;font-weight:850}app-connection-cards-page .cards-page ul{display:grid;margin:0;padding:0;list-style:none}app-connection-cards-page .cards-page li{display:grid;gap:.25rem}app-connection-cards-page .cards-page .favorite-list{gap:.75rem}app-connection-cards-page .cards-page :where(.participant-list,.answer-list){gap:.6rem}app-connection-cards-page .cards-page :where(.participant-list li,.answer-list li){padding:.65rem;border-radius:8px;background:var(--color-surface)}app-connection-cards-page .cards-page .participant-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center}app-connection-cards-page .cards-page .participant-list li.is-present{outline:1px solid var(--color-accent)}app-connection-cards-page .cards-page .state{color:var(--color-muted);font-weight:750}app-connection-cards-page .cards-page .state.error{color:var(--color-danger)}app-connection-cards-page .cards-page :where(.session-topline span,.category){display:inline-flex;min-height:1.8rem;align-items:center;width:max-content;padding:0 .65rem;border-radius:999px;background:var(--color-chip);color:var(--color-muted);font-size:.8rem;font-weight:850}app-connection-cards-page .cards-page .progress-row{gap:.45rem;color:var(--color-subtle);font-weight:800}app-connection-cards-page .cards-page progress{width:100%;height:.55rem;accent-color:var(--color-accent)}app-connection-cards-page .cards-page .question-panel{padding:1rem;border-radius:8px;background:var(--color-surface-subtle)}app-connection-cards-page .cards-page .question-panel h2{color:var(--color-heading);font-size:clamp(1.7rem,4vw,3rem);line-height:1.12}app-connection-cards-page .cards-page .question-panel p:not(.category){color:var(--color-muted);font-size:1.05rem;line-height:1.65}app-connection-cards-page .cards-page .empty-panel{padding:1rem}app-connection-cards-page .cards-page .empty-panel h2{font-size:1.25rem}@media(max-width:760px){app-connection-cards-page .cards-page{padding:2.25rem 1rem 3rem}app-connection-cards-page .cards-page h1{font-size:2.2rem}app-connection-cards-page .cards-page :where(.range-row,.guidance-grid){grid-template-columns:1fr}app-connection-cards-page .cards-page :where(.session-actions button,.builder-actions button){flex:1 1 10rem}}*{box-sizing:border-box}:root{color-scheme:light;--color-page: #f8fafc;--color-page-wash: linear-gradient(180deg, rgba(254, 252, 248, .96), rgba(246, 248, 251, .98));--color-surface: #ffffff;--color-surface-raised: rgba(255, 255, 255, .86);--color-surface-subtle: #f8fafc;--color-control: #ffffff;--color-text: #172033;--color-heading: #111827;--color-muted: #4b5563;--color-subtle: #64748b;--color-accent: #2f756d;--color-accent-strong: #1f766d;--color-admin-accent: #7c3aed;--color-primary: #172033;--color-primary-hover: #253047;--color-on-primary: #ffffff;--color-warning: #b45309;--color-danger: #b42318;--color-danger-border: #fecaca;--color-border: rgba(23, 32, 51, .1);--color-border-muted: rgba(23, 32, 51, .08);--color-border-strong: rgba(23, 32, 51, .16);--color-hover: #edf2f7;--color-chip: #edf2f7;--color-avatar: #d8f0ec;--color-placeholder: #e2e8f0;--shadow-panel: 0 20px 60px rgba(17, 24, 39, .08);--shadow-soft: 0 24px 60px rgba(36, 52, 78, .08)}html[data-theme=dark]{color-scheme:dark;--color-page: #101615;--color-page-wash: linear-gradient(180deg, rgba(18, 30, 28, .98), rgba(12, 17, 24, .98));--color-surface: #17211f;--color-surface-raised: rgba(24, 35, 33, .9);--color-surface-subtle: #111b1a;--color-control: #1e2b29;--color-text: #eef6f3;--color-heading: #ffffff;--color-muted: #c3d0cb;--color-subtle: #9fb0aa;--color-accent: #67d4c4;--color-accent-strong: #8ee4d6;--color-admin-accent: #c4a7ff;--color-primary: #e7f5f1;--color-primary-hover: #cfe5de;--color-on-primary: #10201d;--color-warning: #fbbf24;--color-danger: #ffb4aa;--color-danger-border: rgba(255, 180, 170, .42);--color-border: rgba(220, 239, 234, .14);--color-border-muted: rgba(220, 239, 234, .1);--color-border-strong: rgba(220, 239, 234, .24);--color-hover: rgba(103, 212, 196, .14);--color-chip: rgba(103, 212, 196, .14);--color-avatar: #21433e;--color-placeholder: #243331;--shadow-panel: 0 20px 60px rgba(0, 0, 0, .24);--shadow-soft: 0 24px 60px rgba(0, 0, 0, .22)}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-page);color:var(--color-text)}body{margin:0;background:var(--color-page)}button,input,select,textarea{font:inherit}a{color:var(--color-accent-strong)}.settings-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.settings-nav a{min-height:2.35rem;padding:.62rem .8rem;border-radius:999px;color:var(--color-text);font-weight:850;text-decoration:none}.settings-nav a:hover,.settings-nav a.is-active{background:var(--color-hover)}.section-nav button{min-height:2.35rem;padding:0 .8rem;border:0;border-radius:999px;background:transparent;color:var(--color-text);font:inherit;font-weight:850;cursor:pointer}.section-nav button:hover,.section-nav button.is-active{background:var(--color-hover)}.section-nav button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.security-center .preference-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem}.security-center .preference-row input[type=checkbox]{width:1.05rem;height:1.05rem;margin:0;accent-color:var(--color-primary);justify-self:start}.security-center .preference-copy{display:grid;gap:.2rem;min-width:0}.security-center .preference-copy span,.security-center .preference-note{color:var(--color-muted)}.security-center .preference-copy span{line-height:1.45}.security-center .preference-note{justify-self:end;font-weight:800}.verification-panel{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-subtle)}.verification-panel .panel-heading,.verification-panel .request-list article>div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.verification-panel .status-pill{padding:.32rem .55rem;border-radius:999px;background:var(--color-chip);color:var(--color-text);font-size:.8rem;font-weight:850}.verification-panel .verification-form,.verification-panel .request-list,.verification-panel .request-list article{display:grid;gap:.75rem}.verification-panel .request-list article{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.verification-panel .request-list p{margin:0;color:var(--color-muted);line-height:1.5}.verification-panel .request-list a{font-weight:760}.verification-panel .decision{padding:.65rem;border-radius:6px;background:var(--color-surface-subtle)}.verification-panel .secondary-action{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}
