:root{color-scheme:dark;--paper:#f2ecdf;--muted:#beb3a1;--red:#b52b24;--line:#35342f}
*{box-sizing:border-box}
html{background:#0c0e0d;scrollbar-gutter:stable}
body{margin:0;color:var(--paper);background:#0c0e0d;font-family:Arial,sans-serif;font-size:15px;line-height:1.5}
button{font:inherit;touch-action:manipulation}
a{color:inherit;text-decoration:none;touch-action:manipulation}
a:focus-visible{outline:3px solid #ed4933;outline-offset:5px}
button:focus-visible{outline:3px solid #ed4933;outline-offset:5px}
.webcard{width:min(860px,calc(100% - 40px));margin:36px auto 0}
.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.card-header>a{font-size:17px;font-weight:700;letter-spacing:.14em;color:var(--paper)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.card-art{display:block;border:1px solid var(--line);background:#080908}
.card-art img{display:block;width:100%;height:auto}
.contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:92px;padding:18px 22px;border:1px solid var(--line);background:#161816}
.action>span:first-child{min-width:0}
.action-label,.action-detail{display:block}
.action-label{font-size:14px;font-weight:600;color:var(--paper)}
.action-detail{margin-top:4px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.action-arrow{font-size:23px;color:#ed4933;flex:none}
.action:hover{border-color:#8e887b;background:#20221f}
.action-save{background:#a52a24;border-color:#a52a24}
.action-save .action-detail,.action-save .action-arrow{color:var(--paper)}
.action-save:hover{background:#8d221e;border-color:#8d221e}
.share-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:24px;border:1px solid var(--line);background:#121412}
.share-details{min-width:0;flex:1}
.share-details h2{margin:0 0 10px;font-size:17px;font-weight:500}
.card-url{display:block;font-size:13px;color:var(--muted);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.copy-link{margin-top:18px;padding:10px 20px;min-height:44px;border:1px solid #8e887b;background:transparent;color:var(--paper);cursor:pointer}
.copy-link:hover{background:#262923}
.copy-status{min-height:20px;margin:8px 0 0;font-size:12px;color:var(--muted)}
.qr-card{flex:none;width:148px;text-align:center}
.qr-card img{display:block;width:148px;height:148px;max-width:100%;background:#fff}
.qr-download{display:block;padding-top:10px;font-size:12px;color:var(--muted)}
.card-footer{margin:25px 0 30px;font-size:12px;color:var(--muted)}
.card-footer-links{display:flex;align-items:center;justify-content:space-between;gap:16px}
.card-rights{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:10px;line-height:1.7;color:var(--muted)}
.card-footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:560px){.webcard{width:calc(100% - 32px);margin-top:22px}.card-header{font-size:9px;letter-spacing:.08em;margin-bottom:16px}.contact-actions{grid-template-columns:1fr;gap:10px;margin-top:16px}.action{min-height:76px;padding:13px 18px}.card-footer{margin-top:22px}}
@media(max-width:420px){.share-card{flex-direction:column;align-items:stretch;padding:20px;gap:18px}.qr-card{align-self:center}.copy-link{width:100%}}