.gc-page{box-sizing:border-box;position:fixed;top:var(--gc-visible-top,0px);left:0;right:0;z-index:10;max-width:100%;height:100vh;height:var(--gc-visible-height,100vh);display:flex;flex-direction:column;overflow:hidden;background:#f6f7f9;color:#20242b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}.gc-page *{box-sizing:border-box;}.gc-page button,.gc-page input{font:inherit;}.gc-page button{cursor:pointer;}.gc-page button:disabled{opacity:.55;cursor:default;}.gc-header{height:calc(54px + env(safe-area-inset-top,0px));flex:none;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) 10px 0;background:#fff;border-bottom:1px solid #eef0f3;}.gc-header h1{margin:0;font-size:18px;font-weight:650;}.gc-back,.gc-header-spacer{width:36px;height:36px;}.gc-back{border:0;background:transparent;padding:7px;color:#343b43;}.gc-back svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.gc-form{flex:none;padding:14px 15px;background:#fff;}.gc-name{display:flex;align-items:center;gap:14px;padding-bottom:12px;}.gc-name>span{font-size:14px;flex:none;}.gc-name input{min-width:0;flex:1;height:40px;border:1px solid #e7eaf0;border-radius:8px;padding:7px 10px;background:#fff;color:#20242b;font-size:16px;outline:0;}.gc-name input:focus{border-color:#89bdf1;}.gc-search{height:39px;display:flex;align-items:center;gap:8px;background:#f3f5f7;border-radius:9px;padding:7px 11px;}.gc-search svg{flex:none;width:18px;height:18px;stroke:#9ca6b1;stroke-width:1.8;stroke-linecap:round;}.gc-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:16px;color:#333c48;}.gc-search input::placeholder,.gc-name input::placeholder{color:#a1a9b3;font-size:14px;}.gc-section-title{flex:none;display:flex;align-items:center;justify-content:space-between;padding:12px 16px 9px;color:#9aa2ad;font-size:12px;}.gc-section-title b{font-weight:500;color:#697483;}.gc-chosen{flex:none;display:flex;gap:6px;overflow:auto;max-height:46px;padding:0 15px 10px;}.gc-chosen button{flex:none;border:0;padding:5px 8px;border-radius:6px;background:#e5f1ff;color:#448ccc;font-size:12px;white-space:nowrap;}.gc-error{flex:none;display:flex;align-items:center;gap:8px;margin:0 15px 10px;padding:10px 12px;border-radius:8px;background:#fff0f2;color:#ac5961;font-size:12px;line-height:1.5;}.gc-error>span{flex:1;}.gc-error button{border:0;background:transparent;padding:4px;color:#2588ed;font-size:12px;}.gc-friends{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}.gc-person{display:flex;align-items:center;gap:11px;min-height:66px;width:100%;padding:11px 16px;border:0;border-bottom:1px solid #eef0f3;background:#fff;color:inherit;text-align:left;}.gc-person.is-selected{background:#f7fbff;}.gc-check{flex:none;width:20px;height:20px;border:1px solid #d7dfe9;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;line-height:1;}.is-selected .gc-check{border-color:#2588ed;background:#2588ed;}.gc-avatar{position:relative;display:grid;place-items:center;flex:none;width:41px;height:41px;border-radius:9px;overflow:hidden;background:#e5f0fc;color:#4388c6;font-size:17px;}.gc-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}.gc-person-copy{min-width:0;flex:1;}.gc-person-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:14px;}.gc-person-copy small{display:block;margin-top:4px;color:#9da5af;font-size:12px;}.gc-empty{margin:0;padding:36px 23px;color:#9aa4b0;font-size:13px;text-align:center;line-height:1.6;}.gc-empty b{font-weight:500;color:#8c97a5;}.gc-empty p{margin:8px 0 0;}.gc-footer{flex:none;padding:11px 15px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid #e9edf2;background:#fff;}.gc-footer>small{display:block;margin-bottom:9px;color:#929da9;font-size:11px;text-align:center;}.gc-submit{width:100%;min-height:43px;border:0;border-radius:9px;background:#2588ed;color:#fff;font-size:15px;font-weight:550;}.gc-submit:disabled{background:#afcfe9;opacity:1;}.gc-pending-actions{display:flex;gap:8px;}.gc-pending-actions button{flex:1;min-height:42px;padding:8px;border:0;border-radius:8px;background:#eaf3fd;color:#4388c6;font-size:12px;}.gc-page button:focus-visible{outline:2px solid #2588ed;outline-offset:-2px;}@media(max-height:480px){.gc-form{padding:9px 13px;}.gc-name{padding-bottom:7px;}.gc-name input{height:35px;}.gc-section-title{padding-top:8px;}.gc-footer{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));}.gc-footer>small{margin-bottom:6px;}}

/* Actual visible height may shrink without changing the layout viewport. */
.gc-page[data-gc-compact="true"] .gc-form{flex:0 1 auto;min-height:0;overflow:auto;padding:9px 13px;}
.gc-page[data-gc-compact="true"] .gc-name{padding-bottom:7px;}
.gc-page[data-gc-compact="true"] .gc-name input{height:35px;}
.gc-page[data-gc-compact="true"] .gc-section-title{padding-top:8px;}
.gc-page[data-gc-compact="true"] .gc-error{flex:0 1 auto;min-height:0;overflow:auto;}
.gc-page[data-gc-compact="true"] .gc-footer{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));}
.gc-page[data-gc-compact="true"] .gc-footer>small{margin-bottom:6px;}