#entry-main.my-screen .my-coffee{margin-top:12px;padding:0;overflow:hidden}
.my-coffee>summary{display:flex;align-items:center;gap:12px;min-height:68px;padding:14px 16px;cursor:pointer;list-style:none}
.my-coffee>summary::-webkit-details-marker{display:none}
.my-coffee-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#f2e8d6;font-size:23px}
.my-coffee>summary>span:nth-child(2){flex:1;min-width:0}
.my-coffee strong{display:block;font-size:14px;font-weight:550;line-height:1.5}
.my-coffee small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:3px}
.my-coffee-chevron{font-size:19px;color:var(--muted)}
.my-coffee[open] .my-coffee-chevron{transform:rotate(180deg)}
.my-coffee-body{padding:0 16px 15px;border-top:1px solid var(--line)}
#entry-main.my-screen .my-coffee-note{font-size:12px;line-height:1.7}
#entry-main.my-screen .my-coffee-pending{background:#f2f0e7;border-radius:10px;padding:11px 12px;font-size:12px}
.my-coffee-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 8px}
.my-coffee-links a{gap:12px;text-decoration:none;flex:1}
.my-coffee-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:14px}
.my-coffee-codes figure{margin:0;min-width:0;text-align:center}
.my-coffee-codes figcaption{font-size:13px;margin-bottom:8px}
.my-coffee-codes img{display:block;width:100%;max-width:240px;height:auto;margin:auto;background:white;border-radius:8px}
.my-coffee-codes a{display:block;padding:10px;background:white;border:1px solid var(--line);border-radius:12px}
.my-coffee-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Payment-specific elements: the existing personal-page entry stays compact. */
#entry-main.my-screen .my-coffee{padding:0}
.my-coffee-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;padding:0;margin:14px 0 0;min-width:0}
.my-coffee-methods legend{font-size:11px;color:var(--muted);padding:0;margin-bottom:9px}
.my-coffee-choice{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.my-coffee-method{--coffee-brand:#08ad60;display:flex;gap:9px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;min-height:49px;padding:8px;cursor:pointer;background:#fffdf8;font-size:12px;color:var(--ink)}
.my-coffee-method.alipay,.my-coffee-code-panel.alipay{--coffee-brand:#1677ff}
.my-coffee-brand{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--coffee-brand);color:#fff;flex:none}
.my-coffee-brand svg{width:24px;height:24px}
.my-coffee-brand>span{font-size:20px;line-height:1;font-weight:600}
.my-coffee-choice:checked+label{border-color:var(--coffee-brand);box-shadow:inset 0 0 0 1px var(--coffee-brand);background:#fff}
.my-coffee-choice:focus-visible+label{outline:3px solid var(--green);outline-offset:3px}
#entry-main.my-screen .my-coffee-pick-hint{grid-column:1/-1;text-align:center;font-size:11px;margin:2px 0 0;color:var(--muted)}
.my-coffee-code-panel{--coffee-brand:#08ad60;display:none;grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:15px;text-align:center;padding:16px 12px 12px;min-width:0}
.my-coffee-choice[value="wechat"]:checked~[data-coffee-panel="wechat"],.my-coffee-choice[value="alipay"]:checked~[data-coffee-panel="alipay"]{display:block}
.my-coffee-choice:checked~.my-coffee-pick-hint{display:none}
.my-coffee-code-heading{display:flex;align-items:center;justify-content:center;gap:9px;text-align:left}
.my-coffee-code-heading h3{font-size:13px;font-weight:600;margin:0}
#entry-main.my-screen .my-coffee-code-heading p{font-size:10.5px;margin:0}
.my-coffee-qr{width:min(100%,256px);aspect-ratio:1;margin:10px auto 4px;background:#fff}
.my-coffee-qr img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:#fff}
.my-coffee-save{display:inline-flex;align-items:center;justify-content:center;min-height:40px;text-decoration:none;gap:6px;padding:9px 18px;font-size:12px}
#entry-main.my-screen .my-coffee-phone{font-size:10.5px;line-height:1.65;max-width:290px;margin:9px auto 0;color:var(--muted)}
#entry-main.my-screen .my-coffee-note{font-size:10.5px;margin:10px 0 0}
#entry-main.my-screen .my-coffee-intro{font-size:11.5px;margin:12px 0 0}
@media(max-width:350px){.my-coffee-body{padding:0 12px 12px}.my-coffee-method{gap:7px;padding:7px;font-size:11px}.my-coffee-code-panel{padding:13px 8px 10px}.my-coffee-qr{max-width:232px}}
.my-coffee-dialog{box-sizing:border-box;width:min(380px,calc(100% - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;padding:0;border:1px solid var(--line);border-radius:20px;background:#fffdf8;color:var(--ink);box-shadow:0 20px 70px #17261c40;overflow:hidden}
.my-coffee-dialog[open]{display:flex;flex-direction:column}
.my-coffee-dialog::backdrop{background:#17261c66}
.my-coffee-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:9px 12px 9px 18px;border-bottom:1px solid var(--line)}
.my-coffee-dialog-header h2{font-size:16px;line-height:1.4;margin:0}
.my-coffee-close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#eff1e8;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
.my-coffee-dialog .my-coffee-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 16px 14px;border:0;scrollbar-width:thin}
.my-coffee-dialog .my-coffee-intro{display:none}
.my-coffee-dialog .my-coffee-methods{margin-top:12px;gap:8px}
.my-coffee-dialog .my-coffee-methods legend{font-size:12px;margin-bottom:7px}
.my-coffee-dialog .my-coffee-method{min-height:44px;font-size:13px;padding:7px}
.my-coffee-dialog .my-coffee-code-panel{padding:9px 8px;border-radius:12px}
.my-coffee-dialog .my-coffee-code-heading{gap:7px}
.my-coffee-dialog .my-coffee-code-heading h3{font-size:12px}
.my-coffee-dialog .my-coffee-code-heading h3,.my-coffee-dialog .my-coffee-code-heading .my-coffee-brand{display:none}
.my-coffee-dialog .my-coffee-code-heading p{font-size:11px;margin:0}
.my-coffee-dialog .my-coffee-qr{width:min(100%,208px,32vh);width:min(100%,208px,32dvh);margin:5px auto}
.my-coffee-dialog .my-coffee-save{min-height:40px;margin:0;padding:6px 14px;border:1px solid var(--line);border-radius:10px;background:#eff1e8;color:var(--ink)}
.my-coffee-dialog .my-coffee-phone,.my-coffee-dialog .my-coffee-note,.my-coffee-dialog .my-coffee-pick-hint{font-size:11px;line-height:1.5;color:var(--muted);margin:7px 0 0}
.my-coffee-dialog .my-coffee-phone{text-align:center}