/* 두 디자인 위에서 공통 인증·상담 화면의 접근성과 반응형 배치를 정의합니다. */
.connection-width{width:min(1120px,calc(100% - 32px));margin-inline:auto}.connection-toolbar{background:#fff;border-bottom:1px solid #424242;padding:16px 0}.connection-toolbar>.connection-width{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}.design-controls,.account-controls,.connection-actions,.demo-accounts{display:flex;flex-wrap:wrap;gap:8px}.connection-toolbar button,.connection-panel button,.connection-chat button,.connection-preview button{min-height:44px;padding:8px 16px;border:1px solid #424242;border-radius:12px;font-size:14px;font-weight:600}.connection-toolbar [aria-pressed=true],.connection-panel button[type=submit],.connection-chat button[type=submit]{background:#146f76;color:#fff;border-color:#146f76}.connection-toolbar #session-status{font-size:14px;margin-left:auto;overflow-wrap:anywhere}.prototype-notice{padding:16px 0;font-size:16px;color:#424242}.connection-panel{padding:32px 0 48px}.connection-panel h1{font-size:32px;margin-bottom:16px}.connection-panel h2{font-size:24px;margin-bottom:16px}.connection-panel form,.connection-chat form{display:grid;gap:8px;margin-top:16px}.connection-panel label,.connection-chat label,.connection-preview label{font-size:14px;font-weight:600;display:block}.connection-panel input,.connection-panel select,.connection-panel textarea,.connection-chat textarea,.connection-preview select{width:100%;min-width:0;padding:12px;background:#fff;color:#424242;border:1px solid #757575;border-radius:12px;font-family:inherit;font-size:16px;line-height:1.6}.connection-panel input{min-height:48px}.connection-panel textarea,.connection-chat textarea{resize:vertical}.connection-panel button:disabled,.connection-chat button:disabled{color:#424242;background:#f0f0f0;border-color:#757575;cursor:default}.connection-panel form>button,.connection-chat form>button{justify-self:start}.connection-panel #auth-form,.connection-panel #signup-form{max-width:480px}.demo-accounts{margin-top:16px}.member-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;margin-top:24px}.member-layout aside{border-right:1px solid #757575;padding-right:24px}.member-layout>*{min-width:0}#room-list{display:grid;gap:8px;margin:16px 0}#room-list button{text-align:left;overflow-wrap:anywhere}#room-list [aria-pressed=true]{border-color:#146f76;background:color-mix(in srgb,#1e8b94 8%,#fff);color:#146f76}.connection-chat{border-top:1px solid #757575;margin-top:24px;padding:24px 0}.connection-chat h3{font-size:24px;margin-bottom:8px}.chat-messages{display:grid;gap:16px;margin-top:24px;max-height:480px;overflow:auto;overscroll-behavior:contain}.chat-turn{padding:16px;background:#fff;border:1px solid #757575;border-radius:12px;overflow-wrap:anywhere}.chat-turn p{white-space:pre-wrap}.chat-turn .chat-label{font-size:14px;font-weight:600;color:#146f76;margin-bottom:8px}.chat-turn .chat-answer{margin-top:16px}.question-count{font-size:14px;font-variant-numeric:tabular-nums}.question-count.over-limit,[data-error=true]{color:#d32f2f}.connection-actions{margin-top:16px}#auth-status,#signup-status,#member-status,#google-status{min-height:24px;margin-top:16px;white-space:pre-wrap;overflow-wrap:anywhere}.account-delete{margin-top:32px;border-top:1px solid #757575;padding-top:16px}.account-delete p{margin:16px 0}.connection-preview{padding:24px 0 32px;border-top:1px solid #757575}.connection-preview select{max-width:480px;margin:8px 0}.connection-preview summary{font-size:14px;font-weight:600;min-height:44px}.connection-panel :focus-visible,.connection-chat :focus-visible,.connection-toolbar :focus-visible,.connection-preview :focus-visible{outline:3px solid #1e8b94;outline-offset:4px}.site-footer :focus-visible{outline-color:#fff}.site-footer .footer-bottom,.site-footer .brand span,.site-footer .footer-brand span{font-size:14px}.question-chips button,.partner-types button,.circle-button,.state-buttons button{border-color:#757575}.symbol-button{--symbol-color:#1e8b94!important}.brand span,.brand small,.edition-label,.hero-figure figcaption,.look-heading span:last-child,.card-topline,.card-controls-note,.card-counter,.feed-heading>span,.article-meta,.chapter-nav a span,.chapter-topline,.footer-bottom{font-size:14px!important}#google-chat[hidden]{display:none!important}
.toolbar-menu{position:relative}.toolbar-menu>summary{min-height:44px;padding:8px 16px;border:1px solid #424242;border-radius:12px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none}.toolbar-menu>summary::-webkit-details-marker{display:none}.toolbar-menu>summary::after{content:'▾'}.toolbar-menu[open]>summary::after{content:'▴'}#toolbar-menu .toolbar-menu-panel{position:absolute;top:calc(100% + 8px);left:0;right:auto;margin-top:0;max-height:calc(100dvh - 84px);overflow:auto;z-index:100;width:224px;max-width:calc(100vw - 32px);padding:8px;display:grid;gap:8px;background:#fff;border:1px solid #424242;border-radius:12px;box-shadow:0 8px 24px #00000014}.toolbar-menu-panel .design-controls{display:grid;gap:8px}.toolbar-menu-panel button{text-align:left;width:100%}.connection-toolbar button[hidden]{display:none!important}
@media(max-width:700px){.connection-toolbar>.connection-width{align-items:flex-start;flex-direction:column}.connection-toolbar #session-status{margin-left:0}.member-layout{grid-template-columns:1fr;gap:24px}.member-layout aside{border-right:0;border-bottom:1px solid #757575;padding:0 0 24px}.connection-panel h1{font-size:28px}.connection-toolbar button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.alpha-content{min-width:0;margin-block:24px}.alpha-content h3,.alpha-admin h3{font-size:24px;margin-block:16px}.alpha-content button,.alpha-inquiry button,.alpha-admin button{min-height:44px;padding:8px 16px;border:1px solid #757575;border-radius:12px;background:#fff;color:#424242;font:inherit;font-size:14px;font-weight:600}.alpha-content [aria-pressed=true]{background:#1e8b94;color:#fff}.alpha-content[data-alpha-design=concept1]>.category-filters{display:none}.alpha-content .article-row{grid-template-columns:minmax(0,1fr) auto;gap:16px}.alpha-content .article-copy{min-width:0}.alpha-content .article-description,.alpha-admin-row p{white-space:pre-wrap;overflow-wrap:anywhere}.alpha-content .article-meta,.alpha-status{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.alpha-status{min-height:24px;margin-block:16px}.alpha-source-details{margin-top:24px}.alpha-source-details summary,.alpha-inquiry>summary,.alpha-admin>summary{min-height:44px;padding-block:8px;cursor:pointer;font-size:16px;font-weight:600}.alpha-admin-list{margin-block:24px}.alpha-admin-rows{display:grid;gap:16px}.alpha-admin-row{padding:16px;border:1px solid #757575;border-radius:12px;background:#fff}.alpha-admin-row button{margin-top:8px}.alpha-inquiry input,.alpha-inquiry textarea{max-width:720px}.alpha-content[hidden],.alpha-admin[hidden],.alpha-content button[hidden],.alpha-inquiry button[hidden],.alpha-admin button[hidden]{display:none!important}.alpha-content :focus-visible{outline:3px solid #1e8b94;outline-offset:4px}.alpha-content button:disabled{background:#f0f0f0;color:#424242}.alpha-content button,.alpha-inquiry button,.alpha-admin button{margin:4px}.alpha-content .category-filters{gap:8px}@media(max-width:700px){.alpha-content .article-row{grid-template-columns:minmax(0,1fr)}.alpha-admin-row{padding:8px}}
.provided-card{max-width:100%;min-width:0;margin-block:16px;padding:16px;background:#fff;border:1px solid #757575;border-radius:12px}.provided-card h3{font-family:inherit;font-size:24px;font-weight:700;line-height:1.5;margin:0 0 16px}.provided-card-frame{aspect-ratio:3/4;width:100%;max-width:720px;background:#f0f0f0;border-radius:12px;overflow:hidden}.provided-card-frame img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.provided-card-status{font-size:14px;line-height:1.6;margin-block:8px}.provided-card-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.provided-card-controls button{min-width:64px;min-height:44px;padding:8px 16px;border:1px solid #757575;border-radius:12px;background:#fff;color:#424242;font:inherit;font-size:14px;font-weight:600}.provided-card-controls button:disabled{background:#f0f0f0;color:#757575}.provided-card-controls span{font-size:14px;font-variant-numeric:tabular-nums}.provided-card[hidden],.provided-card-frame[hidden],.provided-card-controls[hidden],.provided-card-frame img[hidden]{display:none!important}@media(max-width:700px){.provided-card{padding:8px}.provided-card-frame{max-width:100%}}

.member-provided-card .provided-card-frame{cursor:zoom-in}.member-provided-card .provided-card-controls{max-width:300px}.card-enlarge,.card-expanded-close{min-height:44px;padding:8px 16px;border:1px solid #757575;border-radius:12px;background:#fff;color:#424242;font:inherit;font-size:14px;font-weight:600}.card-enlarge{margin-top:8px}.card-enlarge[hidden]{display:none!important}.card-expanded{width:min(752px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:16px;border:1px solid #757575;border-radius:12px;background:#fff;color:#424242;overflow:auto}.card-expanded::backdrop{background:#0006}.card-expanded .provided-card-frame{width:min(100%,calc(75dvh - 160px));max-width:720px;cursor:default;margin-inline:auto}.card-expanded .provided-card-controls{max-width:none}.card-expanded-close{display:block;margin:0 0 8px auto}.card-expanded :focus-visible,.card-enlarge:focus-visible{outline:3px solid #1e8b94;outline-offset:4px}

.answer-wait{padding:16px;color:#424242;font-size:14px;line-height:1.6}.answer-wait p{margin:0 0 8px}.answer-wait-dots{display:inline-block;margin-right:16px;color:#1e8b94;animation:answer-wait-pulse 1.2s ease-in-out infinite}.answer-wait-time{font-variant-numeric:tabular-nums}@keyframes answer-wait-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.answer-wait-dots{animation:none}}

/* 전용 상담 화면의 기록 읽기와 고정 입력 영역을 정돈합니다. */
#google-screen .connection-chat{border-top:0;margin-top:0;padding:0}.chat-guidance{margin-top:16px;font-size:14px;line-height:1.6;color:#424242}.connection-panel>p{margin-bottom:16px}#google-screen[hidden],#member-screen[hidden]{display:none!important}.chat-messages:focus-visible{outline:3px solid #1e8b94;outline-offset:4px}#google-screen .chat-messages{max-height: min(480px,60vh)}.connection-actions [data-consultation-entry]{min-height:44px;padding:8px 16px;border:1px solid #757575;border-radius:12px;background:#fff;color:#424242;font:inherit;font-size:14px;font-weight:600}.connection-actions [data-consultation-entry]:focus-visible{outline:3px solid #1e8b94;outline-offset:4px}

/* 상담 화면은 전체높이 측면 목록과 둥근 입력 표면, 경계 없는 답변 흐름을 사용합니다. */
.connection-info{position:relative;margin-left:auto}.connection-info>summary,.chat-info>summary{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:0;border-radius:12px;background:#fff;font-size:14px;cursor:pointer;list-style:none}.connection-info>summary::-webkit-details-marker,.chat-info>summary::-webkit-details-marker{display:none}.connection-info-panel,.chat-info>div{position:absolute;top:calc(100% + 8px);right:0;z-index:110;width:min(360px,calc(100vw - 32px));max-height:min(480px,70dvh);overflow:auto;padding:16px;border:1px solid #ddd;border-radius:16px;background:#fff;box-shadow:0 8px 24px #00000014;font-size:14px;line-height:1.6}.connection-info-panel .prototype-notice{width:auto;margin:8px 0;padding:0;font-size:14px}.connection-info-panel #session-status{margin:0}.connection-info-panel #service-readiness{width:auto;margin:16px 0 0;padding:0}.connection-info-panel #service-readiness h2{font-size:16px;margin:0 0 8px}.connection-info-panel #service-readiness p{margin:8px 0}body[data-screen=member] #toolbar-menu .toolbar-menu-panel{max-height:calc(100dvh - 72px);left:auto;right:0}.toolbar-menu-panel .account-delete{margin:0;padding:8px 0;border:0;font-size:14px}.toolbar-menu-panel .account-delete summary{min-height:44px;padding:8px}.toolbar-menu-panel .account-delete p{margin:8px 0}
body[data-screen=member],body[data-screen=google]{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr);padding-left:260px;background:#fff;color:#212121}body[data-screen=member] #content,body[data-screen=google] #content{min-height:0;height:100%;display:grid;overflow:hidden}body[data-screen=member]>.connection-preview,body[data-screen=google]>.connection-preview{display:none!important}body[data-screen=member]>.connection-toolbar,body[data-screen=google]>.connection-toolbar{position:fixed;top:8px;right:8px;z-index:30;padding:0;border:0;background:transparent}body[data-screen=member] .connection-toolbar>.connection-width,body[data-screen=google] .connection-toolbar>.connection-width{width:auto;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:4px}body[data-screen=member] .connection-toolbar button,body[data-screen=google] .connection-toolbar button{border:0;background:#fff;color:#212121;padding:8px;min-height:40px}body[data-screen=member] .toolbar-menu>summary,body[data-screen=google] .toolbar-menu>summary{min-height:40px;border:0;padding:8px}
.connection-panel.chat-screen{width:100%;max-width:none;height:100%;min-height:0;min-width:0;margin:0;padding:0;overflow:hidden}#member-screen.chat-screen{display:grid;grid-template-rows:60px minmax(0,1fr)}.chat-header{display:flex;align-items:center;gap:8px;min-width:0;height:60px;padding:8px 24px;background:#fff}.chat-header h1{font-size:18px;font-weight:600;margin:0}.chat-header h2{margin:0}.chat-header button,.chat-header summary{border:0;background:transparent;color:#212121;min-height:40px;padding:8px}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-info{position:relative}.chat-header-actions>#google-home,.chat-header-actions>#google-new-conversation{display:none}
.chat-screen .member-layout{display:block;position:static;padding:0;margin:0;min-height:0;min-width:0}.chat-screen .chat-room-panel{position:fixed;inset:0 auto 0 0;width:260px;height:100vh;height:100dvh;z-index:70;overflow-y:auto;padding:16px 12px;border:0;background:#f9f9f9}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;min-height:40px;font-size:14px;font-weight:600;margin-bottom:16px}.chat-room-panel button{border:0!important;border-radius:10px!important;background:transparent!important;color:#212121!important;min-height:40px;padding:8px 12px;text-align:left;font-size:14px;font-weight:500}.chat-room-panel button:hover,.chat-room-panel button[aria-pressed=true]{background:#eaeaea!important}.chat-room-panel #room-list{gap:2px;margin:24px 0 16px}.room-row{display:flex;align-items:center;min-width:0;border-radius:10px}.room-row>button:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-row>.room-menu-trigger{flex:0 0 40px;font-size:20px;text-align:center;padding:4px}.chat-room-panel .chat-guidance{font-size:12px;color:#666;margin:16px 8px}.chat-room-panel>button{display:block;width:100%;margin-top:4px}.drawer-close,#toggle-room-panel,#toggle-google-panel,.drawer-backdrop{display:none}.room-action-menu{position:fixed;left:16px;z-index:90;width:220px;padding:6px;border:1px solid #ddd;border-radius:14px;background:#fff;box-shadow:0 8px 24px #00000020}.room-action-menu button{width:100%;border:0!important;background:#fff!important;color:#212121!important;text-align:left;min-height:44px;padding:10px 12px;border-radius:8px}.room-action-menu button:hover{background:#f3f3f3!important}.room-action-menu #delete-room{color:#b42318!important}.room-action-menu[hidden],.selector-native,.selection-popover[hidden],.chat-feedback[hidden],.member-selection-details[hidden]{display:none!important}
.chat-main{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden}.chat-history{display:grid;grid-template-rows:minmax(0,1fr) auto;flex:1 1 0;min-height:48px;min-width:0}.chat-history>button{justify-self:center;margin:8px}.chat-screen .chat-messages{display:grid;width:100%;max-width:800px;max-height:none!important;min-height:0;min-width:0;margin:0 auto;padding:24px;gap:32px;align-content:start;overflow-y:auto;overflow-x:hidden;scroll-padding:24px}.chat-screen .chat-turn{display:flex;flex-direction:column;gap:20px;padding:0;margin:0;border:0;border-radius:0;background:transparent;min-width:0}.chat-user{align-self:flex-end;max-width:85%;padding:10px 18px;border-radius:24px;background:#f4f4f4;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}.chat-assistant{min-width:0;width:100%;font-size:16px;line-height:1.8}.chat-assistant>p{white-space:pre-wrap;overflow-wrap:anywhere}.answer-info{font-size:12px;color:#666;margin-top:12px}.answer-info summary{cursor:pointer;min-height:32px;display:flex;align-items:center;width:max-content}.answer-info p{margin:8px 0;overflow-wrap:anywhere}.answer-info .chat-disclaimer{font-size:12px}.chat-empty{font-size:28px;font-weight:600;text-align:center;padding:8px 0;margin:0}.chat-screen[data-empty=true] .chat-main{justify-content:center;gap:24px}.chat-screen[data-empty=true] .chat-history{flex:0 0 auto;min-height:0}.chat-screen[data-empty=true] .chat-messages{padding:0 24px;overflow:visible}.chat-screen[data-empty=true] .chat-composer{flex:0 1 auto}
.chat-screen .chat-composer{position:relative;width:100%;max-width:800px;flex:0 1 auto;min-height:0;max-height:100%;overflow-y:auto;margin:0 auto;padding:12px 24px 20px;border:0;background:#fff}.chat-composer form{position:relative;margin:0;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:end;border:1px solid #dedede;border-radius:28px;background:#f4f4f4}.chat-composer textarea{grid-column:1;grid-row:1;width:100%;height:44px;min-height:44px;max-height:160px;padding:10px 8px;border:0;border-radius:0;background:transparent;font-size:16px;line-height:1.5;resize:none;overflow-y:auto}.chat-composer textarea:focus-visible{outline:0}.chat-composer form:focus-within{border-color:#aaa}.chat-input-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chat-composer .question-count{display:none;font-size:12px;margin:0}.chat-composer .question-count.over-limit{display:block;grid-column:1/-1;color:#b42318}.member-composer-toolbar{grid-column:2;grid-row:1;display:flex;align-items:center;gap:4px;min-width:0}.chat-composer #member-send,.chat-composer #google-send{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;border:0;border-radius:50%;padding:0;background:#212121;color:#fff;font-size:24px;font-weight:500;flex-shrink:0}.chat-composer #member-send:disabled,.chat-composer #google-send:disabled{background:#d7d7d7;color:#fff}.selection-popover{position:relative;min-width:0}.selection-popover>summary{display:flex;align-items:center;min-height:36px;max-width:160px;padding:6px 10px;border:0;border-radius:20px;background:transparent;font-size:13px;font-weight:500;cursor:pointer;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-popover>summary::-webkit-details-marker{display:none}.selection-popover>summary:hover{background:#e7e7e7}.selection-popover[data-available=false]>summary{color:#666}.selection-options{position:fixed;bottom:88px;right:24px;z-index:100;display:grid;width:min(300px,calc(100vw - 32px));max-height:min(320px,50dvh);overflow:auto;padding:6px;background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 8px 24px #00000020}.selection-options button{min-height:44px;padding:10px 12px;text-align:left;border:0;background:#fff;color:#212121;border-radius:10px;font-size:14px;font-weight:500}.selection-options button[aria-pressed=true]{background:#eee}.selection-options button[aria-pressed=true]::after{content:' ✓'}.selection-options button:hover{background:#f5f5f5}.chat-feedback{font-size:14px;line-height:1.6;overflow-wrap:anywhere;margin:8px 0}.chat-feedback>summary,.member-selection-details>summary{min-height:36px;padding:6px 0;cursor:pointer;font-size:14px}.chat-feedback p{margin:8px 0}.chat-recovery{margin:0 0 8px}.chat-recovery button{border:1px solid #ddd;background:#fff;color:#212121;min-height:40px;padding:8px 12px;font-size:13px}.chat-detail-content{display:grid;gap:8px;padding:8px 0;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.chat-detail-content>button{justify-self:start}
#google-screen .chat-surface{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden}#google-screen .chat-header{flex-shrink:0}#google-screen .chat-messages{flex:1 1 0;min-height:48px}#google-screen[data-empty=true] .chat-surface{justify-content:center;gap:24px}#google-screen[data-empty=true] .chat-header{position:absolute;top:0;left:260px}#google-screen[data-empty=true] .chat-messages{flex:0 0 auto;min-height:0;padding:0 24px}#google-form textarea{grid-column:1;grid-row:1}#google-form>button{grid-column:2;grid-row:1;justify-self:end}
body[data-screen=member] #alpha-inquiry:not([open]),body[data-screen=google] #alpha-inquiry:not([open]),body[data-screen=member] #alpha-admin:not([open]),body[data-screen=google] #alpha-admin:not([open]){display:none}body[data-screen=member] #alpha-inquiry[open],body[data-screen=google] #alpha-inquiry[open],body[data-screen=member] #alpha-admin[open],body[data-screen=google] #alpha-admin[open]{position:fixed;inset:72px 16px auto;z-index:120;width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 88px);overflow:auto;margin-inline:auto;padding:16px;border:1px solid #ddd;border-radius:16px;background:#fff;box-shadow:0 8px 24px #00000014}
@media(max-width:700px){body[data-screen=member],body[data-screen=google]{padding-left:0;grid-template-rows:auto minmax(0,1fr)}body[data-screen=member]>.connection-toolbar,body[data-screen=google]>.connection-toolbar{position:relative;top:auto;right:auto;padding:8px;grid-row:1}body[data-screen=member] .connection-toolbar>.connection-width,body[data-screen=google] .connection-toolbar>.connection-width{flex-wrap:wrap;justify-content:flex-end}body[data-screen=member] #content,body[data-screen=google] #content{grid-row:2}#google-screen .chat-surface{position:relative}body[data-screen=member] .toolbar-menu-panel,body[data-screen=google] .toolbar-menu-panel,body[data-screen=member] .connection-info-panel,body[data-screen=google] .connection-info-panel,#google-screen .chat-info>div{position:fixed;top:auto;left:16px;right:auto;margin-top:8px}.connection-info{margin-left:0}.chat-header{padding:8px}.chat-header h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chat-screen .chat-room-panel{width:min(266px,calc(100vw - 48px));padding:16px 12px;box-shadow:8px 0 24px #00000014}.chat-room-panel[data-open=false]{display:none}.drawer-close,#toggle-room-panel,#toggle-google-panel{display:block}.drawer-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:60;width:100%;height:100%;border:0;background:#0006;padding:0}.chat-screen .chat-composer{padding:8px 12px 16px}.chat-screen .chat-messages{padding:16px;gap:24px}.chat-user{max-width:90%}.chat-empty{font-size:24px}.chat-composer form{grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;gap:4px}.chat-composer textarea{grid-column:1/-1;grid-row:1;padding:8px 4px}.member-composer-toolbar{grid-column:1/-1;grid-row:2}.member-composer-toolbar>#member-send{margin-left:auto}.selection-popover>summary{max-width:140px;padding:6px 8px;font-size:12px}.selection-options{bottom:88px;right:16px}.chat-screen[data-empty=true] .chat-main{gap:16px}#google-screen[data-empty=true] .chat-header{left:0}#google-form textarea{grid-column:1;grid-row:1}#google-form>button{grid-column:2;grid-row:1}.room-action-menu{left:16px}}

/* 대화행 편집과 삭제 확인은 명시한 대상 안에서만 수행합니다. */
.room-row:has(.room-rename-input){flex-wrap:wrap}.chat-room-panel .room-rename-input{width:calc(100% - 80px);min-height:40px;padding:8px;border:1px solid #aaa;border-radius:8px;background:#fff;font-size:14px}.room-row .room-rename-error{width:100%;margin:0;font-size:12px;color:#b42318}.room-row>button[hidden]{display:none!important}.room-delete-dialog{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #ddd;border-radius:24px;background:#fff;color:#212121;box-shadow:0 16px 48px #0003}.room-delete-dialog::backdrop{background:#0006}.room-delete-dialog h2{font-size:20px;margin:0 0 16px}.room-delete-dialog p{font-size:14px;margin:8px 0;overflow-wrap:anywhere}.room-delete-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.room-delete-dialog button{min-height:40px;padding:8px 16px;border:1px solid #ddd;border-radius:20px;background:#fff;color:#212121;font-size:14px}.room-delete-dialog #confirm-room-delete{background:#b42318;color:#fff;border-color:#b42318}

/* Google 상담은 소개 콘텐츠 안의 같은 입력 DOM과 경계 없는 대화로 이어집니다. */
.google-inline{min-width:0;margin-top:24px}.google-inline[hidden]{display:none!important}.google-inline .connection-chat{border:0;margin:0;padding:0}.google-inline .chat-header{height:auto;min-height:60px;padding:0;justify-content:space-between;flex-wrap:wrap}.google-inline .chat-header h1{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:18px}.google-inline .chat-header-actions{flex-wrap:wrap;min-width:0;max-width:100%}.google-inline .chat-header-actions>#google-home,.google-inline .chat-header-actions>#google-new-conversation{display:block}.google-inline .chat-info>div{position:static;width:min(360px,calc(100vw - 64px));max-width:100%;margin-top:8px}.google-inline .chat-messages{width:100%;max-height:min(480px,60vh);margin:16px 0;gap:24px;align-content:start}.google-inline .chat-turn{display:flex;flex-direction:column;gap:20px;padding:0;border:0;border-radius:0;background:transparent;min-width:0}.google-inline .chat-composer{min-width:0;padding:12px 0 20px}.google-inline .chat-empty{font-size:24px}.google-inline .chat-composer form{max-width:100%}

/* 운영글 평문과 안정 편집기의 줄바꿈 및 모바일 폭을 보존한다. */
.alpha-board h2,.alpha-admin-row h4,.alpha-post-current h4{overflow-wrap:anywhere}.alpha-post-body{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;line-height:1.8}.alpha-board{min-width:0}.alpha-board .alpha-admin-row{margin-block:16px}.alpha-post-editor{min-width:0}.alpha-post-editor input,.alpha-post-editor textarea,.alpha-post-editor select{width:100%;max-width:100%;min-width:0}.alpha-board button{min-height:44px;margin:4px;padding:8px 16px;border:1px solid #757575;border-radius:12px;background:#fff;color:#424242;font:inherit}.alpha-board :focus-visible{outline:3px solid #1e8b94;outline-offset:4px}.alpha-board[hidden],.alpha-post-editor[hidden]{display:none!important}

/* 본인 계정의 기존 폼을 유지하며 읽기 정보와 설정 구획을 정돈합니다. */
#account-screen{color:#424242;min-width:0}
#account-screen *{box-sizing:border-box}
#account-screen .account-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}
#account-screen .account-heading h1{margin:0}
#account-screen .account-overview,#account-screen .account-section{min-width:0;padding:32px;border:1px solid #F0F0F0;border-radius:12px;background:#FFFFFF}
#account-screen .account-overview{margin-bottom:32px}
#account-screen .account-overview h2,#account-screen .account-section h2{margin:0 0 16px;line-height:1.5;scroll-margin-top:24px}
#account-screen .account-overview-values{display:grid;gap:8px}
#account-screen p{margin:0;overflow-wrap:anywhere;line-height:1.75}
#account-screen .account-read-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:16px}
#account-screen .account-layout{display:grid;grid-template-columns:192px minmax(0,1fr);align-items:start;gap:32px}
#account-screen .account-nav{position:sticky;top:24px;min-width:0}
#account-screen .account-nav h2{margin:0 0 16px;font-size:16px;line-height:1.5}
#account-screen .account-nav-buttons{display:grid;gap:8px}
#account-screen .account-nav button{width:100%;text-align:left;background:#FFFFFF;color:#424242}
#account-screen .account-settings{display:grid;min-width:0;gap:24px}
#account-screen form{width:100%;max-width:640px;min-width:0;margin:0;gap:8px}
#account-screen input{max-width:100%;min-width:0}
#account-screen label:not(:first-child){margin-top:8px}
#account-screen button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-family:inherit;line-height:1.5}
#account-screen form>button{margin-top:8px}
#account-screen [role=status]{min-height:24px;font-size:14px;white-space:pre-wrap;line-height:1.6}
#account-screen #account-name-help,#account-screen #account-contact-help,#account-screen #account-password-help,#account-screen #account-contact-verification-help{font-size:14px}
#account-screen .account-verification{max-width:640px;min-width:0;margin-top:24px;padding-top:24px;border-top:1px solid #F0F0F0}
#account-screen .account-verification button{margin:16px 0 8px}
#account-screen .account-session-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:8px}
#account-screen .account-session-action>div{min-width:0;flex:1 1 240px}
#account-screen .account-session-action h3{margin:0 0 8px;font-size:16px;line-height:1.5}
#account-screen .account-session-action p{font-size:14px}
#account-screen .account-session-action+.account-session-action{margin-top:24px;padding-top:24px;border-top:1px solid #F0F0F0}
#account-screen #account-delete{border-color:#D32F2F;color:#D32F2F;background:#FFFFFF}
#account-screen h2[tabindex]:focus{outline:3px solid #1E8B94;outline-offset:4px;border-radius:12px}
@media(max-width:700px){#account-screen .account-layout{grid-template-columns:minmax(0,1fr);gap:24px}#account-screen .account-nav{position:static}#account-screen .account-nav-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}#account-screen .account-overview,#account-screen .account-section{padding:16px}#account-screen .account-overview{margin-bottom:24px}#account-screen .account-session-action>div{flex-basis:100%}}

/* 관리자 업무 탐색과 기존 목록·편집·변경 안내의 읽기 배치를 정돈합니다. */
#admin-screen{color:#424242;min-width:0;--admin-nav-offset:24px}
#admin-screen *{box-sizing:border-box}
#admin-screen [hidden]{display:none!important}
#admin-screen #alpha-admin{width:100%;min-width:0;margin:0;padding:0}
#admin-screen .alpha-admin-workspace{display:grid;grid-template-columns:192px minmax(0,1fr);align-items:start;gap:32px;margin-top:24px;min-width:0}
#admin-screen .alpha-admin-nav{position:sticky;top:24px;z-index:2;display:grid;align-content:start;gap:8px;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid #F0F0F0;border-radius:12px;background:#FFFFFF;min-width:0}
#admin-screen .alpha-admin-nav button{width:100%;margin:0;text-align:left}
#admin-screen .alpha-admin-sections{display:grid;gap:32px;min-width:0}
#admin-screen .alpha-admin-list{margin:0;padding:24px;min-width:0;border:1px solid #F0F0F0;border-radius:12px;background:#FFFFFF}
#admin-screen .alpha-admin-list>h3{margin:0 0 16px;font-size:24px;line-height:1.5;overflow-wrap:anywhere;scroll-margin-top:var(--admin-nav-offset)}
#admin-screen .alpha-admin-list>h3:focus{outline:3px solid #1E8B94;outline-offset:4px;border-radius:12px}
#admin-screen .alpha-admin-rows{display:grid;gap:16px;min-width:0}
#admin-screen .alpha-admin-row{display:grid;gap:8px;margin:0;padding:16px;min-width:0;border-color:#F0F0F0}
#admin-screen .alpha-admin-row h4{margin:0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
#admin-screen p,#admin-screen a,#admin-screen summary{overflow-wrap:anywhere}
#admin-screen .alpha-admin-row p{margin:0;line-height:1.75;font-variant-numeric:tabular-nums}
#admin-screen button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-family:inherit;line-height:1.5}
#admin-screen .alpha-admin-row-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin-top:8px}
#admin-screen .alpha-admin-row-actions button{margin:0}
#admin-screen form{width:100%;max-width:640px;min-width:0;gap:8px}
#admin-screen input,#admin-screen textarea,#admin-screen select{width:100%;max-width:100%;min-width:0}
#admin-screen form label{margin-top:8px}
#admin-screen form p{margin:8px 0;line-height:1.75}
#admin-screen .alpha-status{white-space:pre-wrap;overflow-wrap:anywhere}
#admin-screen .alpha-admin-row-feedback,#admin-screen .alpha-admin-form-feedback,#admin-screen .alpha-admin-feedback-host{min-width:0;scroll-margin-top:var(--admin-nav-offset)}
#admin-screen .alpha-admin-row-feedback:empty,#admin-screen .alpha-admin-form-feedback:empty,#admin-screen .alpha-admin-feedback-host:empty{display:none;margin:0;padding:0}
#admin-screen .alpha-admin-mutation:not([hidden]){margin:16px 0 0;padding:16px;min-width:0;border:1px solid #757575;border-radius:12px;background:#FAFAFA}
#admin-screen .alpha-admin-mutation .alpha-status{margin:0 0 8px}
#admin-screen .alpha-admin-mutation button{margin:4px 8px 4px 0}
#admin-screen .alpha-admin-technical{min-width:0;margin-top:8px;padding-top:8px;border-top:1px solid #F0F0F0;font-size:14px}
#admin-screen .alpha-admin-technical summary{min-height:44px;padding:8px 0;font-weight:600;line-height:1.75;cursor:pointer}
#admin-screen .alpha-admin-technical p{margin:8px 0;white-space:pre-wrap;line-height:1.75}
#admin-screen :focus-visible{outline:3px solid #1E8B94;outline-offset:4px}

/* 승인된 선택 메뉴 문장과 대화 생성시각만 기존 컨트롤 안에 표시합니다. */
#member-screen .selection-application-note{margin:8px 6px 4px;padding-top:8px;border-top:1px solid #ddd;color:#424242;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
#member-screen .room-row>button:first-child{white-space:normal}
#member-screen .room-title-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#member-screen .room-created-at{display:block;margin-top:4px;color:#424242;font-size:14px;font-weight:400;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){#admin-screen{--admin-nav-height:min(176px,35dvh);--admin-nav-offset:calc(var(--admin-nav-height) + 24px)}#admin-screen .alpha-admin-workspace{grid-template-columns:minmax(0,1fr);gap:24px}#admin-screen .alpha-admin-nav{top:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:var(--admin-nav-height);padding:8px}#admin-screen .alpha-admin-sections{gap:24px}#admin-screen .alpha-admin-list{padding:16px}#admin-screen .alpha-admin-list>h3{font-size:24px}#admin-screen .alpha-admin-row{padding:16px}}

/* 이용 안내와 신규 가입의 별도 동의 원문을 기존 화면 안에서 표시합니다. */
dialog.information-notice{width:min(720px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));padding:0;border:1px solid #424242;border-radius:12px;background:#fff;color:#424242;font:inherit;overflow:auto;box-sizing:border-box}dialog.information-notice::backdrop{background:rgba(0,0,0,.4)}.information-notice>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#fff;border-bottom:1px solid #424242}.information-notice h2{margin:0;font-size:24px}.information-notice button{min-height:44px;padding:8px 16px;border:1px solid #424242;border-radius:12px;background:#fff;color:inherit;font:inherit;cursor:pointer}.information-notice-body{padding:24px;overflow-wrap:anywhere}.information-notice-body h3{margin:24px 0 8px;font-size:20px}.information-notice-body p{margin:8px 0 16px}.information-notice-body dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}.information-notice-body dd{margin:0}.signup-consents{min-width:0;margin:24px 0;padding:16px;border:1px solid #424242;border-radius:12px}.signup-consents legend{padding:0 8px;font-weight:600}.signup-consents .notice-review{margin:0 0 16px;color:#424242;font-size:14px}.signup-consent-item+.signup-consent-item{margin-top:16px;padding-top:16px;border-top:1px solid #757575}.signup-consent-item summary{min-height:44px;display:flex;align-items:center;font-weight:600;cursor:pointer}.signup-consent-item .consent-copy{padding:8px 0;overflow-wrap:anywhere}.signup-consent-choice{display:flex;align-items:flex-start;gap:12px}.connection-panel .signup-consent-choice input[type=checkbox]{width:20px;min-height:20px;height:20px;flex-shrink:0;margin:12px 0;padding:0;accent-color:#1e8b94}.connection-panel .signup-consent-choice label{display:flex;align-items:center;min-height:44px;flex:1;margin:0;overflow-wrap:anywhere}.signup-consent-error{margin:8px 0 0;color:#d32f2f}.signup-consent-item p{overflow-wrap:anywhere}

/* 컨셉1의 상담 사용법과 공개 RSS 목록을 기존 글꼴·간격 기준으로 정돈한다. */
.consultation-guide{display:grid;gap:16px;margin-bottom:24px}.consultation-guide p{margin:0;font-size:16px;line-height:1.7;overflow-wrap:anywhere}.consultation-guide>button{justify-self:start;min-height:44px}
.alpha-content .alpha-feed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:24px 0;border-bottom:1px solid #424242}.alpha-feed-row .article-copy{min-width:0}.alpha-feed-row h4{margin:0;font-size:16px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.alpha-feed-row .article-description{margin:8px 0 16px;font-size:16px;line-height:1.7;overflow-wrap:anywhere}.alpha-feed-row .article-meta-group{display:flex;flex-wrap:wrap;gap:8px 16px}.alpha-feed-row .article-meta{margin:0;font-size:14px;line-height:1.5;color:#424242;overflow-wrap:anywhere}.alpha-feed-row>.text-link{display:inline-flex;align-items:center;min-height:44px;color:#1e8b94}
@media(max-width:700px){.alpha-content .alpha-feed-row{grid-template-columns:minmax(0,1fr);gap:8px}.alpha-feed-row>.text-link{justify-self:start}}

/* 컨셉1의 공개 RSS를 출처·제목·원문 이동이 구분되는 읽기 목록으로 배치한다. */
.alpha-content[data-alpha-design=concept1]{--rss-primary:#1e8b94;--rss-ink:#424242;--rss-muted:var(--muted,#626b67);--rss-paper:#fafafa;--rss-surface:#fff;--rss-line:var(--line,#d6ddda);padding:32px;border:1px solid var(--rss-line);border-radius:12px;background:var(--rss-surface);color:var(--rss-ink);box-shadow:0 8px 24px #42424208}
.alpha-content[data-alpha-design=concept1]>h3{margin:0;padding-bottom:16px;border-bottom:2px solid var(--rss-primary);font-size:24px;font-weight:700;line-height:1.4}
.alpha-content[data-alpha-design=concept1]>.alpha-status{min-height:0;margin:8px 0 0;color:var(--rss-muted);font-size:14px;line-height:1.6}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row{grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:24px 0;border-bottom:1px solid var(--rss-line)}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row:last-child{border-bottom:0}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-copy{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 24px;align-content:start}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row h4{grid-column:2;grid-row:2;margin:0;font-size:24px;font-weight:700;line-height:1.45;letter-spacing:-.03em;overflow-wrap:anywhere}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-description{grid-column:2;grid-row:3;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-size:16px;line-height:1.7;color:var(--rss-muted)}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-description:empty{display:none}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-meta-group{display:contents}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-meta{max-width:100%;font-size:14px;line-height:1.6;color:var(--rss-muted)}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-meta:last-child{grid-column:1;grid-row:1/3;align-self:start;padding-top:4px}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-meta:first-child{grid-column:2;grid-row:1;width:fit-content;padding:4px 8px;border-radius:12px;background:var(--rss-paper);color:var(--rss-ink);font-weight:600}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row>.text-link{align-self:end;justify-self:end;min-height:44px;margin:0;padding:8px 16px;border:1px solid var(--rss-primary);border-radius:12px;background:var(--rss-surface);color:var(--rss-ink);font-size:14px;line-height:1.5;white-space:nowrap;text-decoration:none}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row>.text-link:visited{color:var(--rss-muted);border-color:var(--rss-line)}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row>.text-link:hover{background:var(--rss-paper);text-decoration:underline;text-underline-offset:4px}
.alpha-content[data-alpha-design=concept1] .alpha-feed-row>p{max-width:144px;margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.alpha-content[data-alpha-design=concept1]>button{margin:16px 8px 0 0;border-color:var(--rss-line);background:var(--rss-paper)}
.alpha-content[data-alpha-design=concept1]>.alpha-source-details{margin-top:24px;padding-top:16px;border-top:1px solid var(--rss-line)}
.alpha-content[data-alpha-design=concept1]>.alpha-source-details>summary{font-size:14px}
@media(max-width:700px){
 .alpha-content[data-alpha-design=concept1]{padding:16px}
 .alpha-content[data-alpha-design=concept1] .alpha-feed-row{grid-template-columns:minmax(0,1fr);gap:16px}
 .alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-copy{grid-template-columns:minmax(0,1fr);gap:8px}
 .alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-meta-group{display:flex;grid-column:1;grid-row:1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px}
 .alpha-content[data-alpha-design=concept1] .alpha-feed-row h4{grid-column:1;grid-row:2}
 .alpha-content[data-alpha-design=concept1] .alpha-feed-row .article-description{grid-column:1;grid-row:3}
 .alpha-content[data-alpha-design=concept1] .alpha-feed-row>p{max-width:none}
}