@import url("font-options.css");
.gp-card-effects{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:.25;mask-image:radial-gradient(ellipse at var(--gem-x,80%) var(--gem-y,50%),#000,transparent 90%)}
.gp-capture-page{margin:0;padding:24px;background:#101010;color:#f4f4ee;font:20px/1.5 Arial,sans-serif}
.gp-feature-poster{--gp-bg:var(--dp-surface,#181818);--gp-text:var(--dp-text,#f4f4ee);--gp-muted:var(--dp-text-muted,#b2b2aa);--gp-border:var(--dp-border,#383835);--gp-yellow:var(--dp-accent,#f5f37c);box-sizing:border-box;position:relative;isolation:isolate;width:1080px;max-width:100%;padding:36px 32px 26px;border:1px solid var(--gp-border);border-radius:24px;background:var(--gp-bg);color:var(--gp-text);font:20px/1.5 Arial,sans-serif}
.gp-feature-poster:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--gem-x,90%) var(--gem-y,50%),color-mix(in srgb,var(--gem-a,#8038f2) 38%,transparent),transparent 68%),conic-gradient(from var(--gem-ang,15deg) at var(--gem-x,90%) var(--gem-y,50%),transparent,var(--gem-b,#13a3d9),transparent 25%,var(--gem-a,#8038f2),transparent 65%,var(--gem-c,#fff0ff),transparent);opacity:.22;mask-image:radial-gradient(ellipse at var(--gem-x,90%) var(--gem-y,50%),#000,transparent 95%)}
.gp-poster-people{display:flex;justify-content:space-between;gap:24px;margin:0 0 30px}.gp-poster-person{display:flex;align-items:flex-end;gap:12px;min-width:0;max-width:49%}.gp-person-name{display:flex;flex-direction:column;align-items:center;min-width:0}.gp-person-label{position:relative;display:block;text-align:center;font:500 23px/1.2 Tillana,cursive;color:var(--gp-text);padding-bottom:30px;white-space:nowrap;transform:rotate(-2deg)}.gp-poster-person:nth-child(2) .gp-person-label{transform:rotate(2deg)}.gp-title-arrow{display:block;position:absolute;width:76px;height:30px;left:50%;bottom:0;transform:translateX(-50%);overflow:visible;fill:none;stroke:var(--gp-yellow);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gp-arrow-echo{opacity:.35;stroke-width:1}
.gp-name-backing{position:relative;display:block;max-width:100%;font-size:21px;line-height:1.45;font-weight:700;color:var(--gp-text);padding:0 3px;overflow-wrap:anywhere}.gp-name-text{position:relative}.gp-marker-ink{position:absolute;z-index:1;pointer-events:none;background:linear-gradient(0deg,#fff200ee,#fff955);opacity:.30;mix-blend-mode:screen;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);transform:rotate(-.6deg)}.gp-marker-ink[data-stroke="1"]{transform:rotate(.4deg);clip-path:polygon(0 0,100% 4%,100% 100%,0 96%)}.gp-marker-ink[data-stroke="2"]{transform:rotate(-.2deg);clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}.gp-marker-ink[data-stroke="3"]{transform:rotate(.7deg);clip-path:polygon(0 0,100% 5%,100% 96%,0 100%)}.gp-marker-ink[data-stroke="4"]{transform:rotate(-.5deg);clip-path:polygon(0 5%,100% 2%,100% 100%,0 96%)}.gp-marker-ink[data-stroke="5"]{transform:rotate(.1deg);clip-path:polygon(0 0,100% 3%,100% 98%,0 100%)}
.gp-person-count{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding-bottom:1px;font-size:12px;color:var(--gp-muted);white-space:nowrap}.gp-count-gem{position:relative;isolation:isolate;box-sizing:border-box;display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 8px 7px;color:var(--gp-text);font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}.gp-count-gem:before{content:"";position:absolute;inset:0;z-index:-2;clip-path:polygon(19% 3%,81% 3%,97% 29%,50% 97%,3% 29%);background:linear-gradient(125deg,#ffffff80,transparent 38%,#ffffff16 60%,#ffffff55),linear-gradient(180deg,color-mix(in srgb,var(--gem-a,#8038f2) 20%,var(--gp-bg)),color-mix(in srgb,var(--gem-b,#13a3d9) 22%,var(--gp-bg)));filter:drop-shadow(0 3px 4px #0003)}.gp-count-gem:after{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--gem-a,#8038f2) 35%,var(--gp-text));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='white' stroke-width='1.1' stroke-linejoin='round'%3E%3Cpath d='M8 1.5H32L39 12L20 39L1 12Z M1 12H39 M8 1.5L13 12L20 39L27 12L32 1.5 M13 12L20 1.5L27 12'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:.7}
.gp-poster-reason{font-family:var(--gp-note-font,Handlee),cursive;font-size:29px;font-weight:400;line-height:1.55;color:var(--dp-accent-ink,#f5f37c);margin:4px 92px 28px 2px;overflow-wrap:anywhere}.gp-poster-reason:before{content:"“"}.gp-poster-reason:after{content:"”"}
.gp-post-stage{position:relative;margin-right:224px}.gp-poster-post{position:relative;border-radius:18px;min-height:280px;max-height:1400px;overflow:hidden;background:var(--dp-bg,#101010);border:1px solid var(--gp-border);padding:16px;box-shadow:0 14px 42px #0002}.gp-poster-post iframe{display:block!important;max-width:100%!important;width:100%!important;margin:0!important}.gp-poster-post blockquote{margin:0;padding:26px;border:0;font-size:25px;line-height:1.6;color:var(--gp-text)}.gp-poster-post blockquote a{color:var(--gp-yellow)}.gp-poster-post blockquote.text-post-media-registered{display:none!important}
.gp-poster-diamond{position:absolute;z-index:2;right:0;top:50%;width:190px;height:190px;transform:translate(50%,-50%);pointer-events:none}.gp-diamond-orbit{position:relative;width:100%;height:100%;transition:transform .24s ease}.gp-poster-diamond iframe{display:block;width:100%;height:100%;border:0;background:transparent;pointer-events:auto;touch-action:none}.gp-feature-poster[data-capture="1"] .gp-poster-diamond iframe{pointer-events:none}.gp-diamond-aside .gp-diamond-orbit{transform:translateX(calc(50% + 20px))}.gp-poster-diamond:focus-visible{outline:2px solid var(--gp-yellow);outline-offset:4px;border-radius:50%}
.gp-poster-footer{padding-top:18px}.gp-original-link{display:block;width:fit-content;margin-left:auto;color:var(--dp-accent-ink,#f5f37c);font-size:13px;text-underline-offset:4px}.gp-poster-fineprint{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:22px}.gp-poster-fineprint small{font:14px/1.6 Arial,sans-serif;color:var(--gp-muted)}.gp-poster-fineprint a{font:11px/1.6 Arial,sans-serif;color:var(--gp-muted);text-align:right;text-underline-offset:3px}.gp-feature-poster[data-capture="1"] .gp-poster-fineprint small{font-size:19px}
@media(prefers-color-scheme:light){.gp-capture-page{background:#f4f4ed}.gp-feature-poster{--gp-bg:var(--dp-surface,#fafaf7);--gp-text:var(--dp-text,#202020);--gp-muted:var(--dp-text-muted,#64645f);--gp-border:var(--dp-border,#d5d5ca);--gp-yellow:var(--dp-accent,#eae724)}.gp-marker-ink{mix-blend-mode:multiply;opacity:.46}.gp-poster-reason,.gp-original-link{color:var(--dp-accent-ink,#696700)}.gp-poster-post{background:var(--dp-bg,#fff)}}
html.dark .gp-marker-ink{mix-blend-mode:screen;opacity:.30}html:not(.dark):has(body:not(.gp-capture-page)) .gp-marker-ink{mix-blend-mode:multiply;opacity:.46}
@media(max-width:700px){.gp-capture-page{padding:12px}.gp-feature-poster{padding:24px 16px 20px;border-radius:18px}.gp-poster-people{gap:18px}.gp-person-label{font-size:20px;padding-bottom:28px}.gp-name-backing{font-size:17px}.gp-person-count{font-size:10px;gap:3px}.gp-count-gem{min-width:31px;height:33px;font-size:11px;padding:0 6px 6px}.gp-poster-reason{font-size:24px;margin-right:30px}.gp-post-stage{margin-right:40px}.gp-poster-post{padding:6px;min-height:260px}.gp-poster-post blockquote{font-size:19px;padding:16px}.gp-poster-diamond{width:96px;height:96px}.gp-diamond-aside .gp-diamond-orbit{transform:scale(.42);transform-origin:right center}.gp-poster-fineprint{flex-wrap:wrap;gap:12px}.gp-poster-fineprint small{font-size:13px}.gp-poster-fineprint a{margin-left:auto}.gp-feature-poster[data-capture="1"] .gp-poster-fineprint small{font-size:16px}}
@media(max-width:420px){.gp-poster-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin:0 4px 20px}.gp-poster-person{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;align-self:stretch;gap:2px;min-width:0;max-width:none}.gp-poster-person:first-child{flex-direction:row-reverse}.gp-person-name{flex:1;width:100%;min-width:0;align-items:center}.gp-person-label{font-size:17px;padding-bottom:20px}.gp-title-arrow{width:50px;height:20px}.gp-name-backing{font-size:min(14px,2.75vw);line-height:1.3;max-width:100%;padding-left:3px;padding-right:3px;text-align:center;white-space:nowrap}.gp-person-count{display:flex;align-items:flex-end;justify-content:center;align-self:flex-end;gap:0;margin:0;padding:0;font-size:0;flex-shrink:0}.gp-count-gem{min-width:28px;height:28px;padding-bottom:5px}.gp-count-gem:before,.gp-count-gem:after{width:28px;height:28px}.gp-count-number{font-size:17px}}
@media(prefers-reduced-motion:reduce){.gp-diamond-orbit{transition:none}}
@media(pointer:coarse){.gp-diamond-orbit:after{content:"";position:absolute;inset:0;pointer-events:auto}.gp-diamond-aside .gp-diamond-orbit:after{pointer-events:none}}
.gp-preview-controls{display:flex;gap:20px;max-width:1080px;margin:0 0 14px;font:12px Arial}.gp-preview-controls a{color:#aaa;text-underline-offset:3px}

.gp-capture-page:has(.gp-feature-poster[data-capture="1"]){padding:0}
html.dark .gp-capture-page{--dp-surface:#181818;--dp-bg:#101010;--dp-text:#f4f4ee;--dp-text-muted:#b2b2aa;--dp-border:#383835;--dp-accent:#f5f37c;--dp-accent-ink:#f5f37c;color-scheme:dark}
.gp-feature-poster[data-capture="1"]{min-height:600px}
.gp-feature-poster[data-capture="1"] .gp-poster-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gp-feature-poster[data-capture="1"] .gp-poster-person{display:flex;flex-direction:column;align-items:center;max-width:none;width:100%}
.gp-feature-poster[data-capture="1"] .gp-person-count{align-self:center}
.gp-feature-poster[data-capture="1"] .gp-poster-post{padding:0;min-height:0;max-height:none;border:0;background:transparent;box-shadow:none}
.gp-feature-poster[data-theme="light"]{--gp-bg:#fafaf7;--gp-text:#202020;--gp-muted:#64645f;--gp-border:#d5d5ca;--gp-yellow:#eae724}.gp-feature-poster[data-theme="light"] .gp-marker-ink{mix-blend-mode:multiply;opacity:.46}.gp-feature-poster[data-theme="light"] .gp-poster-post{background:#fff}.gp-feature-poster[data-theme="light"] .gp-poster-reason,.gp-feature-poster[data-theme="light"] .gp-original-link{color:#696700}

/* A broad marker nib: gently uneven top/bottom, smooth flat left/right ends. */
.gp-marker-ink[data-stroke="0"]{clip-path:none;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%205%20Q38%201%2081%204%20Q132%207%20200%203%20L200%2026%20Q151%2029%20102%2026%20Q49%2024%200%2028%20Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;}
.gp-marker-ink[data-stroke="1"]{clip-path:none;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%203%20Q55%207%20100%203%20Q147%200%20200%205%20L200%2028%20Q144%2024%2096%2027%20Q50%2030%200%2025%20Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;}
.gp-marker-ink[data-stroke="2"]{clip-path:none;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%206%20Q44%201%2093%203%20Q151%206%20200%202%20L200%2025%20Q151%2030%20104%2027%20Q51%2025%200%2029%20Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;}
.gp-marker-ink[data-stroke="3"]{clip-path:none;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%202%20Q44%205%2099%202%20Q146%200%20200%204%20L200%2027%20Q152%2024%20102%2028%20Q48%2030%200%2026%20Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;}
.gp-marker-ink[data-stroke="4"]{clip-path:none;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%204%20Q51%200%2098%205%20Q146%208%20200%204%20L200%2029%20Q149%2025%20101%2027%20Q48%2024%200%2027%20Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;}
.gp-marker-ink[data-stroke="5"]{clip-path:none;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%205%20Q46%208%2096%203%20Q151%200%20200%205%20L200%2026%20Q151%2030%20104%2026%20Q50%2029%200%2025%20Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;}
.gp-marker-ink{background:linear-gradient(178deg,#fff660 0%,#fff100dc 31%,#fff875 57%,#fff000e9 85%,#fff96c);transform:rotate(-.6deg)}
.gp-person-count{display:grid;justify-items:center;align-self:flex-end;gap:1px;text-align:center;padding-bottom:0}.gp-count-gem{display:grid;min-width:48px;width:max-content;height:48px;padding:0 2px 8px;overflow:visible}.gp-count-gem:before,.gp-count-gem:after{inset:0 auto auto 50%;width:48px;height:48px;transform:translateX(-50%)}.gp-count-number{display:block;position:relative;z-index:1;font:400 31px/1 "Short Stack",cursive;letter-spacing:-.055em;color:var(--gp-text);-webkit-text-stroke:1.3px var(--gp-bg);paint-order:stroke fill;text-shadow:0 2px 2px #0006;transform:translate(-.025em,-1px);white-space:nowrap}
@media(max-width:700px){.gp-person-count{gap:0}.gp-count-gem{min-width:43px;height:45px;padding:0 2px 7px}.gp-count-gem:before,.gp-count-gem:after{width:43px;height:45px}.gp-count-number{font-size:28px}}

.gp-count-gem:before{opacity:.62}.gp-count-gem:after{opacity:.50}
.gp-poster-footer{padding-top:22px}.gp-disclaimer{font:14px/1.6 Arial,sans-serif;text-align:center;color:var(--gp-muted);margin:0 0 16px}.gp-footer-links{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.gp-footer-links .gp-original-link{margin:0;font-size:13px}.gp-send-link{font:11px/1.6 Arial,sans-serif;color:var(--gp-muted);text-align:right;text-underline-offset:3px}.gp-feature-poster[data-capture="1"] .gp-disclaimer{font-size:19px;margin-bottom:0}@media(max-width:700px){.gp-disclaimer{font-size:13px}.gp-feature-poster[data-capture="1"] .gp-disclaimer{font-size:16px}.gp-footer-links{gap:14px}.gp-footer-links>*{max-width:50%}}

/* Tap recognition lives inside the iframe; never intercept drags with a cover. */
.gp-diamond-orbit:after{display:none!important}

/* Keep origin and transform functions identical in both states: no snap on return. */
.gp-diamond-orbit{transform-origin:right center;transform:translateX(0) scale(1)}.gp-diamond-aside .gp-diamond-orbit{transform:translateX(calc(50% + 20px)) scale(1)}@media(max-width:700px){.gp-diamond-aside .gp-diamond-orbit{transform:translateX(0) scale(.42)}}
.gp-name-link{color:inherit;text-decoration:none}.gp-name-link:hover{text-decoration:underline;text-underline-offset:3px}.gp-name-link:focus-visible{outline:2px solid var(--gp-yellow);outline-offset:4px}

/* PNG capture keeps only the rounded card; the outside canvas stays clear. */
html:has(>body.gp-capture-page),html:has(>body.gp-capture-page) body.gp-capture-page{background:transparent!important}
/* Keep the Diamond frame transparent when its parent uses a dark colour scheme. */
.gp-poster-diamond iframe{color-scheme:normal;background:transparent}

/* Card v2 for the image and the video (1 Nov 2026): each counter sits right beside its name on the outer side (Received left of the receiver, Given right of the giver), names tightened toward the centre, bigger receiver's post, no blank space at the bottom (short posts give a shorter card). The Diamond stays where it was. */
.gp-feature-poster[data-capture="1"]{padding-left:26px;padding-right:26px;min-height:0}
.gp-feature-poster[data-capture="1"] .gp-poster-people{display:flex;justify-content:center;align-items:flex-end;gap:64px;margin-bottom:22px}
.gp-feature-poster[data-capture="1"] .gp-poster-person{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:14px;width:auto;max-width:none}
.gp-feature-poster[data-capture="1"] .gp-poster-person:first-child{flex-direction:row-reverse}
.gp-feature-poster[data-capture="1"] .gp-person-count{position:static;align-self:flex-end}
.gp-feature-poster[data-capture="1"] .gp-poster-post{zoom:1.15}
/* Tall (media) posts: the Threads embed lays a portrait image out small inside a wide white box, so narrow and centre the post (class set by dp_gp_tall_script). */
.gp-feature-poster[data-capture="1"].gp-tall-post .gp-poster-post{width:min(100%,330px);margin-left:auto;margin-right:auto}

/* the Diamond's own background effect behind the card (bgfx.js); the video passes draw it in their own layer */
.gp-card-bgfx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:.55;mask-image:radial-gradient(ellipse at var(--gem-x,80%) var(--gem-y,50%),#000,rgba(0,0,0,.3) 95%)}