.funation-app-panel{margin:18px auto 22px;max-width:1180px;border:1px solid rgba(11,102,87,.28);border-radius:22px;background:linear-gradient(135deg,#ecf8f4 0%,#fffaf0 100%);box-shadow:0 12px 30px rgba(23,71,62,.08);padding:20px 22px;color:#173f38}
.funation-app-panel.is-auth{margin:20px 0 8px;padding:17px;border-radius:18px;box-shadow:none}
.funation-app-copy{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.funation-app-mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#0b6657;color:#fff;font:800 17px/1 "Azeret Mono",monospace;box-shadow:0 8px 18px rgba(11,102,87,.2)}
.funation-app-copy div{min-width:0}
.funation-app-copy strong{display:block;color:#123f37;font-size:17px;line-height:1.35}
.funation-app-copy span{display:block;margin-top:3px;color:#647972;font-size:13px;line-height:1.45}
.funation-app-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.funation-app-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:14px;border:1px solid #0b6657;padding:11px 14px;font:800 14px/1.2 inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.funation-app-button:active{transform:translateY(1px)}
.funation-app-button.install{background:#0b6657;color:#fff;-webkit-text-fill-color:#fff;box-shadow:0 8px 18px rgba(11,102,87,.18)}
.funation-app-button.share{background:#fffaf0;color:#164f44;-webkit-text-fill-color:#164f44}
.funation-app-button:disabled{cursor:default;opacity:.65;box-shadow:none}
.funation-app-status{display:block;min-height:18px;margin:10px 2px 0;color:#60736d;font-size:12px;line-height:1.5;text-align:center}
.funation-app-help{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(5,29,25,.66);backdrop-filter:blur(5px)}
.funation-app-help-card{position:relative;width:min(440px,100%);border-radius:22px;background:#fffdf7;padding:25px;color:#173f38;box-shadow:0 24px 70px rgba(0,0,0,.26)}
.funation-app-help-card h2{margin:0 35px 8px 0;color:#123f37;font-size:21px}
.funation-app-help-card p{margin:0 0 14px;color:#657872;font-size:14px;line-height:1.65}
.funation-app-help-card ol{margin:0;padding:0;list-style:none;counter-reset:steps}
.funation-app-help-card li{counter-increment:steps;display:flex;align-items:flex-start;gap:10px;margin-top:10px;border-radius:13px;background:#edf7f3;padding:11px 12px;font-size:14px;line-height:1.5}
.funation-app-help-card li:before{content:counter(steps);display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#0b6657;color:#fff;font-weight:900}
.funation-app-help-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#e7efec;color:#164f44;font-size:22px;cursor:pointer}
@media(max-width:680px){.funation-app-panel{margin:14px 14px 18px;padding:17px}.funation-app-panel.is-auth{margin:18px 0 7px}.funation-app-actions{grid-template-columns:1fr}.funation-app-button{min-height:50px}}
@media(display-mode:standalone){.funation-app-panel .funation-app-button.install{background:#dcebe6;color:#315c54;-webkit-text-fill-color:#315c54;border-color:#b9d4cb}}

/* 설치 앱에서는 창 너비와 관계없이 회원 하단 메뉴를 항상 표시합니다. */
.funation-standalone body{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
.funation-standalone .page{padding-bottom:calc(118px + env(safe-area-inset-bottom))!important}
.funation-standalone .tabbar{
  position:fixed!important;display:grid!important;
  left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:10000!important;
  min-height:70px!important;padding:5px!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;
  border:1px solid #b8a382!important;border-radius:20px!important;background:#dfcfb7f5!important;
  box-shadow:0 14px 40px #4b3b2560!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.funation-standalone .tabbar button,.funation-standalone .tabbar a{
  min-width:0!important;min-height:58px!important;padding:5px 1px!important;border:0!important;border-radius:14px!important;
  background:transparent!important;color:#40544d!important;-webkit-text-fill-color:#40544d!important;text-decoration:none!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  font:800 9.5px/1.1 inherit!important;white-space:nowrap!important;
}
.funation-standalone .tabbar button.active,.funation-standalone .tabbar a.active{
  background:#174c42!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 7px 18px #173c354d!important;
}
.funation-standalone .tabbar .ui-icon{width:20px!important;height:20px!important}
.funation-standalone .tabbar i{display:block!important;margin:0!important;font:800 15px/1 "Azeret Mono",monospace!important;font-style:normal!important}
.funation-standalone .tabbar span{display:block!important;font-size:9.5px!important;line-height:1.1!important}
.funation-standalone .toast{bottom:calc(94px + env(safe-area-inset-bottom))!important}
@media(max-width:390px){.funation-standalone .tabbar button,.funation-standalone .tabbar a{font-size:8.5px!important}.funation-standalone .tabbar span{font-size:8.5px!important}}