/* My Circle */
html.cc-open,html.cc-open body{overflow:hidden}
#cc-panel{position:fixed;inset:0;z-index:2400;background:#f6f5f0;color:#1d241d;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:17px;line-height:1.45}
.cc-wrap{max-width:560px;margin:0 auto;padding:0 14px 40px}
.cc-head{position:sticky;top:0;background:#2f5d3a;color:#fff;margin:0 -14px 10px;padding:6px 10px;display:flex;align-items:center;gap:8px;z-index:2}
.cc-head h2{flex:1;margin:0;font-size:19px;text-align:center}
.cc-back,.cc-qx{min-height:48px;min-width:48px;border:2px solid #fff;background:transparent;color:#fff;font-weight:700;font-size:15px;border-radius:10px;padding:0 10px;cursor:pointer}
.cc-disc{background:#fff4d6;border:2px solid #d9a400;border-radius:10px;padding:10px 12px;margin:8px 0 14px;font-size:15px}
.cc-small{font-size:14px;color:#444;margin:8px 0}
.cc-steps{display:grid;gap:8px;margin:6px 0 16px}
.cc-steps div{background:#fff;border:1px solid #d8d8d0;border-radius:12px;padding:12px;display:flex;gap:12px;align-items:center;font-weight:600}
.cc-steps span{flex:0 0 36px;height:36px;border-radius:50%;background:#2f5d3a;color:#fff;display:grid;place-items:center;font-weight:800}
.cc-big,.cc-btn,.cc-sos{display:block;width:100%;box-sizing:border-box;min-height:56px;border-radius:14px;font-size:18px;font-weight:800;cursor:pointer;text-align:center;text-decoration:none;margin:10px 0;padding:12px}
.cc-big{background:#2f5d3a;color:#fff;border:3px solid #1c3d25}
.cc-big.alt{background:#fff;color:#2f5d3a;border:3px solid #2f5d3a}
.cc-big.ok{background:#1f7a3a}
.cc-big.stop{background:#8a2b2b;border-color:#5c1717}
.cc-big.cancel{background:#fff;color:#b00000;border:4px solid #b00000;font-size:28px;min-height:84px}
.cc-big.sms{background:#2a6db0;border-color:#173f69}
.cc-btn{background:#fff;color:#1d241d;border:2px solid #7a8a7a;font-size:16px;font-weight:700;margin:6px 0}
.cc-btn.danger{color:#a00;border-color:#a00;margin-top:24px}
.cc-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.cc-two .cc-btn,.cc-three .cc-btn{margin:6px 0}
.cc-sos{background:#c62828;color:#fff;border:4px solid #000;box-shadow:0 4px 0 #7f0000;font-size:30px;line-height:1.1;min-height:110px;margin:6px 0 12px}
.cc-sos span{display:block;font-size:21px}.cc-sos small{display:block;font-size:14px;font-weight:600;margin-top:4px;opacity:.95}
.cc-sos:active{transform:translateY(2px);box-shadow:0 2px 0 #7f0000}
.cc-status{border-radius:12px;padding:10px 12px;background:#ececE6;border:2px solid #cfcfc6;margin:8px 0;font-size:16px}
.cc-status.on{background:#e3f6e8;border-color:#1f7a3a}
.cc-mini{min-height:44px;padding:4px 14px;border-radius:10px;border:2px solid #8a2b2b;background:#fff;color:#8a2b2b;font-weight:800;font-size:15px;margin-left:6px}
.cc-h3{margin:20px 0 6px;font-size:18px}
.cc-card{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:64px;text-align:start;background:#fff;border:2px solid #cfcfc6;border-inline-start:8px solid #2f5d3a;border-radius:12px;padding:8px 12px;margin:8px 0;font-size:16px;cursor:pointer;flex-wrap:wrap;color:inherit}
.cc-card b{flex:1 1 100%;font-size:18px}.cc-card span{flex:1}.cc-card em{color:#b00000;font-style:normal;font-weight:800}.cc-card i{font-style:normal;font-size:28px}
.cc-lab{display:block;font-weight:700;margin:14px 0 4px}.cc-lab small{font-weight:400;color:#555}
.cc-in{width:100%;box-sizing:border-box;min-height:52px;font-size:18px;padding:8px 12px;border:2px solid #7a8a7a;border-radius:10px;background:#fff;color:#111}
.cc-codein{font-family:ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.cc-err{color:#b00000;font-weight:700;min-height:1.2em}
#cc-vid{width:100%;border-radius:12px;background:#000;max-height:50vh}
.cc-alert{background:#fff0f0;border:3px solid #c62828;border-radius:12px;padding:10px 12px;margin:10px 0}.cc-alert.ok{background:#e8f7ec;border-color:#1f7a3a}
.cc-alert span{font-size:14px;color:#555}.cc-alert p{margin:4px 0}
.cc-people{list-style:none;margin:0;padding:0}.cc-people li{background:#fff;border:1px solid #d8d8d0;border-radius:10px;padding:8px 12px;margin:6px 0;display:flex;flex-direction:column;gap:2px;font-size:17px}
.cc-sm{font-size:14px;color:#444}.cc-sm.live{color:#14612d;font-weight:700}
.cc-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.cc-links a,.cc-link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:2px solid #2a6db0;border-radius:10px;color:#1d4f86;font-weight:700;font-size:15px;text-decoration:none;background:#fff;cursor:pointer}
.cc-invite{background:#fff;border:2px solid #cfcfc6;border-radius:14px;padding:12px;text-align:center}
.cc-qr svg{max-width:100%;height:auto}
.cc-code{font-family:ui-monospace,Menlo,monospace;font-size:26px;font-weight:800;letter-spacing:.06em;margin:8px 0}
.cc-push{background:#fff;border:2px dashed #9aa89a;border-radius:12px;padding:10px 12px;margin:18px 0}
.cc-sosbox{text-align:center;padding:24px 4px}
.cc-sosbox.good h2{color:#14612d}.cc-sosbox.bad h2{color:#b00000}
.cc-count{width:130px;height:130px;margin:0 auto 6px;border-radius:50%;background:#c62828;color:#fff;font-size:72px;font-weight:900;display:grid;place-items:center}
#cc-banner{position:fixed;top:0;left:0;right:0;z-index:9500;background:#b00000;color:#fff;display:flex;align-items:stretch;box-shadow:0 3px 10px rgba(0,0,0,.4)}
#cc-banner.ok{background:#1f7a3a}
#cc-banner[hidden],#cc-chip[hidden]{display:none}
.cc-bn-main{flex:1;text-align:start;color:#fff;background:none;border:0;padding:12px 14px;font-size:17px;min-height:56px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.cc-bn-main span{font-size:14px;opacity:.95}
.cc-bn-x{flex:0 0 56px;border:0;background:rgba(0,0,0,.25);color:#fff;font-size:22px;cursor:pointer}
#cc-chip{position:fixed;left:8px;right:8px;bottom:68px;z-index:9400;background:#1f7a3a;color:#fff;border-radius:12px;display:flex;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.35)}
#cc-chip button{border:0;background:none;color:#fff;font-size:15px;min-height:48px;padding:6px 12px;text-align:start;cursor:pointer}#cc-chip button:first-child{flex:1}
#cc-chip .cc-chip-stop{background:#8a2b2b;font-weight:800;flex:0 0 76px;text-align:center}
#cc-toast{position:fixed;left:12px;right:12px;bottom:84px;z-index:9600;background:#222;color:#fff;border-radius:10px;padding:12px 14px;font-size:15px;opacity:0;pointer-events:none;transition:opacity .2s;text-align:center}#cc-toast.on{opacity:1}
.cc-entry{background:#2a5d7a;border-color:#000;box-shadow:0 3px 0 #173f52}.cc-entry small{display:block;font-size:13px;font-weight:600;letter-spacing:0;margin-top:2px}
html.rr-night #cc-panel{background:#101410;color:#e4e4e0}html.rr-night .cc-card,html.rr-night .cc-people li,html.rr-night .cc-invite,html.rr-night .cc-push,html.rr-night .cc-steps div,html.rr-night .cc-btn,html.rr-night .cc-in{background:#1c211c;color:#e4e4e0}
html.rr-night .cc-small,html.rr-night .cc-sm{color:#b8b8b0}html.rr-night .cc-qr{background:#fff;display:inline-block;border-radius:8px}