.install-page{max-width:640px;margin:0 auto;padding:32px 20px 80px}.install-page h1{font-size:clamp(26px,6vw,36px);overflow-wrap:anywhere}.install-logo{width:80px;height:80px;object-fit:contain;border-radius:12px}.install-page .panel{padding:24px}.install-page .actions{display:flex;flex-wrap:wrap;gap:12px}.install-page hr{margin:28px 0;border:0;border-top:1px solid var(--line,#dedbd4)}.install-dialog{width:min(560px,calc(100% - 32px));padding:28px;max-height:calc(100dvh - 32px);overflow:auto}.install-dialog h2{padding-right:40px}.install-dialog ol{padding-left:22px;line-height:1.8}.install-dialog .actions{display:flex;flex-wrap:wrap;gap:10px}.install-status{min-height:1.5em}.my-guide-list{display:grid;gap:10px;margin:0 0 28px}.my-guide-link{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dedbd4;border-radius:8px;padding:12px;text-decoration:none;color:#302b28;min-width:0}.my-guide-link img{width:44px;height:44px;object-fit:contain;border-radius:6px}.my-guide-link span{overflow-wrap:anywhere;flex:1}.my-guide-link b{font-weight:400}.install-page a,.install-dialog a{overflow-wrap:anywhere}@media(max-width:520px){.install-page{padding:20px 16px 48px}.install-page .panel{padding:20px}.install-dialog{margin:auto 0 0;width:100%;max-height:90dvh;border-radius:16px 16px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}}

.native-login-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}.native-login-options>.kakao,.native-login-options>.apple-login-button{width:100%}.apple-login-button{background:#111;color:#fff;border:1px solid #111;min-height:44px;white-space:nowrap;font-size:14px}.apple-login-button:hover{background:#292929}@media(max-width:800px){.native-login-options{grid-template-columns:1fr;gap:6px;align-items:stretch}.native-login-options .kakao,.apple-login-button{font-size:12px;min-height:44px;justify-content:center;padding:10px 12px}}

/* Keep install, share and account controls readable without shrinking touch targets. */
.header-actions .primary-install-button{min-height:44px;flex:0 0 auto;gap:6px;padding:10px 12px;font-size:14px;white-space:nowrap}
.header-actions:has(.primary-install-button) .account-button{display:block;min-width:44px}
.primary-install-button svg{width:18px;height:18px;flex:0 0 18px}
.topbar .primary-install-button span{font-size:inherit;color:inherit;max-width:none;overflow:visible;text-overflow:clip}
.install-web-option{border-top:1px solid var(--line,#dedbd4);margin:24px 0;padding-top:20px}
.install-web-option h3{font-size:16px;margin:0 0 8px}
.install-web-option p{margin:8px 0 14px}
@media(min-width:801px){
 .topbar:has(.primary-install-button){height:auto;min-height:78px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
 .desktop-header:has(.primary-install-button){max-width:100%;min-width:0;flex-wrap:wrap;margin-left:auto}
}
@media(max-width:800px){
 .mobile-header:has(.primary-install-button){max-width:100%;min-width:0}
 .sidebar .primary-install-button{min-height:44px;padding:10px 12px;font-size:14px}
}
@media(max-width:520px){
 .sidebar:has(.mobile-header .primary-install-button){display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .sidebar:has(.mobile-header .primary-install-button)>.brand{width:100%;min-width:0}
 .sidebar:has(.mobile-header .primary-install-button)>.mobile-header{justify-self:end;justify-content:flex-end;width:100%;gap:8px}
 .sidebar:has(.mobile-header .primary-install-button) .account-button{max-width:100px;min-width:44px}
}
