:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#262626;background:#f7f7f7;font-synthesis:none;--red: #ff3026;--muted: #777}.card-access{min-height:100svh;max-width:480px;margin:auto;padding:18vh 28px 40px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:15px}.card-access h1{font-size:24px;margin:12px 0 0}.card-access p{color:#777;font-size:14px;line-height:1.8;margin:0}.card-access small{color:#999;font-size:11px;margin-top:auto;padding-top:60px}.home-action p.card-state{font-size:11px;color:#9b6b2b;padding-bottom:6px;margin-top:0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #eaa74f;outline-offset:4px}.app-shell{min-height:100vh;min-height:100dvh;position:relative;padding-top:calc(56px + env(safe-area-inset-top))}body[data-view=home] .app-shell{padding-top:0}body[data-view=home] .app-header{display:none}.home-screen{height:100vh;height:100dvh;min-height:480px;width:min(100%,480px);margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 22px calc(80px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(12px,2.2vh,22px)}.home-brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-brand img{width:112px;height:42px;object-fit:contain}.home-brand span{font-size:12px;color:var(--muted)}.home-member{display:grid;justify-items:end;gap:5px}.home-brand .member-presence{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.4;color:#777}.home-brand .member-presence span{font-size:inherit;color:inherit}.member-presence i{width:6px;height:6px;border-radius:50%;background:currentColor}.home-brand .member-presence[data-state=online]{color:#20834b}.home-brand .member-presence[data-state=offline]{color:#c32b23}.home-brand .member-presence[data-state=unknown]{color:#9b6a23}.home-hero{display:flex;flex-direction:column;gap:12px;min-height:0}.home-eyebrow{font-size:11px;color:var(--red);margin:0 0 10px;letter-spacing:2px}.home-hero h1{margin:0;font-size:clamp(30px,5.5vh,46px);line-height:1.18;letter-spacing:-1.2px;font-weight:750}.home-hero h1 span{color:var(--red)}.home-intro{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 0}.home-hero figure{position:relative;flex:1;min-height:0;max-height:32vh;margin:0;overflow:hidden;border-radius:18px}.home-hero figure img{width:100%;height:100%;object-fit:cover;display:block}.home-hero figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 12px 9px;background:linear-gradient(transparent,#0009);color:#fff;font-size:10px}.home-guide h2{font-size:14px;margin:0 0 10px;font-weight:600}.home-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;margin:0;gap:8px}.home-guide li{display:grid;gap:5px}.home-guide li span{font-size:11px;color:var(--red)}.home-guide li strong{font-size:13px;font-weight:500}.home-guide li small{font-size:9px;color:#999;white-space:nowrap}.home-action .button{width:100%;display:flex;gap:10px;align-items:center;justify-content:center}.home-action [data-link-context]{margin-bottom:10px}.region-policy{margin:0;color:#777;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.home-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.home-action p{font-size:10px;text-align:center;color:#999;margin:9px 0 0}.app-header{position:absolute;inset:0 0 auto;height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:center;background:#fff;z-index:3}.page-title{font-size:20px;font-weight:600}.back-button{position:absolute;left:8px;bottom:4px;width:48px;height:48px;border:0;background:transparent;color:inherit;display:grid;place-items:center}.back-button svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.button{border:0;min-height:44px;border-radius:50px;padding:12px 22px;font-size:17px;font-weight:600}.button-primary{background:var(--red);color:#fff}.button-primary:hover:not(:disabled){background:#ee291f}.text-button{background:transparent;border:0;min-height:44px;padding:10px 12px;color:var(--red);font-size:15px}.result-panel{width:100%;max-width:480px;min-height:calc(100vh - 56px - env(safe-area-inset-top));min-height:calc(100dvh - 56px - env(safe-area-inset-top));margin:0 auto;padding:clamp(16px,3.5vh,34px) 20px calc(18px + env(safe-area-inset-bottom));text-align:center;display:flex;flex-direction:column;align-items:stretch}.authorization-visual{width:clamp(100px,22vh,190px);height:clamp(100px,22vh,190px);flex-shrink:0;margin:0 auto clamp(12px,2vh,20px)}.authorization-visual img{width:100%;height:100%;object-fit:contain}.panda-failed{display:none}.result-panel:is([data-state=error],[data-state=caution]) .panda-confirm{display:none}.result-panel:is([data-state=error],[data-state=caution]) .panda-failed{display:block}.result-panel h1{font-size:19px;line-height:1.5;margin:0;font-weight:600;overflow-wrap:anywhere}.authorization-context{display:block;font-size:11px;color:#999;margin-top:8px}.store-location{margin:6px 0 0;font-size:11px;line-height:1.5;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.result-detail{font-size:14px;line-height:1.7;color:#999;margin:12px 0 0;overflow-wrap:anywhere}.result-actions{margin:auto 15px 0;padding-top:clamp(20px,4vh,48px);display:flex;flex-direction:column;gap:16px}.result-actions .button{width:100%}.result-panel[data-state=pending] .authorization-visual{opacity:.7}footer{position:fixed;bottom:0;left:0;right:0;text-align:center;color:#aaa;font-size:10px;padding:8px 20px calc(16px + env(safe-area-inset-bottom))}body[data-view=result] footer{display:none}.toast{position:fixed;z-index:8;left:50%;bottom:90px;transform:translate(-50%,10px);background:#262626ed;color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;max-width:calc(100vw - 40px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast[data-visible=true]{opacity:1;transform:translate(-50%)}@media(min-height:850px){.home-hero{justify-content:center}}@media(max-height:700px){.home-screen{gap:12px;padding-top:calc(8px + env(safe-area-inset-top))}.home-brand img{width:96px;height:32px}.home-eyebrow{margin-bottom:6px}.home-hero h1{font-size:30px}.home-hero{gap:8px}.home-intro{margin-top:6px;font-size:12px}.home-guide h2{margin-bottom:6px}.home-guide li{gap:3px}.result-panel{padding-top:12px}.authorization-visual{width:clamp(72px,15vh,105px);height:clamp(72px,15vh,105px);margin-bottom:10px}.result-panel h1{font-size:17px}.authorization-context{margin-top:5px}.result-actions{padding-top:18px;gap:8px}}@media(prefers-reduced-motion:reduce){.toast{transition:none}}