.companion-hub-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:1rem;background:rgba(9,24,34,.58);backdrop-filter:blur(8px)}.companion-hub-backdrop[hidden]{display:none}.companion-hub{position:relative;width:min(650px,calc(100vw - 2rem));max-height:min(850px,calc(100vh - 2rem));overflow:auto;border-radius:30px;background:var(--panel,#fff);color:var(--text,#172b39);box-shadow:0 30px 90px rgba(0,0,0,.3);border:1px solid var(--line,#d5e0e4)}.hub-close{position:absolute;z-index:3;right:1rem;top:1rem;width:46px!important;height:46px;border-radius:14px;border:1px solid var(--line,#d5e0e4);background:var(--panel,#fff);color:var(--text,#172b39);font-size:1.7rem}.hub-hero{height:260px;display:grid;place-items:end center;background:var(--hub-hero,linear-gradient(145deg,#e9f4f4,#edf1fb));overflow:hidden}.hub-hero>div{height:230px;width:280px;display:grid;place-items:end center}.hub-hero img{display:block;max-width:100%;max-height:100%;object-fit:contain}.hub-body{padding:1.5rem}.hub-body h2{font-size:1.8rem;margin:.1rem 0}.hub-role{margin:.2rem 0 1rem;color:var(--muted,#647682)}.hub-message{min-height:96px;padding:1rem 1.2rem;border:1px solid var(--line,#d5e0e4);border-radius:20px;background:var(--soft-panel,#f6f8fa);font-size:1.05rem;line-height:1.55}.hub-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.hub-actions button,.hub-question-grid button,.hub-duration button,.hub-session-buttons button,.hub-theme-grid button,.hub-companion-grid button{border:1px solid var(--line,#d5e0e4);border-radius:999px;padding:.7rem 1rem;background:var(--panel,#fff);color:var(--text,#172b39);font-weight:750}.hub-actions .primary,.hub-session-buttons .primary{background:var(--accent,#347f83);border-color:var(--accent,#347f83);color:#fff}.hub-privacy{font-size:.78rem;color:var(--muted,#647682);margin:1rem 0 0}.hub-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}.hub-question-grid button{text-align:left;border-radius:14px}.hub-session{margin-top:1rem}.hub-session label{display:grid;gap:.4rem;font-weight:700}.hub-session input{width:100%;min-height:48px;border-radius:14px;padding:.7rem 1rem}.hub-duration{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin:1rem 0}.hub-duration button{border-radius:14px;padding:.75rem .3rem}.hub-duration button.active{outline:3px solid color-mix(in srgb,var(--accent,#347f83) 25%,transparent);border-color:var(--accent,#347f83)}.hub-clock{text-align:center;font:800 3.4rem/1 ui-monospace,monospace;margin:1.2rem 0 .5rem}.hub-clock-state{text-align:center;color:var(--muted,#647682)}.hub-session-buttons{display:flex;justify-content:center;gap:.6rem}.hub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.hub-stats span{display:grid;text-align:center;padding:.7rem;border-radius:14px;background:var(--soft-panel,#f3f6f8)}.hub-stats strong{font-size:1.25rem}.hub-stats small{color:var(--muted,#647682)}.hub-config h3{margin:1rem 0 .6rem}.hub-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.hub-theme-grid button.active,.hub-companion-grid button.active{border-color:var(--accent,#347f83);box-shadow:inset 0 0 0 2px var(--accent,#347f83)}.hub-companion-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.hub-companion-grid button{border-radius:16px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;text-align:left}.hub-companion-grid button>span{grid-row:1/3;width:52px;height:52px}.hub-companion-grid img{width:100%;height:100%;object-fit:contain}.hub-companion-grid small{color:var(--muted,#647682)}
@media(max-width:620px){.hub-hero{height:210px}.hub-hero>div{height:190px}.hub-body{padding:1rem}.hub-question-grid,.hub-companion-grid{grid-template-columns:1fr}.hub-duration{grid-template-columns:repeat(3,1fr)}.hub-theme-grid{grid-template-columns:1fr 1fr}.hub-actions button{flex:1 1 auto}}