.ccid{--bg:#EEF2FB;--surface:#FFFFFF;--ink:#1B1F4B;--muted:#5A5F8A;--line:#DCE1F5;--brand:#1F73C6;--brand-ink:#FFFFFF;--pink:#FC66C3;--sun:#FDCB00;--ok:#1F9D6E;--danger:#C93A4C;--brand-soft:#EAF2FC;--brand-line:#CFE0F5;--field:#F6F8FD;box-sizing:border-box}.ccid *,.ccid *:before,.ccid *:after{box-sizing:border-box}@media(prefers-reduced-motion:reduce){.ccid{scroll-behavior:auto}}.ccid{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Figtree,system-ui,-apple-system,Segoe UI,sans-serif}.ccid img,.ccid canvas{max-width:100%}.ccid button,.ccid input,.ccid select,.ccid textarea{font:inherit;color:inherit}.ccid :focus-visible{outline:3px solid var(--sun);outline-offset:2px}.ccid .top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:20px 20px 8px}.ccid .brand{display:flex;align-items:center}.ccid .brand img{height:40px;width:auto;display:block}.ccid .tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}.ccid .tabs button{border:0;background:none;padding:8px 16px;border-radius:999px;cursor:pointer;font-weight:600;color:var(--muted)}.ccid .tabs button[aria-selected=true]{background:var(--ink);color:var(--bg)}.ccid-main{max-width:1120px;margin:0 auto;padding:8px 20px 48px}.ccid .intro{max-width:46ch;margin:16px 0 24px}.ccid .intro h1{font:800 clamp(30px,4.4vw,46px)/1.05 "Baloo 2",system-ui,sans-serif;margin:0 0 10px;letter-spacing:-.8px}.ccid .intro p{margin:0;color:var(--muted)}.ccid .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start}@media(max-width:860px){.ccid .grid{grid-template-columns:1fr}}.ccid .panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px}.ccid .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.ccid .field label,.ccid .legend{font-weight:600;font-size:15px}.ccid .hint{font-size:13px;color:var(--muted);font-weight:400}.ccid .field input,.ccid .field select,.ccid .field textarea{background:var(--field);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;width:100%}.ccid .field textarea{resize:vertical;min-height:64px}.ccid .field input:focus,.ccid .field select:focus,.ccid .field textarea:focus{border-color:var(--brand);outline:none}.ccid .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.ccid .row2{grid-template-columns:1fr}}.ccid .err{color:var(--danger);font-size:13px;min-height:1em}.ccid .themes{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 16px}.ccid .theme-chip{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:var(--field);border-radius:999px;padding:6px 12px 6px 6px;cursor:pointer;font-size:14px;font-weight:600}.ccid .theme-chip .sw{width:24px;height:24px;border-radius:50%;border:3px solid}.ccid .theme-chip[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.ccid .check{display:flex;gap:10px;align-items:flex-start;font-size:15px;cursor:pointer;margin-bottom:10px}.ccid .check input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand)}.ccid .preview{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px)}@media(max-width:860px){.ccid .preview{position:static}}.ccid .stage{background:repeating-linear-gradient(45deg,var(--field) 0 12px,var(--surface) 12px 24px);border-radius:16px;padding:22px;display:flex;justify-content:center;border:1px dashed var(--line)}.ccid .stage canvas{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(19,41,75,.18))}.ccid .status{font-size:14px;color:var(--muted);margin:12px 2px 16px;min-height:1.5em}.ccid .status.bad{color:var(--danger)}.ccid .actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.ccid .btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;background:var(--ink);color:var(--bg)}.ccid .btn.primary{background:var(--brand);color:var(--brand-ink)}.ccid .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.ccid .btn:disabled{opacity:.45;cursor:not-allowed}.ccid .saved{margin-top:22px}.ccid .saved h2{font:700 22px/1.2 "Baloo 2",system-ui,sans-serif;margin:0 0 10px}.ccid .saved ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ccid .saved li{display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.ccid .saved li .dot{width:14px;height:14px;border-radius:50%;flex:none}.ccid .saved li strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccid .saved li button{border:0;background:none;cursor:pointer;font-weight:600;color:var(--brand);padding:4px 6px}.ccid .saved li button.del{color:var(--danger)}.ccid .empty{color:var(--muted);font-size:14px}.ccid .guide{max-width:960px}.ccid .guide h2{font:800 clamp(24px,3.4vw,30px)/1.15 "Baloo 2",system-ui,sans-serif;margin:34px 0 10px;scroll-margin-top:84px}.ccid .guide h3{font:700 19px/1.25 "Baloo 2",system-ui,sans-serif;margin:0 0 6px}.ccid .guide p{margin:0 0 12px;line-height:1.6}.ccid .guide section{scroll-margin-top:84px}.ccid .ico{width:24px;height:24px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ccid .ico-lg{width:28px;height:28px}.ccid .g-hero{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px 24px 22px;margin:6px 0 22px;position:relative;overflow:hidden}.ccid .g-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--brand) 0 55%,var(--pink) 55% 85%,var(--sun) 85% 100%)}.ccid .g-hero h2{margin:4px 0;scroll-margin-top:0}.ccid .g-hero .sub{color:var(--brand);font-weight:700;margin:0 0 14px}.ccid .g-hero p{color:var(--muted);margin:0 0 10px}.ccid .g-hero p:last-child{margin:0}.ccid .g-hero strong{color:var(--ink)}.ccid .g-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0;list-style:none}.ccid .g-index a{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand);font-size:14px;font-weight:600;text-decoration:none}.ccid .g-index a:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.ccid .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0 4px;padding:0;list-style:none;counter-reset:f}@media(max-width:640px){.ccid .flow{grid-template-columns:repeat(2,1fr)}.ccid .flow li:last-child{grid-column:1/-1}}.ccid .flow li{counter-increment:f;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 10px 13px;text-align:center;position:relative}.ccid .flow .n{position:absolute;top:8px;left:10px;font:800 13px "Baloo 2",sans-serif;color:var(--brand);opacity:.65}.ccid .flow .ico{color:var(--brand);margin:2px auto 8px;display:block}.ccid .flow b{display:block;font:700 14px/1.2 Figtree,sans-serif;letter-spacing:.02em}.ccid .qr-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:14px 0 16px;padding:0;list-style:none}.ccid .qr-flow li{flex:1 1 150px;display:flex;align-items:center;gap:10px;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:14px;padding:12px 14px;font-weight:600;font-size:15px}.ccid .qr-flow .ico{color:var(--brand)}.ccid .cards{display:grid;gap:12px;margin:14px 0 6px;padding:0;list-style:none}.ccid .cards-2{grid-template-columns:repeat(2,1fr)}.ccid .cards-4{grid-template-columns:repeat(4,1fr)}@media(max-width:640px){.ccid .cards-2,.ccid .cards-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.ccid .cards-2,.ccid .cards-4{grid-template-columns:1fr}}.ccid .cards li{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 15px}.ccid .cards .ico{color:var(--brand);margin-bottom:9px;display:block}.ccid .cards h3{font-size:16px;margin-bottom:5px}.ccid .cards p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.ccid .alert{display:flex;gap:14px;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:18px;padding:18px 20px;margin:16px 0}.ccid .alert .ico{color:var(--brand);margin-top:2px}.ccid .alert h3{margin-bottom:7px}.ccid .alert p{margin:0 0 9px;font-size:15px}.ccid .alert p:last-child{margin:0}.ccid .steps{list-style:none;counter-reset:s;padding:0;margin:16px 0 6px}.ccid .steps li{counter-increment:s;position:relative;padding:0 0 24px 56px}.ccid .steps li:before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;font:800 17px/36px "Baloo 2",sans-serif;text-align:center;z-index:1}.ccid .steps li:after{content:"";position:absolute;left:17.5px;top:38px;bottom:4px;width:2px;background:var(--brand-line)}.ccid .steps li:last-child{padding-bottom:0}.ccid .steps li:last-child:after{display:none}.ccid .steps p{margin:0 0 8px;font-size:15px}.ccid .steps p:last-child{margin:0}.ccid .steps .warn{color:var(--ink);font-weight:600}.ccid .tip{display:flex;gap:12px;align-items:flex-start;background:#fff9e3;border:1px solid #F6DF93;border-radius:14px;padding:14px 16px;margin:16px 0}.ccid .tip .ico{color:#a8810a;margin-top:1px}.ccid .tip p{margin:0;font-size:15px}.ccid .heads-up{background:#fff9e3;border:1px solid #F6DF93;border-radius:16px;padding:16px 18px;margin:16px 0 20px}.ccid .heads-up .hd{display:flex;gap:11px;align-items:center;margin-bottom:8px}.ccid .heads-up .ico{color:#a8810a}.ccid .heads-up h3{margin:0;font-size:17px}.ccid .heads-up p{margin:0 0 8px;font-size:15px}.ccid .heads-up p:last-child{margin:0}.ccid .faq{display:grid;gap:10px;margin:16px 0 6px}.ccid .faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.ccid .faq summary{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:15px 18px;cursor:pointer;font:700 16px/1.4 Figtree,sans-serif;list-style:none}.ccid .faq summary::-webkit-details-marker{display:none}.ccid .faq summary::marker{content:""}.ccid .faq summary:hover{background:var(--field)}.ccid .faq .chev{flex:none;color:var(--brand);transition:transform .18s ease}.ccid .faq details[open] .chev{transform:rotate(180deg)}.ccid .faq details[open] summary{border-bottom:1px solid var(--line)}.ccid .faq .ans{padding:15px 18px 17px}.ccid .faq .ans p{margin:0 0 9px;font-size:15px;color:var(--muted);line-height:1.6}.ccid .faq .ans p:last-child{margin:0}@media(prefers-reduced-motion:reduce){.ccid .faq .chev{transition:none}}.ccid .faq-cat{font:700 14px/1.3 Figtree,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:28px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.ccid .ans-steps{margin:0 0 10px;padding-left:22px;font-size:15px;color:var(--muted);line-height:1.6}.ccid .ans-steps li{margin-bottom:4px}.ccid .care{list-style:none;padding:0;margin:14px 0 10px;display:grid;gap:9px}.ccid .care li{display:flex;gap:11px;align-items:flex-start;font-size:15px}.ccid .care .ico{width:20px;height:20px;color:var(--ok);margin-top:2px;stroke-width:2.4}.ccid .safe-wrap{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px 22px;margin:14px 0 6px}.ccid .safe-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:4px}.ccid .safe-head .ico{color:var(--brand);margin-top:2px}.ccid .safe-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:14px}.ccid .safe-list li{border-left:3px solid var(--brand-line);padding-left:14px}.ccid .safe-list h3{font-size:16px;margin-bottom:3px}.ccid .safe-list p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}.ccid .disclaimer{background:var(--field);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:18px 0 8px}.ccid .disclaimer h2{font:700 17px/1.3 "Baloo 2",system-ui,sans-serif;margin:0 0 9px;scroll-margin-top:84px}.ccid .disclaimer p{margin:0 0 9px;font-size:13.5px;line-height:1.65;color:var(--muted)}.ccid .disclaimer p:last-child{margin:0}.ccid .closing{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:22px;padding:28px 26px;margin:30px 0 10px;text-align:center}.ccid .closing h2{margin:0 0 12px;font-size:25px;scroll-margin-top:0}.ccid .closing p{color:var(--muted);max-width:56ch;margin:0 auto 10px}.ccid .closing strong{color:var(--ink)}.ccid .closing .tagline{margin:18px auto 0;color:var(--brand);font:700 19px/1.4 "Baloo 2",system-ui,sans-serif}.ccid .closing .tagline b{color:var(--pink)}.ccid .notice{display:flex;gap:11px;align-items:flex-start;background:#fff9e3;border:1px solid #F6DF93;border-radius:14px;padding:13px 15px;margin:0 0 14px}.ccid .notice .ico{width:20px;height:20px;flex:none;color:#a8810a;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}.ccid .notice p{margin:0;font-size:14px;line-height:1.55}.ccid .notice-soft{background:var(--field);border-color:var(--line);margin:10px 0 14px}.ccid .notice-soft .ico,.ccid .notice-soft p{color:var(--muted)}.ccid .foot{border-top:1px solid var(--line);background:var(--surface);margin-top:44px;padding:28px 20px calc(34px + env(safe-area-inset-bottom,0px));text-align:center}.ccid .foot p{margin:0 0 15px;color:var(--muted);font-size:14.5px}.ccid .foot-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ccid .foot-legal{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--muted);text-align:center;max-width:100%}.ccid .foot-legal a{color:var(--brand);font-weight:600}.ccid .fbtn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:15px;text-decoration:none}.ccid .fbtn svg{width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ccid .fbtn:hover{border-color:var(--brand);color:var(--brand)}.ccid .toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);transform:translate(-50%) translateY(20px);opacity:0;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:600;transition:.25s;pointer-events:none;max-width:90vw}.ccid .toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.ccid .toast{transition:none}}.ccid [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/coalacare-id.css.map */