.surface-share-dialog{width:min(480px,calc(100vw - 24px));padding:24px;gap:8px;max-height:calc(100dvh - 24px);overflow:auto}.surface-share-dialog>h2{font-size:22px;line-height:1.35;padding-right:28px;margin:0}.surface-share-dialog>p{margin:0 0 8px}.holo-stage{perspective:1100px;display:grid;justify-items:center;gap:10px;min-width:0}.holo-surface-card{--rx:0deg;--ry:0deg;--light-x:50%;--light-y:50%;--holo-angle:125deg;--holo-intensity:0.045;--edge:0;--sparkle:0;--flash:0;--glint-pos:-60%;position:relative;width:min(100%,328px);aspect-ratio:4/5;isolation:isolate;overflow:hidden;border-radius:17px;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:flat;backface-visibility:hidden;box-shadow:0 1px 1px #24423944,0 12px 25px -14px #17392f66;touch-action:none;user-select:none;background:#edf0e8}.holo-surface-card[data-moving=true]{will-change:transform}.holo-poster{display:block;width:100%;height:100%;object-fit:contain;transform:none}.holo-poster-loading{display:grid;place-items:center;height:100%;color:var(--text-soft);font-size:14px}.holo-material{position:absolute;inset:0;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;transform:none}.holo-iridescence,.holo-reflection,.holo-specular{mask-image:radial-gradient(ellipse 24% 22% at 50% 29%,#0003 0,#0007 65%,#000 125%)}.holo-character .holo-iridescence,.holo-character .holo-reflection,.holo-character .holo-specular{mask-image:radial-gradient(ellipse 21% 18% at 50% 32%,#0003 0,#0007 65%,#000 140%)}.holo-iridescence{background:conic-gradient(from var(--holo-angle) at var(--light-x) var(--light-y),#a7daff,#8dfff2 16%,#a6bcff 31%,#d7a2ff 45%,#ffacd4 60%,#ffe2a1 76%,#b6eccd 89%,#a7daff);opacity:calc(var(--holo-intensity) * .85);mask-image:radial-gradient(ellipse 54% 49% at var(--light-x) var(--light-y),#000 8%,#000b 48%,transparent 98%),radial-gradient(ellipse 24% 22% at 50% 29%,#0003 0,#0007 65%,#000 125%);mask-composite:intersect}.holo-reflection{background:radial-gradient(ellipse 74% 58% at var(--light-x) var(--light-y),#fffdebba 0,#edf6ff77 27%,#d8e7ff2b 52%,#ffffff00 80%);opacity:var(--holo-intensity)}.holo-etch{background:radial-gradient(ellipse 84% 55% at 50% 33%,transparent 69%,#c5f5ffb3 69.3%,transparent 69.7%,transparent 78%,#e8c2ff80 78.3%,transparent 78.7%),linear-gradient(var(--holo-angle),transparent 52%,#f4d5ff88 72%,#bcecffaa 84%,transparent);mask-image:radial-gradient(ellipse 60% 52% at var(--light-x) var(--light-y),#000,transparent 87%);opacity:calc(var(--holo-intensity) * .8)}.holo-grain{background-image:radial-gradient(circle,#e2faff 0 .55px,transparent .95px),radial-gradient(circle,#ffd0ec 0 .6px,transparent 1px),radial-gradient(circle,#fff3b5 0 .5px,transparent 1px);background-size:31px 43px,59px 37px,47px 61px;background-position:3px 7px,19px 3px,7px 29px;mask-image:radial-gradient(ellipse 35% 37% at var(--light-x) var(--light-y),#000,transparent 80%);opacity:var(--sparkle)}.holo-specular{background:linear-gradient(112deg,transparent 23%,#b3ebff22 32%,#f9fffaa3 44%,#fffbead9 50%,#e7cbff80 57%,transparent 73%);background-size:180% 100%;background-position:var(--glint-pos) 50%;opacity:calc(var(--flash) * .64)}.holo-rim{padding:1.5px;background:conic-gradient(from var(--holo-angle),#b5e7ff,#c3fff0,#e6c0ff,#fff0b6,#b4d5ff);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:var(--edge)}.holo-save-actions{width:100%;margin-top:5px}.holo-save-actions .btn{width:100%;min-height:46px}.holo-stage>.holo-enable{margin:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;color:var(--green);font-size:13px;cursor:pointer}.share-settings{border-top:1px solid #294c3520;margin-top:5px;width:100%}.share-settings>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;color:var(--text-soft)}.share-settings>summary:after{content:"＋";margin-left:auto}.share-settings[open]>summary:after{content:"−"}.share-settings>div{padding:4px 0 10px;display:grid;gap:8px}.share-settings .poster-invite{font-size:13px;min-height:44px;margin:0}.share-settings .fine-print{margin:0;line-height:1.6}.holo-low .holo-grain{background-image:radial-gradient(circle,#e2faff 0 .6px,transparent 1px);background-size:59px 61px}.holo-low .holo-etch{display:none}.holo-static .holo-surface-card{transform:none!important}.holo-static .holo-material{display:none}@media (max-width:430px){.surface-share-dialog{padding:20px 16px}.holo-surface-card{width:min(100%,292px)}}@media (max-height:740px){.holo-surface-card{width:min(100%,250px)}}@media (prefers-reduced-motion:reduce){.holo-surface-card{transform:none!important}.holo-material{display:none}}.holo-character .holo-iridescence{mask-image:radial-gradient(ellipse 54% 49% at var(--light-x) var(--light-y),#000 8%,#000b 48%,transparent 98%),radial-gradient(ellipse 21% 18% at 50% 32%,#0003 0,#0007 65%,#000 140%);mix-blend-mode:normal}.holo-reflection,.holo-specular{mask-image:radial-gradient(ellipse 24% 22% at 50% 29%,#0003 0,#0007 65%,#000 125%),linear-gradient(#000 0 56%,#0008 66%,#0007 90%,#000);mask-composite:intersect}.holo-character .holo-reflection,.holo-character .holo-specular{mask-image:radial-gradient(ellipse 21% 18% at 50% 32%,#0003 0,#0007 65%,#000 140%),linear-gradient(#000 0 63%,#0008 69%,#0007 90%,#000)}.surface-share-dialog{max-height:calc(100dvh - max(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom) + 24px))}@supports not (mask-composite:intersect){.holo-iridescence{mask-image:radial-gradient(ellipse 24% 22% at 50% 29%,#0003,#000 125%);opacity:calc(var(--holo-intensity) * .55)}}