:root{--liff-canvas:#fdf7f5;--liff-rose-mist:#f7e7e7;--liff-brand:#b46a6a;--liff-action:#985557;--liff-sage:#8db6b3;--liff-gold:#e8c89b;--liff-lavender:#a09ec9;--liff-text:#6b5b58;--liff-muted:#766a68;--liff-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--android-safe-area-inset-bottom,0px));--liff-safe-top:env(safe-area-inset-top,0px)}
body.liff-shell{min-height:100dvh;padding-top:var(--liff-safe-top);padding-bottom:var(--liff-safe-bottom);background:radial-gradient(circle at 90% 0,rgba(247,231,231,.9),transparent 36%),var(--liff-canvas);color:var(--liff-text);font-family:var(--font-sans-tc)}
.liff-shell h1,.liff-shell h2{font-family:var(--font-sans-tc);color:var(--liff-text)}
.liff-shell :is(button,a,input,select,textarea,[role=button]){scroll-margin-bottom:calc(var(--liff-safe-bottom) + 72px)}
.liff-shell :is(button,.btn,.btn-bind,.btn-checkin,.btn-submit,.btn-upload){min-height:48px}
.liff-shell :focus-visible{outline:3px solid var(--liff-gold);outline-offset:3px}
.liff-shell .liff-container,.liff-shell .page-wrap,.liff-shell .survey-page{width:min(100% - 24px,680px);margin-inline:auto}
.liff-shell .liff-brand-ornament{display:block;width:56px;height:56px;margin:0 auto 8px;object-fit:contain}
.liff-shell .liff-privacy-note{margin:16px 0 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--liff-sage) 55%,white);border-radius:16px;background:#fff;color:var(--liff-muted);font-size:.875rem;line-height:1.6}
.liff-shell [data-liff-sticky]{position:sticky;bottom:var(--liff-safe-bottom);z-index:5;padding-bottom:max(8px,var(--liff-safe-bottom));background:linear-gradient(transparent,var(--liff-canvas) 22%)}
html[data-liff-state=booting] .liff-shell [data-liff-requires-ready]{opacity:.55;cursor:wait}
.liff-recovery-panel{position:relative;z-index:20;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:calc(var(--liff-safe-top) + 8px) auto 12px;padding:12px 16px;width:min(100% - 24px,680px);border:1px solid var(--liff-action);border-radius:16px;background:#fff;color:var(--liff-text)}
.liff-recovery-panel p{flex:1 1 280px;margin:0}.liff-recovery-panel :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--liff-action);border-radius:12px;background:#fff;color:var(--liff-action);font:inherit;font-weight:700;text-decoration:none}
html[data-liff-network=offline] .liff-shell::before{content:"目前離線；已載入內容會保留，恢復網路後可重試。";display:block;position:sticky;top:var(--liff-safe-top);z-index:30;padding:8px;text-align:center;background:var(--liff-gold);color:#4b3632}
@media(max-width:430px){.liff-shell .liff-container,.liff-shell .page-wrap,.liff-shell .survey-page{width:min(100% - 20px,680px)}}
@media(prefers-reduced-motion:reduce){.liff-shell *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.liff-shell :focus-visible{outline-color:Highlight}.liff-shell .liff-privacy-note{border:1px solid CanvasText}}