.os-connect{width:100%;max-width:640px;color:var(--os-글);font-size:calc(15px * var(--os-font-scale,1));margin:0 auto;padding:24px 20px 60px;overflow-y:auto}.os-connect h1{font-size:calc(24px * var(--os-font-scale,1));margin:0 0 4px}.os-connect .os-connect-lead{color:var(--os-글-흐림);font-size:calc(14px * var(--os-font-scale,1));margin:0 0 16px;line-height:1.55}.os-connect-tabs{gap:8px;margin-bottom:14px;display:flex}.os-connect-tab{border:1px solid var(--os-선);background:var(--os-말풍선);min-height:44px;color:var(--os-글-연);font-size:calc(15px * var(--os-font-scale,1));cursor:pointer;border-radius:12px;flex:1;padding:10px 8px}.os-connect-tab[aria-selected=true]{color:var(--os-글);border-color:var(--os-클로버);box-shadow:inset 0 0 0 1px var(--os-클로버);font-weight:700}.os-connect .os-card{background:var(--os-말풍선);color:var(--os-글-연);border-radius:16px;padding:4px 16px;line-height:1.55}.os-connect .os-card b{color:var(--os-글)}.os-connect-note{background:color-mix(in srgb, var(--os-클로버) 14%, transparent);color:var(--os-글);font-size:calc(14px * var(--os-font-scale,1));border-radius:12px;margin-top:12px;padding:10px 12px;line-height:1.5}.os-connect-note.warn{background:color-mix(in srgb, var(--os-경고) 18%, transparent);color:var(--os-경고)}.os-svc{align-items:center;gap:12px;min-height:64px;padding:10px 0;display:flex}.os-svc+.os-svc,.os-svc+.os-svc-more,.os-svc-more+.os-svc{border-top:1px solid var(--os-선)}.os-svc-logo{border-radius:8px;flex:none;width:32px;height:32px;display:block}.os-svc-body{flex:1;min-width:0}.os-svc-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.os-svc-hint{font-size:calc(13px * var(--os-font-scale,1));color:var(--os-글-흐림);margin-top:2px;line-height:1.5}.os-svc-badge{background:var(--os-말풍선-내);color:var(--os-글-흐림);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.os-svc-badge.on{color:var(--os-클로버);background:color-mix(in srgb, var(--os-클로버) 16%, transparent)}.os-svc-badge.soon{color:var(--os-경고);background:color-mix(in srgb, var(--os-경고) 16%, transparent)}.os-svc-badge.bad{color:var(--os-오류);background:color-mix(in srgb, var(--os-오류) 16%, transparent)}.os-svc-act{flex:none;gap:8px;display:flex}.os-svc-act .os-btn{min-height:44px;font-size:calc(14px * var(--os-font-scale,1));padding:10px 14px}.os-svc-more{padding:4px 0 14px 44px}.os-connect-input{background:var(--os-말풍선-내);width:100%;color:var(--os-글);border:1px solid var(--os-선);font-size:calc(15px * var(--os-font-scale,1));border-radius:10px;min-height:44px;padding:10px 12px;font-family:inherit}.os-connect-input::placeholder{color:var(--os-글-흐림)}.os-connect-form{align-items:center;gap:8px;display:flex}.os-connect-form .os-btn{white-space:nowrap;min-height:44px}.os-skill{padding:12px 0}.os-skill+.os-skill{border-top:1px solid var(--os-선)}.os-skill-head{align-items:center;gap:12px;min-height:44px;display:flex}.os-skill-body{flex:1;min-width:0}.os-skill-src{font-size:calc(12.5px * var(--os-font-scale,1));color:var(--os-글-흐림);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.os-skill-bots{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.os-skill-bot{border:1px solid var(--os-선);min-height:36px;color:var(--os-글-연);font-size:calc(13px * var(--os-font-scale,1));cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px}.os-skill-bot[aria-pressed=true]{color:var(--os-글);border-color:var(--os-클로버);box-shadow:inset 0 0 0 1px var(--os-클로버)}.os-skill-bot:disabled{opacity:.4;cursor:default}.os-connect-switch{cursor:pointer;background:var(--os-말풍선-내);border:0;border-radius:15px;flex:none;width:52px;height:30px;padding:0;transition:background .15s;position:relative}.os-connect-switch[aria-checked=true]{background:var(--os-클로버,#03c124)}.os-connect-switch>span{background:#fff;border-radius:13px;width:26px;height:26px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.os-connect-switch[aria-checked=true]>span{left:24px}.os-connect-switch:disabled{cursor:not-allowed;opacity:.4}@media (max-width:420px){.os-connect{padding-left:16px;padding-right:16px}.os-svc{flex-wrap:wrap}.os-svc-act{width:100%;padding-left:44px}.os-svc-act .os-btn{flex:1}.os-svc-more{padding-left:0}.os-connect-form{flex-direction:column;align-items:stretch}}