/* 앱 받기 화면(install.html)만의 것 */
.cc-app .in-brand{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--f-head);font-weight:700;font-size:18px}
.cc-app .in-brand img{border-radius:7px}
.cc-app .in-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--dot);border-radius:var(--r);overflow:hidden;background:var(--cell)}
.cc-app .in-seg label{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;font-weight:700;font-size:15px;cursor:pointer}
.cc-app .in-seg label+label{border-left:1px solid var(--dot)}
.cc-app .in-seg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cc-app .in-seg label{gap:4px}
.cc-app .in-seg label:hover{background:var(--ground)}
.cc-app .in-seg label:has(input:checked){background:var(--cell);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.cc-app .in-seg label:has(input:checked)::before{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-6.5' fill='none' stroke='%2317201C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.cc-app .in-seg label:has(input:focus-visible){outline:2px solid var(--ever);outline-offset:-4px}
.cc-app .in-auto{margin-top:8px;font-size:14px;color:var(--ink2)}
.cc-app .in-auto:empty{display:none}
.cc-app .in-pane{margin-top:14px}
.cc-app .in-go{width:100%;margin-bottom:14px}
.cc-app .in-steps{counter-reset:s}
.cc-app .in-steps>li{position:relative;padding:12px 0 12px 40px;border-top:1px solid var(--line);color:var(--ink2);font-size:15px;counter-increment:s}
.cc-app .in-steps>li:first-child{border-top:0}
.cc-app .in-steps>li::before{content:counter(s);position:absolute;left:0;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:none;box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);font-family:var(--f-num);font-size:14px;font-weight:600}
.cc-app .in-steps b{display:block;color:var(--ink);font-size:var(--a-item);font-weight:700;line-height:1.5}
.cc-app .in-fig{display:block;width:100%;max-width:320px;height:auto;margin-top:10px;font-family:var(--f-body)}
.cc-app .in-soon{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:8px;background:var(--ground);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:700;color:var(--ink2)}
.cc-app .in-links{margin-top:10px}
.cc-app .in-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:700}
.cc-app .in-inapp{margin:0 var(--a-pad) 22px;padding:14px;border-radius:var(--r);background:var(--cell);box-shadow:inset 0 0 0 2px var(--ink)}
.cc-app .in-inapp[hidden]{display:none}
.cc-app .in-inapp p{font-size:15px;color:var(--ink2)}
.cc-app .in-inapp b{display:block;font-size:var(--a-item);color:var(--ink)}
.cc-app .in-inapp-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cc-app .in-inapp-b .btn{flex:1;min-width:140px}
.cc-app .in-ready{margin:4px 0 10px;padding:12px 14px;border-radius:var(--r);background:var(--cell);box-shadow:inset 0 0 0 1px var(--line);font-size:15px}
.cc-app .in-ready[hidden],.cc-app [data-store][hidden]{display:none}
.cc-app[data-screen="install"] .cc-bar .btn{flex:1}