.stage{min-height:100vh;display:grid;place-items:center;padding:32px var(--gutter) 48px;background:var(--bg)}.share-card-shell{width:min(900px,calc(100vw - 2 * var(--gutter)));flex:none}.share-card{width:900px;height:1800px;box-sizing:border-box;position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;gap:26px;color:var(--fg);background-color:var(--accent);background-image:radial-gradient(circle at 2px 2px,color-mix(in oklch,var(--mint) 18%,transparent) 2px,transparent 2.4px);background-size:36px 36px;border-radius:34px;box-shadow:0 34px 80px color-mix(in oklch,var(--accent) 28%,transparent)}.share-card:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid color-mix(in oklch,var(--surface) 16%,transparent);border-radius:inherit}.sc-tape{position:absolute;z-index:3;top:-20px;left:50%;width:250px;height:72px;transform:translate(-50%) rotate(-3deg);background:color-mix(in oklch,var(--gold) 90%,transparent);box-shadow:0 0 0 1px color-mix(in oklch,var(--gold-deep) 8%,transparent)}.sc-tape-back{opacity:.48;transform:translate(-50%) rotate(3deg) translateY(10px);background:color-mix(in oklch,var(--mint) 72%,var(--gold))}.sc-tape-front{clip-path:polygon(0 0,100% 7%,100% 100%,3% 94%)}.sc-paper{min-height:1340px;position:relative;overflow:hidden;padding:68px 62px 52px;display:flex;flex-direction:column;border-radius:30px;background:var(--gold-bg);box-shadow:0 4px color-mix(in oklch,var(--surface) 20%,transparent),0 14px 20px color-mix(in oklch,var(--accent-deep) 9%,transparent)}.sc-paper-texture{position:absolute;inset:0;pointer-events:none;opacity:.62;background-image:radial-gradient(circle at 2px 2px,color-mix(in oklch,var(--accent) 11%,transparent) 1.8px,transparent 2.2px);background-size:36px 36px}.sc-paper>*:not(.sc-paper-texture){position:relative}.sc-paper-meta{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-family:var(--font-mono);font-size:18px;letter-spacing:.12em;text-transform:uppercase}.sc-profile{display:flex;align-items:center;gap:20px;margin-top:54px}.sc-avatar{width:112px;height:112px;flex:none;overflow:hidden;display:grid;place-items:center;border:5px solid var(--surface);border-radius:50%;background:var(--mint);box-shadow:0 3px color-mix(in oklch,var(--accent-deep) 16%,transparent)}.sc-avatar img{width:100%;height:100%;object-fit:cover}.sc-profile-copy{min-width:0}.sc-brand{margin:0;font-family:var(--font-display);font-size:31px;font-weight:700;line-height:1.2;letter-spacing:.04em}.sc-scope{margin:8px 0 0;color:var(--muted);font-size:18px;letter-spacing:.08em}.sc-pick{margin-left:auto;padding:8px 20px;color:var(--fg);background:var(--gold);border-radius:9px;font-size:21px;font-weight:700;letter-spacing:.16em}.sc-title-block{margin-top:64px}.sc-kicker{margin:0 0 18px;color:var(--muted);font-family:var(--font-mono);font-size:18px;letter-spacing:.1em}.sc-headline{max-width:760px;margin:0;display:flex;flex-direction:column;align-items:flex-start;font-family:var(--font-display);font-size:66px;font-weight:800;line-height:1.18;letter-spacing:.01em}.sc-headline span{padding:0 8px;white-space:nowrap;background:linear-gradient(transparent 57%,color-mix(in oklch,var(--gold) 72%,transparent) 57% 88%,transparent 88%)}.sc-rule{width:100%;height:1px;margin:46px 0 30px;border-top:2px dashed var(--border)}.sc-notes{min-height:0;margin:0;padding:0;display:flex;flex-direction:column;gap:22px;list-style:none}.sc-notes li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start;padding-bottom:17px;border-bottom:1px solid color-mix(in oklch,var(--border) 72%,transparent)}.sc-note-no{color:var(--accent);font-family:var(--font-mono);font-size:19px;font-weight:700;letter-spacing:.08em}.sc-notes p{margin:0;color:var(--muted);font-size:24px;line-height:1.52;text-wrap:pretty}.sc-paper-sign{margin:auto 0 0;color:var(--muted);font-family:var(--font-mono);font-size:17px;letter-spacing:.18em;text-align:center}.sc-footer{min-height:320px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center;padding:6px 22px 0;color:var(--surface)}.sc-footer-brand{display:flex;align-items:center;gap:18px}.sc-footer-mark{width:82px;height:82px;display:grid;place-items:center;flex:none;background:var(--gold-bg);border-radius:22px}.sc-footer-mark img{width:68px;height:68px}.sc-footer-brand p{margin:0;font-family:var(--font-display);font-size:32px;font-weight:700}.sc-footer-brand span{display:block;margin-top:5px;color:var(--mint);font-size:17px;letter-spacing:.08em}.sc-stats{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:34px;color:var(--mint);font-size:17px}.sc-stats strong{margin-right:4px;color:var(--gold);font-family:var(--font-mono);font-size:28px}.sc-url{margin:22px 0 0;color:color-mix(in oklch,var(--mint) 76%,var(--surface));font-family:var(--font-mono);font-size:15px;letter-spacing:.04em;overflow-wrap:anywhere}.sc-qr-wrap{text-align:center}.sc-qr{width:190px;height:190px;margin:0 auto;padding:12px;display:grid;place-items:center;background:var(--surface);border:4px solid var(--mint);border-radius:24px;box-shadow:0 0 0 8px color-mix(in oklch,var(--mint) 12%,transparent)}.sc-qr svg{width:166px;height:166px}.sc-qr-wrap p{margin:18px 0 0;color:var(--mint);font-size:17px;letter-spacing:.12em}.sc-caption{margin:18px 0 0;color:var(--muted);text-align:center;font-size:13px}.sc-caption a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.sc-actions{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;margin-top:18px}.sc-save{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:var(--radius);padding:9px 16px;background:var(--surface);color:var(--accent);font:inherit;font-size:13px;cursor:pointer}.sc-save svg{width:15px;height:15px;flex:none}.sc-save:hover{border-color:var(--accent);background:var(--accent-soft)}.sc-save:disabled{cursor:wait;opacity:.6}.sc-save-status{min-height:1.4em;color:var(--muted);font-size:12px}@media(max-width:932px){.stage{padding-inline:var(--gutter)}.share-card{zoom:calc((100vw - 2 * var(--gutter)) / 900px)}@supports not (zoom: 1){.share-card{transform:scale(calc((100vw - 2 * var(--gutter)) / 900px));transform-origin:top left}}}