/* my.coverstar.app /r/ and /s/ share pages: the light creator-page frame. Generated art, no fetches but share-mark.png. */
:root{--ink:#111;--muted:#6b7280;--surface:#f3f4f6;--line:#e5e7eb;--bg:#fff;color-scheme:light}
*{box-sizing:border-box}html,body{overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:400 16px/24px -apple-system,BlinkMacSystemFont,Roboto,system-ui,sans-serif}
.w{max-width:390px;margin:0 auto;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.hd{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}
.br{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;line-height:28px;letter-spacing:-.5px}
.mk{display:inline-block;flex:none;width:28px;height:28px;border-radius:7px;background:#FF004E url(share-mark.png) center/100% no-repeat}
.gp{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:var(--surface);color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.sd{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:6px 20px 0}
.av{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;flex:none;overflow:hidden;background:linear-gradient(135deg,#FF6BE0,#FF2264 60%,#D91B54);color:#fff;font-weight:800;font-size:34px;letter-spacing:-.5px;box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--line)}
.av img{width:100%;height:100%;object-fit:cover}
.av.mk{border-radius:50%;background:#FF004E url(share-mark.png) center/100% no-repeat}
.av.tr{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='70 32 30 40'%3E%3Cpath d='M73 36h24v8a12 12 0 0 1-24 0zM81 58h8v6h6v4H75v-4h6z' fill='%23fff'/%3E%3C/svg%3E") center/36px no-repeat,linear-gradient(135deg,#FFC247,#FF8A5B)}
.id{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
h1{margin:0;font-weight:800;font-size:21px;line-height:26px;letter-spacing:-.6px;overflow-wrap:anywhere}
.id span{font-weight:500;font-size:13px;line-height:18px;color:var(--muted);overflow-wrap:anywhere}
.st{flex-basis:100%;display:flex;align-items:baseline;gap:4px}.st b{font-weight:800;font-size:15px;letter-spacing:-.3px}.st span{font-size:13px;font-weight:500;color:var(--muted)}
.c{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:16px;line-height:24px;text-decoration:none}
.c .mk{width:20px;height:20px;border-radius:4px}
.o{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:44px;margin:4px 20px 0;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none}
.o u{margin-left:4px;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cd{margin:18px 20px 0;padding:18px;border-radius:16px;background:var(--surface);text-align:center}
.il{display:block;width:150px;height:92px;margin:0 auto 12px;background:center/contain no-repeat}
.il.p{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 92'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF6BE0'/%3E%3Cstop offset='.6' stop-color='%23FF2264'/%3E%3Cstop offset='1' stop-color='%23D91B54'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='40' cy='46' r='26' fill='%23FFC247'/%3E%3Ccircle cx='110' cy='46' r='26' fill='%231FD8D1'/%3E%3Ccircle cx='75' cy='44' r='32' fill='url(%23a)' stroke='%23f3f4f6' stroke-width='4'/%3E%3Cpath d='M75 30l4.3 8.9 9.7 1.3-7.1 6.7 1.8 9.6L75 51.9l-8.7 4.6 1.8-9.6-7.1-6.7 9.7-1.3z' fill='%23fff'/%3E%3C/svg%3E")}
.il.s,.il.v{height:110px}.il.s{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 110'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%231FD8D1'/%3E%3Cstop offset='.55' stop-color='%230D7AFF'/%3E%3Cstop offset='1' stop-color='%237B5CFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='47' y='4' width='56' height='100' rx='12' fill='url(%23b)'/%3E%3Cg fill='%23fff' opacity='.9'%3E%3Crect x='53' y='10' width='13' height='3' rx='1.5'/%3E%3Crect x='68' y='10' width='13' height='3' rx='1.5' opacity='.5'/%3E%3Crect x='83' y='10' width='13' height='3' rx='1.5' opacity='.5'/%3E%3C/g%3E%3Ccircle cx='75' cy='58' r='17' fill='%23fff'/%3E%3Ccircle cx='75' cy='58' r='12' fill='none' stroke='%23FF2264' stroke-width='3'/%3E%3Cpath d='M75 51v7l5 3' stroke='%23FF2264' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='25' cy='70' r='10' fill='%23FFC247'/%3E%3Ccircle cx='125' cy='34' r='8' fill='%231FD8D1'/%3E%3C/svg%3E")}.il.v{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 110'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF6BE0'/%3E%3Cstop offset='.6' stop-color='%23FF2264'/%3E%3Cstop offset='1' stop-color='%23D91B54'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='47' y='4' width='56' height='100' rx='12' fill='url(%23a)'/%3E%3Ccircle cx='75' cy='54' r='17' fill='%23fff'/%3E%3Cpath d='M70 45.5v17l14-8.5z' fill='%23FF2264'/%3E%3Cg fill='%23fff' opacity='.85'%3E%3Crect x='55' y='84' width='40' height='4' rx='2'/%3E%3Crect x='55' y='92' width='26' height='4' rx='2' opacity='.7'/%3E%3C/g%3E%3Ccircle cx='24' cy='38' r='9' fill='%231FD8D1'/%3E%3Ccircle cx='126' cy='72' r='10' fill='%23FFC247'/%3E%3C/svg%3E")}
.il.g{width:170px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 92'%3E%3Ccircle cx='38' cy='50' r='22' fill='%231FD8D1'/%3E%3Ccircle cx='132' cy='50' r='22' fill='%237B5CFF'/%3E%3Ccircle cx='62' cy='40' r='24' fill='%23FFC247' stroke='%23f3f4f6' stroke-width='4'/%3E%3Ccircle cx='108' cy='40' r='24' fill='%230D7AFF' stroke='%23f3f4f6' stroke-width='4'/%3E%3Ccircle cx='85' cy='50' r='30' fill='%23FF2264' stroke='%23f3f4f6' stroke-width='4'/%3E%3Cpath d='M73 36h24v8a12 12 0 0 1-24 0zM81 58h8v6h6v4H75v-4h6z' fill='%23fff'/%3E%3C/svg%3E")}
.cd b{display:block;font-weight:800;font-size:18px;line-height:24px;letter-spacing:-.4px;overflow-wrap:anywhere}
.cd p{margin:4px 0 0;font-size:14px;line-height:20px;color:var(--muted)}
.t{display:flex;align-items:center;justify-content:center;gap:5px;margin:14px 0 0;font-size:12px;line-height:16px;color:var(--muted)}
.t:before{content:"";width:13px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center/contain no-repeat}
#ws{position:fixed;left:0;right:0;bottom:0;z-index:9;padding:26px 32px 30px;background:var(--bg);border-radius:26px 26px 0 0;box-shadow:0 -12px 40px #0000002E;text-align:center}
#ws h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.3px}#ws p{margin:8px 0 0;font-size:14px;line-height:19px;color:var(--muted)}#ws .c{margin-top:18px}
.h{margin-top:16px;font-size:12.5px;font-weight:600;color:var(--muted)}
[hidden]{display:none!important}