:root{--m-bg: #102448;--m-bg-glow: #233961;--m-surface: #182f53;--m-surface-2: #142a4b;--m-ink: #f5f4f3;--m-muted: #acb9d0;--m-accent: #d2a1ed;--m-bright: #e2bcf5;--m-hero-em: #d9b2f0;--m-line: #314566;--m-line-strong: #455778;--m-button: #d2a1ed;--m-button-ink: #25143d;--m-button-ring: #e7dcff66;--m-nav-bg: #102448;--m-danger: #ff5b60;--m-glow: #b298ff;--m-shadow: 0 8px 25px #02030d4d;--m-shadow-card: 0 30px 60px #02030d66;--m-shadow-button: 0 3px 22px #ba9bfd1b;--m-back-bg: linear-gradient(150deg, #183258, #102448 60%, #25294f);--m-back-line: #c79be04d;--m-pack-bg: linear-gradient(145deg, #1a355b, #102448 60%, #33234e);--m-brand-ink: #f5f4f3;--m-brand-holo: linear-gradient(125deg, #c990e3, #ed9de2 20%, #ffd982 38%, #65dbd8 53%, #97a5ed 70%, #c990e3);--m-brand-stripe-opacity: .08;--m-brand-watermark-opacity: .1;--m-scene-bg: linear-gradient(146deg, transparent 32%, #b47cdb08 32.1%, #6cd8d908 49%, transparent 49.1%), radial-gradient(ellipse 100% 50% at 100% 0%, #6b169b16, transparent 80%), var(--m-bg);--m-r-n: linear-gradient(160deg, #e6b27a, #b87333 48%, #6b4323);--m-r-r: linear-gradient(160deg, #eef2f9, #96a0b3 48%, #59606f);--m-r-sr: linear-gradient(160deg, #fff0bb, #dcaa3a 48%, #8b5f12);--m-r-ssr: conic-gradient(from var(--m-holo-angle, 0deg), #bba8ff, #7ee8e0, #ffb1e6, #ffe08a, #bba8ff);--m-r-ssr-text: linear-gradient(90deg, #bba8ff, #7ee8e0 40%, #ffb1e6 75%, #ffe08a);--m-r-ssr-glow: #bba8ff55;--m-tag-n: #d9a874;--m-tag-r: #aeb6c6;--m-tag-sr: #dcaa3a;--m-kakao-bg: #fee500;--m-kakao-ink: #191919;--m-radius-xl: 22px;--m-radius-lg: 18px;--m-radius-md: 14px;--m-radius-sm: 10px;--m-radius-xs: 8px;--m-radius-pill: 30px;--m-font: Pretendard, "Pretendard Variable", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--m-font-serif: Georgia, "Noto Serif KR", serif;--m-line-height: 1.6;--m-tracking: -.035em;--m-tracking-tight: -1.5px;--m-tracking-wide: .16em;--m-control-h: 48px;--m-control-h-sm: 42px;--m-nav-h: 66px;--m-nav-ring: 70px;--m-header-h: 72px;--m-gutter: 24px;--m-card-ratio: 472 / 670;--m-ease-pop: cubic-bezier(.2, .8, .2, 1);--m-t-fast: .15s;--m-t-base: .3s;--m-t-flip: .6s;--m-t-tear: 1.15s;--m-t-reveal: 1.2s;--m-t-reveal-ssr: 1.9s;color-scheme:dark}[data-theme=light]{--m-bg: #f5f5f4;--m-bg-glow: #eee7f4;--m-surface: #ffffff;--m-surface-2: #ffffffc9;--m-ink: #102448;--m-muted: #64718a;--m-accent: #721f9d;--m-bright: #e9d6f4;--m-hero-em: #721f9d;--m-line: #e0e3e9;--m-line-strong: #ced3df;--m-button: #721f9d;--m-button-ink: #ffffff;--m-button-ring: #721f9d;--m-nav-bg: #fafaf9;--m-danger: #e0313a;--m-glow: #8064cc;--m-shadow: 0 8px 25px #5441760d;--m-shadow-card: 0 24px 50px #54417626;--m-shadow-button: 0 4px 18px #8568ca24;--m-back-bg: linear-gradient(150deg, #ffffff, #f5f5f4 60%, #eee7f4);--m-back-line: #d4c3e3;--m-pack-bg: linear-gradient(145deg, #ffffff, #f5f5f4 60%, #e7dcf0);--m-brand-ink: #102448;--m-brand-stripe-opacity: .14;--m-brand-watermark-opacity: .06;--m-scene-bg: linear-gradient(146deg, transparent 32%, #bf95e009 32.1%, #8bdbd90a 49%, transparent 49.1%), radial-gradient(ellipse 100% 50% at 100% 0%, #c990e30d, transparent 80%), var(--m-bg);--m-r-n: linear-gradient(160deg, #e6b27a, #b87333 48%, #6b4323);--m-tag-n: #8c5a2b;--m-r-ssr-text: linear-gradient(90deg, #7960ba, #2aa89b 40%, #c94f9e 75%, #c08a1a);--m-r-ssr-glow: #8064cc33;--m-tag-r: #8a93a6;color-scheme:light}@property --m-holo-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}html,body{background:var(--m-bg);color:var(--m-ink)}body{margin:0;font-family:var(--m-font);font-size:14px;line-height:var(--m-line-height);letter-spacing:var(--m-tracking);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--m-accent);outline-offset:3px}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.m-app{width:100%;max-width:430px;margin:auto;min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:clip;background:var(--m-scene-bg)}.m-screen{flex:1;padding:0 var(--m-gutter) 16px}@media (max-width: 359px){:root{--m-gutter: 18px}}.m-eyebrow{font-size:8px;letter-spacing:var(--m-tracking-wide);font-weight:700;color:var(--m-accent)}.m-h1{font-size:27px;font-weight:650;letter-spacing:var(--m-tracking-tight);line-height:1.2;margin:0}.m-h1--hero{font-size:31px;text-align:center}.m-h1--hero em{font-style:normal;color:var(--m-hero-em)}.m-h2{font-size:14px;font-weight:750;margin:0}.m-sub{font-size:11px;color:var(--m-muted);line-height:1.6;margin:0}.m-num{font-variant-numeric:tabular-nums;letter-spacing:-.8px}.m-header{height:var(--m-header-h);padding:25px var(--m-gutter) 13px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.m-brand{display:inline-flex;align-items:center;gap:.3em;font-size:26px;flex-shrink:0}.m-mark{display:block;width:1.4em;height:auto;aspect-ratio:376 / 360;object-fit:contain;flex-shrink:0}.m-brand__word{display:block;width:3.55em;aspect-ratio:610 / 150;background:var(--m-brand-ink);mask:url(/brand/motion-wordmark.svg) center / contain no-repeat}.m-brand--stacked{flex-direction:column;width:100%;gap:10px}.m-brand--stacked .m-mark{width:60%;height:auto;aspect-ratio:376 / 360}.m-brand--stacked .m-brand__word{width:100%}.m-iconbtn{position:relative;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--m-line);border-radius:50%;background:var(--m-surface)}.m-iconbtn svg{width:17px;height:17px}.m-iconbtn__dot{position:absolute;right:7px;top:6px;width:4px;height:4px;border-radius:50%;background:var(--m-accent)}.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--m-control-h);padding:0 18px;border-radius:var(--m-radius-md);font-weight:750;font-size:13px;transition:transform var(--m-t-fast),filter var(--m-t-fast)}.m-btn:active{transform:translateY(2px)}.m-btn:hover{filter:brightness(.98)}.m-btn[disabled]{opacity:.45;pointer-events:none}.m-btn--primary{background:var(--m-button);color:var(--m-button-ink);border:1px solid var(--m-button-ring);box-shadow:var(--m-shadow-button)}.m-btn--secondary{background:var(--m-bg);color:var(--m-muted);border:1px solid var(--m-line);font-size:12px;font-weight:550}.m-btn--text{min-height:0;padding:0;font-size:9px;color:var(--m-muted);gap:2px}.m-btn--block{width:100%}.m-btn--sm{min-height:var(--m-control-h-sm);font-size:11px}.m-btn svg{width:16px;height:16px}.m-chip{padding:8px 16px;border:1px solid var(--m-line);border-radius:var(--m-radius-pill);font-size:10px;color:var(--m-muted);font-weight:550}.m-chip b{margin-left:4px;font-size:8px}.m-chip--on{background:var(--m-button);color:var(--m-button-ink);border-color:transparent}[data-theme=light] .m-chip--on{background:#e8dff7;color:#69508e;border-color:#e1d4f3}.m-chip--info{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background:var(--m-surface)}.m-chip--info svg{width:13px;height:13px;color:var(--m-accent)}.m-chip--info b{margin:0;font-size:10px;color:var(--m-ink)}.m-panel{background:var(--m-surface);border:1px solid var(--m-line);border-radius:var(--m-radius-xl);padding:18px 21px}.m-panel--sunken{background:var(--m-surface-2);border-color:var(--m-line-strong);border-radius:var(--m-radius-lg);padding:15px}.m-stats{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));padding:16px 6px}.m-stats>div{text-align:center;border-left:1px solid var(--m-line)}.m-stats>div:first-child{border-left:0}.m-stats span{display:block;font-size:9px;color:var(--m-muted)}.m-stats strong{display:block;font-size:22px;letter-spacing:-1px;font-weight:650;margin-top:5px}.m-stats small{font-size:11px;color:var(--m-muted);font-weight:400}.m-progress{height:3px;background:var(--m-line);border-radius:5px;overflow:hidden}.m-progress i{display:block;height:100%;width:var(--value, 0%);background:var(--m-accent);border-radius:inherit}.m-card{padding:2px;border-radius:var(--m-radius-sm);background:var(--m-r-n);line-height:0;position:relative;display:block}.m-card__in{position:relative;border-radius:var(--m-radius-xs);overflow:hidden;background:#181818}.m-card__in>img{display:block;width:100%;aspect-ratio:var(--m-card-ratio);object-fit:contain}.m-card__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff18 46%,transparent 65%)}.m-card--r{background:var(--m-r-r)}.m-card--sr{background:var(--m-r-sr)}.m-card--ssr{background:var(--m-r-ssr);animation:m-holo 6s linear infinite;box-shadow:0 0 22px var(--m-r-ssr-glow)}.m-card--interactive{transition:transform .18s;cursor:pointer}.m-card--interactive:hover{transform:translateY(-3px)}.m-card--big{padding:3px;border-radius:14px;box-shadow:var(--m-shadow-card)}.m-card--big .m-card__in{border-radius:11px}.m-card--big.m-card--ssr{box-shadow:0 0 40px var(--m-r-ssr-glow),var(--m-shadow-card)}@keyframes m-holo{to{--m-holo-angle: 360deg}}.m-tilt{perspective:900px}.m-tilt .m-card{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .12s ease-out;transform-style:preserve-3d}.m-tilt .m-card__sheen{background:radial-gradient(circle at var(--mx, 30%) var(--my, 20%),#ffffff33,#ffffff08 30%,transparent 60%),linear-gradient(115deg,transparent 25%,#ffffff12 46%,transparent 65%)}.m-tag{font-size:8px;font-weight:700;letter-spacing:.06em;color:var(--m-tag-n)}.m-tag--r{color:var(--m-tag-r)}.m-tag--sr{color:var(--m-tag-sr)}.m-tag--ssr{background-image:var(--m-r-ssr-text);-webkit-background-clip:text;background-clip:text;color:transparent}.m-tag--lg{font-size:13px}.m-new{font-size:6px;font-style:normal;font-weight:800;letter-spacing:.1em;color:var(--m-button-ink);background:var(--m-button);border-radius:20px;padding:3px 6px}.m-cardback{width:100%;aspect-ratio:var(--m-card-ratio);border-radius:var(--m-radius-sm);border:1px solid var(--m-back-line);background:var(--m-back-bg);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:var(--m-shadow)}.m-cardback:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid var(--m-back-line);border-radius:5px;opacity:.55}.m-cardback:after{content:"";position:absolute;width:170%;height:12%;transform:rotate(-34deg);bottom:10%;background:var(--m-brand-holo);opacity:var(--m-brand-stripe-opacity)}.m-cardback .m-brand{position:relative;z-index:1;width:64%}.m-nav{height:var(--m-nav-h);display:flex;justify-content:space-evenly;align-items:center;border-top:1px solid var(--m-line);background:var(--m-nav-bg);position:sticky;bottom:0;z-index:10;flex-shrink:0;padding-bottom:2px}.m-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--m-muted);width:75px;height:52px;font-size:9px;white-space:nowrap}.m-nav__item svg{width:20px;height:20px}.m-nav__item--on{color:var(--m-accent);font-weight:750}.m-nav__item--featured{position:relative;isolation:isolate;padding-bottom:8px;color:var(--m-ink);font-weight:700;--m-nav-ring-glow: color-mix(in srgb, var(--m-glow) 42%, transparent)}.m-nav__item--featured:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:var(--m-nav-ring, 70px);height:var(--m-nav-ring, 70px);transform:translate(-50%,calc(-50% - 8px));border-radius:50%;background:var(--m-nav-bg);border:3px solid var(--m-accent);box-shadow:inset 0 0 0 4px var(--m-nav-bg),inset 0 0 0 5px color-mix(in srgb,var(--m-accent) 55%,transparent),0 0 0 1px color-mix(in srgb,var(--m-accent) 45%,transparent),0 0 14px 3px var(--m-nav-ring-glow);transition:box-shadow var(--m-t-fast) ease}.m-nav__item--featured.m-nav__item--on{color:var(--m-accent);--m-nav-ring-glow: color-mix(in srgb, var(--m-glow) 70%, transparent)}.m-nav__icon{position:relative;display:grid;place-items:center;width:20px;height:20px}.m-notification-badge{min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;border-radius:var(--m-radius-pill);border:1.5px solid var(--m-nav-bg);background:var(--m-danger);color:#fff;font-size:9px;font-weight:800;letter-spacing:0;line-height:1;white-space:nowrap;pointer-events:none}.m-nav__badge{position:absolute;top:-7px;left:12px}.m-notification-button{position:relative}.m-notification-button>.m-notification-badge{position:absolute;top:-6px;right:-4px}.m-toast{position:fixed;z-index:30;bottom:83px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;max-width:350px;width:88%;padding:14px 16px;background:var(--m-ink);color:var(--m-bg);border-radius:13px;font-size:12px;text-align:center;transition:opacity .2s,transform .2s}.m-toast--on{opacity:1;transform:translate(-50%)}.m-icon{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@keyframes m-pop{0%{transform:translateY(8px) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes m-flip-in{0%{transform:rotateY(-90deg) scale(.9);opacity:0}60%{transform:rotateY(8deg) scale(1.03);opacity:1}to{transform:rotateY(0) scale(1)}}@keyframes m-flip-out{to{transform:rotateY(90deg) translate(40px);opacity:0}}@keyframes m-burst{0%{opacity:0;transform:scale(.4)}40%{opacity:1}to{opacity:0;transform:scale(1.6)}}@keyframes m-shake{0%,to{rotate:0deg}20%{rotate:-3deg}40%{rotate:3deg}60%{rotate:-2deg}80%{rotate:2deg}}@keyframes m-lift{to{translate:0 -30px;scale:1.14;opacity:0;filter:blur(6px)}}@keyframes m-hit-glow{0%{filter:drop-shadow(0 0 0 transparent)}40%{filter:drop-shadow(0 0 30px var(--m-glow))}to{filter:drop-shadow(0 0 10px var(--m-glow))}}.m-anim-pop{animation:m-pop .5s var(--d, 0ms) ease-out both}.m-anim-flip-in{animation:m-flip-in var(--m-t-flip) var(--m-ease-pop) both}.m-anim-flip-out{animation:m-flip-out .45s ease-in forwards}.m-anim-hit{animation:m-flip-in var(--m-t-flip) var(--m-ease-pop) both,m-hit-glow 1.4s .5s ease-out}.m-burst{position:absolute;width:260px;height:260px;border-radius:50%;pointer-events:none;opacity:0;transform:scale(.4);background:radial-gradient(circle,color-mix(in srgb,var(--m-glow) 40%,transparent),#7ee8e022 45%,transparent 70%)}.m-burst--go{animation:m-burst .8s .45s ease-out forwards}.card-face-host{width:var(--card-w, 280px);max-width:100%;min-width:0;container-type:inline-size;container-name:card-face}.card-face{--pointer-x: 50%;--pointer-y: 50%;--subject-x: 0px;--subject-y: 0px;--subject-width: 112%;--subject-left: 50%;--subject-bottom: -2%;--base-start: #10141d;--base-end: #24182d;--accent: #ffe09a;--background-opacity: .82;--mx: 50%;--my: 50%;--o: .55;position:relative;width:100%;aspect-ratio:484 / 710;overflow:hidden;border-radius:var(--face-radius, 5.2381% / 3.4921%);background:transparent;-webkit-user-select:none;user-select:none}.card-face-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;transform:scale(var(--face-scale-x, 1.1524),var(--face-scale-y, 1.127));transform-origin:var(--face-origin-x, 50%) var(--face-origin-y, 35%)}.card-face-clip:before{content:"";position:absolute;left:6.6116%;top:3.9437%;width:86.7769%;height:88.7324%;border-radius:6.6667%/4.4444%;background:#11141a}.card-face-art{position:absolute;z-index:1;left:9.0909%;top:5.6338%;width:81.8182%;height:85.3521%;overflow:hidden;border-radius:5.55%/3.63%;background:#11141a;isolation:isolate}.card-face-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.card-face-base{z-index:0;background:radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 43%),linear-gradient(155deg,var(--base-start),var(--base-end))}.card-face-bg{z-index:1;object-fit:cover;object-position:center;opacity:var(--background-opacity);transform:scale(1.085)}.card-face-shade{z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.19),transparent 4.55cqw),linear-gradient(to top,rgba(0,0,0,.19),transparent 4.55cqw),linear-gradient(to bottom,rgba(0,0,0,.11),transparent 1.4cqw),linear-gradient(to top,rgba(0,0,0,.11),transparent 1.4cqw)}.card-face-subject{z-index:4;inset:auto auto var(--subject-bottom) var(--subject-left);width:var(--subject-width);height:auto;max-width:none;transform-origin:50% 90%;transform:translate3d(calc(-50% + var(--subject-x)),var(--subject-y),0);filter:drop-shadow(0 5.36cqw 5.71cqw rgba(0,0,0,.55))}.card-face-clip>.card-finish{overflow:hidden}.card-face-frame{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.card-face-copy{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;pointer-events:none;text-shadow:0 1px 10px rgba(0,0,0,.8);container-type:inline-size}.card-face-copy>*{position:absolute;margin:0}.card-face-name{left:13.64%;top:8.2%;color:#fff;font-size:5.78cqw;font-weight:800;letter-spacing:-.045em;line-height:1}.card-face-title{left:13.64%;top:13.84%;color:#fffc;font-size:2.88cqw;font-weight:700;letter-spacing:.05em;line-height:1}.card-face-grade{left:75.62%;top:8.17%;width:11.98%;height:5.63%;display:grid;place-items:center;color:var(--copy-grade, #fffdf4);font-family:Georgia,serif;font-size:3.72cqw;font-style:italic;font-weight:900;letter-spacing:-.06em;line-height:1}.card-face-desc{left:13.64%;right:15%;bottom:13.64%;overflow:hidden;color:#fff;font-size:4.11cqw;font-weight:760;letter-spacing:-.035em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.card-face[data-card-grade=N] .card-face-grade{color:#f3d9b8}.card-face[data-card-grade=R] .card-face-grade{color:#f3e2c4}.card-face[data-card-grade=SR] .card-face-grade{color:#fff1ba}.card-face[data-card-grade=SSR] .card-face-grade{color:#e4dcff}.card-face[data-duplicate=true] .card-face-title{color:#e8c99a}.card-face[data-card-grade=SR] .card-finish.fx-holo{--intensity: .42}.card-face-host>.card-face{position:relative;top:auto;left:auto;height:auto;backface-visibility:visible;-webkit-backface-visibility:visible}:root{--intensity: .85}.card-finish{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;border-radius:inherit;--mx: 50%;--my: 50%;--mxn: .5;--myn: .5;--hyp: 0;--o: .55}.card__photo,.card__fx,.card__glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.card__photo{z-index:0}.card__fx{z-index:1;pointer-events:none}.card__glare{z-index:2;pointer-events:none}.card__fx:before,.card__fx:after,.card__glare:before,.card__glare:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.card__photo img{display:block;width:100%;height:100%;object-fit:cover}@media (prefers-reduced-motion: reduce){.card__fx,.card__fx:before,.card__fx:after,.card__glare,.card__glare:before,.card__glare:after{animation:none!important}.card-finish.fx-sparkle .card__fx,.card-finish.fx-sparkle .card__fx:after,.card-finish.fx-sparkle .card__glare,.card-finish.fx-sparkle .card__glare:before,.card-finish.fx-galaxy .card__fx:after{opacity:calc(var(--o) * var(--intensity) * .45)!important}}.card-finish.fx-foil .card__fx{background-image:linear-gradient(115deg,transparent 18%,rgba(168,196,222,.2) 34%,rgba(233,240,247,.5) 45%,rgba(255,255,255,.72) 50%,rgba(241,234,219,.46) 55%,rgba(216,198,170,.18) 66%,transparent 82%);background-size:300% 300%;background-repeat:no-repeat;background-position:var(--mx) var(--my);mix-blend-mode:overlay;opacity:calc(var(--o) * var(--intensity) * .9)}.card-finish.fx-foil .card__fx:before{background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 4px);background-size:220% 220%;background-position:calc(100% - var(--mx)) calc(100% - var(--my));mix-blend-mode:overlay;opacity:calc(var(--o) * var(--intensity) * .45)}.card-finish.fx-foil .card__fx:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='foilGrain'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23foilGrain)'/></svg>");background-size:140px 140px;background-repeat:repeat;mix-blend-mode:overlay;filter:contrast(120%) brightness(108%);opacity:calc(var(--o) * var(--intensity) * .22)}.card-finish.fx-foil .card__glare:before{background-image:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.26) 49%,rgba(255,255,255,.48) 50%,rgba(255,255,255,.26) 51%,transparent 58%);background-size:260% 260%;background-repeat:no-repeat;background-position:var(--mx) var(--my);mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * (.12 + var(--hyp) * .38))}.card-finish.fx-holo .card__fx{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='hg'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='240' height='240' filter='url(%23hg)' opacity='0.5'/></svg>"),linear-gradient(115deg,transparent 0%,hsl(3,60%,66%) 9%,hsl(40,64%,62%) 22%,hsl(96,46%,62%) 35%,hsl(175,56%,62%) 48%,hsl(222,62%,68%) 61%,hsl(268,50%,66%) 74%,hsl(315,55%,66%) 87%,transparent 100%);background-size:240px 240px,300% 300%;background-position:center,var(--mx) var(--my);background-repeat:repeat,no-repeat;background-blend-mode:overlay,normal;mix-blend-mode:color-dodge;filter:brightness(calc(.62 + var(--hyp) * .22)) contrast(1.8) saturate(1.15) hue-rotate(calc((var(--mxn) - .5) * 50deg));opacity:calc(var(--o) * var(--intensity) * .9)}.card-finish.fx-holo .card__fx:after{background-image:linear-gradient(295deg,transparent 0%,hsl(315,55%,64%) 12%,hsl(222,62%,66%) 32%,hsl(175,56%,60%) 52%,hsl(40,64%,62%) 72%,hsl(3,60%,64%) 88%,transparent 100%);background-size:340% 340%;background-position:calc(100% - var(--mx)) calc(100% - var(--my));background-repeat:no-repeat;mix-blend-mode:overlay;opacity:.55}.card-finish.fx-galaxy .card__fx{background:radial-gradient(45% 60% at 18% 22%,rgba(255,40,210,.85),transparent 70%),radial-gradient(55% 45% at 82% 16%,rgba(0,215,255,.8),transparent 70%),radial-gradient(60% 55% at 72% 80%,rgba(150,70,255,.85),transparent 70%),radial-gradient(42% 42% at 26% 82%,rgba(175,255,70,.55),transparent 70%),radial-gradient(36% 36% at 54% 46%,rgba(255,190,50,.5),transparent 72%);background-size:165% 165%;background-repeat:no-repeat;mix-blend-mode:overlay;filter:hue-rotate(calc(var(--mxn) * 140deg)) saturate(1.35);opacity:calc(var(--o) * var(--intensity) * .9);animation:galaxy-drift 28s ease-in-out infinite alternate}@keyframes galaxy-drift{0%{background-position:0% 0%,100% 0%,100% 100%,0% 100%,50% 50%}50%{background-position:35% 25%,65% 35%,60% 75%,25% 60%,42% 62%}to{background-position:100% 100%,0% 100%,0% 0%,100% 0%,62% 38%}}.card-finish.fx-galaxy .card__fx:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='s' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='11' stitchTiles='stitch'/><feComponentTransfer><feFuncR type='gamma' amplitude='1.8' exponent='8'/><feFuncG type='gamma' amplitude='1.8' exponent='8'/><feFuncB type='gamma' amplitude='1.8' exponent='8'/><feFuncA type='gamma' amplitude='1.4' exponent='3'/></feComponentTransfer></filter><rect width='220' height='220' filter='url(%23s)'/></svg>");background-size:220px 220px;background-position:calc(var(--mxn) * -34px) calc(var(--myn) * -34px);mix-blend-mode:color-dodge;filter:hue-rotate(calc(var(--mxn) * -90deg)) brightness(1.1) contrast(1.55);-webkit-mask-image:radial-gradient(120% 100% at var(--mx) var(--my),rgba(255,255,255,1) 0%,rgba(255,255,255,.35) 34%,rgba(255,255,255,.07) 68%,transparent 92%);mask-image:radial-gradient(120% 100% at var(--mx) var(--my),rgba(255,255,255,1) 0%,rgba(255,255,255,.35) 34%,rgba(255,255,255,.07) 68%,transparent 92%);opacity:calc(var(--o) * var(--intensity) * .85)}.card-finish.fx-galaxy .card__fx:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><g fill='white'><circle cx='18' cy='26' r='1.1' opacity='.9'/><circle cx='64' cy='12' r='.8' opacity='.7'/><circle cx='120' cy='38' r='1.3' opacity='.85'/><circle cx='42' cy='74' r='.7' opacity='.6'/><circle cx='96' cy='88' r='1' opacity='.8'/><circle cx='140' cy='120' r='.9' opacity='.7'/><circle cx='24' cy='128' r='1.2' opacity='.85'/><circle cx='76' cy='148' r='.8' opacity='.65'/><circle cx='148' cy='70' r='.6' opacity='.55'/></g></svg>");background-size:160px 160px;background-position:calc(100% - var(--mx)) calc(100% - var(--my));mix-blend-mode:screen;animation:galaxy-twinkle 4.5s ease-in-out infinite alternate}@keyframes galaxy-twinkle{0%{opacity:calc(var(--o) * var(--intensity) * .3)}to{opacity:calc(var(--o) * var(--intensity) * .6)}}.card-finish.fx-gold .card__fx{background-image:linear-gradient(115deg,transparent 22%,rgba(168,106,34,.45) 36%,rgba(255,196,96,.85) 45%,rgba(255,244,214,.95) 50%,rgba(255,196,96,.85) 55%,rgba(168,106,34,.45) 64%,transparent 78%);background-size:240% 240%;background-repeat:no-repeat;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;filter:brightness(.82) contrast(1.5) saturate(1.15);opacity:calc(var(--o) * var(--intensity) * (.55 + var(--hyp) * .45))}.card-finish.fx-gold .card__fx:before{background-image:linear-gradient(115deg,#7a4a12e6,#e8a848f2 30%,#fff0ca,#e8a848f2 70%,#7a4a12e6);background-size:220% 220%;background-repeat:no-repeat;background-position:calc(100% - var(--mx)) calc(100% - var(--my));-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 9 -3.8'/></filter><rect width='240' height='240' filter='url(%23g)'/></svg>");-webkit-mask-size:130px 130px;-webkit-mask-repeat:repeat;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 9 -3.8'/></filter><rect width='240' height='240' filter='url(%23g)'/></svg>");mask-size:130px 130px;mask-repeat:repeat;mix-blend-mode:color-dodge;filter:brightness(.8) contrast(1.6);opacity:calc(var(--o) * var(--intensity) * .5)}.card-finish.fx-gold .card__fx:after{background-image:radial-gradient(circle,rgba(255,244,214,.95) 0,rgba(255,244,214,.9) 1px,transparent 2.4px),radial-gradient(circle,rgba(255,202,110,.9) 0,rgba(255,202,110,.85) 1.4px,transparent 3px),radial-gradient(circle,rgba(255,176,64,.8) 0,transparent 2px);background-size:120px 190px,90px 150px,70px 110px;background-repeat:repeat;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.95) 10%,rgba(0,0,0,.5) 62%,transparent 97%);mask-image:linear-gradient(to top,rgba(0,0,0,.95) 10%,rgba(0,0,0,.5) 62%,transparent 97%);animation:gold-embers 14s linear infinite;opacity:calc(var(--o) * var(--intensity) * .85)}@keyframes gold-embers{0%{background-position:7px 190px,43px 300px,19px 330px}to{background-position:7px 0px,43px 0px,19px 0px}}.card-finish.fx-prism .card__fx{background-image:repeating-linear-gradient(112deg,#f54747,#f7c83b,#94ea3e,#2fee9f,#42adfa,#8760fb,#f651da,#f54747 16.8%);background-size:340% 340%;background-position:calc(100% - var(--mx)) calc(100% - var(--my));mix-blend-mode:color-dodge;filter:brightness(.6) contrast(1.45) saturate(1.3) hue-rotate(calc(var(--mxn) * 120deg));opacity:calc(var(--o) * var(--intensity) * (.5 + var(--hyp) * .35))}.card-finish.fx-prism .card__fx:before{background:conic-gradient(from calc(var(--mxn) * 360deg) at var(--mx) var(--my),hsl(0,100%,64%),hsl(45,100%,62%),hsl(95,90%,58%),hsl(160,95%,56%),hsl(210,100%,64%),hsl(265,100%,68%),hsl(320,100%,64%),hsl(0,100%,64%));mix-blend-mode:hard-light;filter:saturate(1.25);opacity:calc(var(--o) * var(--intensity) * .16)}.card-finish.fx-prism .card__fx:after{padding:2.5px;background:conic-gradient(from calc(140deg - var(--mxn) * 360deg),#ff5f6d,#ffc35b,#7bff8e,#55d6ff,#7d6bff,#ff5fd8,#ff5f6d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;mix-blend-mode:screen;filter:brightness(1.2) saturate(1.3);opacity:calc(var(--o) * var(--intensity))}.card-finish.fx-prism .card__glare:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='7'/><feColorMatrix type='saturate' values='0'/></filter><rect width='220' height='220' filter='url(%23g)'/></svg>");background-size:220px 220px;background-position:calc(50% - var(--mx) / 5) calc(50% - var(--my) / 5);mix-blend-mode:color-dodge;filter:brightness(.55) contrast(2.4);opacity:calc(var(--o) * var(--intensity) * .5)}.card-finish.fx-prism .card__glare:after{background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.45) 45%,rgba(150,220,255,.6) 50%,rgba(255,190,250,.45) 55%,transparent 68%);background-size:300% 300%;mix-blend-mode:screen;animation:prism-sweep 6.5s ease-in-out infinite;opacity:calc(var(--o) * var(--intensity) * .3)}@keyframes prism-sweep{0%{background-position:115% 115%}48%{background-position:-15% -15%}to{background-position:115% 115%}}.card-finish.fx-pearl .card__fx{background-image:linear-gradient(105deg,transparent 0%,hsla(345,45%,88%,.28) 22%,hsla(38,55%,93%,.34) 40%,hsla(160,38%,89%,.28) 58%,hsla(258,40%,90%,.22) 76%,transparent 96%);background-size:420% 420%;background-repeat:no-repeat;background-position:var(--mx) var(--my);mix-blend-mode:soft-light;filter:hue-rotate(calc((var(--mxn) - .5) * 36deg)) saturate(112%);opacity:calc(var(--o) * var(--intensity) * .85)}.card-finish.fx-pearl .card__fx:before{background-image:linear-gradient(70deg,transparent 4%,hsla(256,42%,89%,.24) 28%,hsla(190,44%,91%,.28) 48%,hsla(345,40%,91%,.24) 68%,transparent 94%);background-size:380% 380%;background-repeat:no-repeat;background-position:calc(100% - var(--mx)) calc(100% - var(--my));mix-blend-mode:overlay;opacity:calc(var(--o) * var(--intensity) * .55)}.card-finish.fx-pearl .card__fx:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='pearlGrain'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' seed='11' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23pearlGrain)'/></svg>");background-size:120px 120px;background-repeat:repeat;mix-blend-mode:soft-light;filter:contrast(110%) brightness(104%);opacity:calc(var(--o) * var(--intensity) * .12)}.card-finish.fx-pearl .card__glare:before{background-image:linear-gradient(115deg,transparent 28%,hsla(42,60%,96%,.1) 44%,hsla(40,55%,97%,.17) 52%,hsla(44,60%,96%,.1) 60%,transparent 74%);background-size:340% 340%;background-repeat:no-repeat;background-position:var(--mx) var(--my);mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * (.06 + var(--hyp) * .22))}.card-finish.fx-pearl .card__glare:after{background-image:linear-gradient(90deg,#ddeeea24,#f7f2e91a 34%,#f1dfe524 66%,#ddeeea24);background-size:300% 100%;background-repeat:no-repeat;mix-blend-mode:soft-light;opacity:calc(var(--o) * var(--intensity) * .4);animation:pearl-veil-drift 18s ease-in-out infinite alternate}@keyframes pearl-veil-drift{0%{background-position:0% 50%}to{background-position:100% 50%}}.card-finish.fx-frost .card__fx{background-image:linear-gradient(105deg,transparent 10%,rgba(188,216,245,.2) 30%,rgba(223,238,255,.42) 43%,rgba(247,251,255,.58) 50%,rgba(223,238,255,.42) 57%,rgba(188,216,245,.2) 70%,transparent 90%);background-size:320% 320%;background-repeat:no-repeat;background-position:var(--mx) var(--my);mix-blend-mode:soft-light;filter:brightness(calc(1 + var(--hyp) * .06));opacity:calc(var(--o) * var(--intensity) * .85)}.card-finish.fx-frost .card__fx:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='frostTex'><feTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='3' seed='23' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23frostTex)'/></svg>"),linear-gradient(155deg,#dfeeff,#bcd8f5 55%,#dfeeff);background-size:120px 120px,100% 100%;background-repeat:repeat,no-repeat;background-position:calc((.5 - var(--mxn)) * 18px) calc((.5 - var(--myn)) * 18px),center;background-blend-mode:multiply,normal;mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * .17)}.card-finish.fx-frost .card__fx:after{background-image:linear-gradient(205deg,transparent 18%,rgba(223,238,255,.15) 38%,rgba(247,251,255,.26) 50%,rgba(188,216,245,.14) 62%,transparent 82%);background-size:340% 340%;background-repeat:no-repeat;background-position:calc(100% - var(--mx)) var(--my);mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * (.16 + var(--hyp) * .26))}.card-finish.fx-frost .card__glare{background-image:radial-gradient(130% 95% at 0% 0%,rgba(188,216,245,.2),transparent 55%),radial-gradient(130% 95% at 100% 100%,rgba(223,238,255,.16),transparent 55%);mix-blend-mode:screen;opacity:calc(var(--intensity) * (.45 + var(--o) * .25))}.card-finish.fx-frost .card__glare:before{background-image:linear-gradient(160deg,transparent 24%,rgba(223,238,255,.13) 42%,rgba(255,255,255,.2) 50%,rgba(188,216,245,.12) 58%,transparent 76%);background-size:380% 380%;background-repeat:no-repeat;background-position:50% 50%;mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * .28);animation:frost-glide 13s ease-in-out infinite alternate}@keyframes frost-glide{0%{background-position:12% 0%}to{background-position:88% 100%}}.card-finish.fx-aurora .card__fx{background-image:linear-gradient(102deg,transparent 0%,rgba(112,242,255,.05) 10%,rgba(112,242,255,.32) 22%,rgba(125,255,192,.18) 32%,rgba(125,255,192,.04) 42%,transparent 50%,rgba(163,109,255,.06) 58%,rgba(163,109,255,.3) 70%,rgba(112,242,255,.12) 82%,transparent 94%),linear-gradient(78deg,transparent 0%,rgba(163,109,255,.05) 15%,rgba(163,109,255,.26) 30%,rgba(125,255,192,.2) 46%,rgba(112,242,255,.1) 62%,rgba(112,242,255,.03) 76%,transparent 90%);background-size:300% 100%,260% 100%;background-repeat:no-repeat,no-repeat;background-position:var(--mx) 50%,calc(82% - (var(--mxn) * 64%)) 50%;mix-blend-mode:screen;filter:saturate(1.05) hue-rotate(6deg);opacity:calc(var(--o) * var(--intensity) * .8);animation:aurora-hue 16s ease-in-out infinite alternate}@keyframes aurora-hue{0%{filter:saturate(1.02) hue-rotate(-12deg) brightness(1)}55%{filter:saturate(1.14) hue-rotate(14deg) brightness(1.07)}to{filter:saturate(1.05) hue-rotate(24deg) brightness(1.02)}}.card-finish.fx-aurora .card__fx:before{background-image:linear-gradient(96deg,transparent 0%,rgba(125,255,192,.06) 14%,rgba(125,255,192,.24) 28%,rgba(112,242,255,.14) 42%,transparent 56%,rgba(163,109,255,.2) 72%,rgba(122,150,255,.08) 84%,transparent 96%);background-size:340% 100%;background-repeat:no-repeat;background-position:30% 50%;transform:translate(calc((var(--mxn) - .5) * -26px)) scale(1.12);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.82) 42%,rgba(0,0,0,.3) 72%,transparent 97%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.82) 42%,rgba(0,0,0,.3) 72%,transparent 97%);opacity:calc(var(--o) * var(--intensity) * .75);animation:aurora-drift 26s ease-in-out infinite alternate}@keyframes aurora-drift{0%{background-position:0% 50%}to{background-position:100% 50%}}.card-finish.fx-aurora .card__fx:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><circle cx='22' cy='34' r='1.1' fill='white' opacity='.9'/><circle cx='68' cy='14' r='.8' fill='%2370f2ff' opacity='.8'/><circle cx='124' cy='52' r='1.3' fill='white' opacity='.7'/><circle cx='178' cy='24' r='.9' fill='%23a36dff' opacity='.8'/><circle cx='232' cy='72' r='.7' fill='white' opacity='.85'/><circle cx='44' cy='108' r='.9' fill='%237dffc0' opacity='.7'/><circle cx='150' cy='128' r='1.2' fill='white' opacity='.8'/><circle cx='214' cy='152' r='.8' fill='%2370f2ff' opacity='.7'/><circle cx='92' cy='176' r='1' fill='white' opacity='.85'/><circle cx='30' cy='212' r='.8' fill='%23a36dff' opacity='.75'/><circle cx='134' cy='236' r='1.1' fill='white' opacity='.7'/><circle cx='238' cy='214' r='.9' fill='%237dffc0' opacity='.8'/><circle cx='186' cy='196' r='.6' fill='white' opacity='.6'/><circle cx='72' cy='246' r='.7' fill='%2370f2ff' opacity='.65'/></svg>");background-size:260px 260px;background-repeat:repeat;background-position-x:calc(var(--mxn) * -42px);mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * .5);animation:aurora-rise 36s linear infinite}@keyframes aurora-rise{0%{background-position-y:0px}to{background-position-y:-260px}}.card-finish.fx-aurora .card__glare:before{background-image:repeating-linear-gradient(90deg,#bef5ff00,#96ecff1a 18px,#a36dff12 42px,#bef5ff00 72px);background-position-x:calc((.5 - var(--mxn)) * 36px);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 48%,rgba(0,0,0,.12) 78%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 48%,rgba(0,0,0,.12) 78%,transparent 100%);opacity:calc(var(--o) * var(--intensity) * .45)}.card-finish.fx-aurora .card__glare:after{background-image:linear-gradient(118deg,transparent 22%,rgba(196,240,255,.1) 38%,rgba(226,248,255,.26) 50%,rgba(206,224,255,.1) 62%,transparent 78%);background-size:280% 280%;background-repeat:no-repeat;background-position:var(--mx) var(--my);mix-blend-mode:overlay;opacity:calc(var(--o) * var(--intensity) * (.18 + var(--hyp) * .45))}.card-finish.fx-meteor .card__fx{background:linear-gradient(158deg,#221c5e4d,#0a0e2a29 48%,#3a207047);opacity:calc(var(--o) * (.45 + var(--intensity) * .3))}.card-finish.fx-meteor .card__fx:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g fill='%23cfe0ff'><circle cx='12' cy='22' r='1.1' opacity='0.9'/><circle cx='47' cy='9' r='0.8' opacity='0.5'/><circle cx='88' cy='30' r='1.3' opacity='0.75'/><circle cx='121' cy='14' r='0.7' opacity='0.45'/><circle cx='26' cy='63' r='0.9' opacity='0.6'/><circle cx='70' cy='55' r='0.6' opacity='0.4'/><circle cx='108' cy='72' r='1.2' opacity='0.8'/><circle cx='9' cy='101' r='0.8' opacity='0.5'/><circle cx='52' cy='92' r='1.4' opacity='0.85'/><circle cx='95' cy='112' r='0.7' opacity='0.5'/><circle cx='131' cy='96' r='1' opacity='0.65'/><circle cx='34' cy='128' r='0.9' opacity='0.55'/><circle cx='77' cy='134' r='1.1' opacity='0.75'/><circle cx='118' cy='127' r='0.6' opacity='0.4'/></g></svg>");background-size:190px 190px;background-repeat:repeat;background-position:calc(var(--mxn) * -20px) calc(var(--myn) * -14px);mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * .42);animation:meteor-drift-far 26s ease-in-out infinite alternate}.card-finish.fx-meteor .card__fx:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g fill='%23cfe0ff'><circle cx='12' cy='22' r='1.1' opacity='0.9'/><circle cx='47' cy='9' r='0.8' opacity='0.5'/><circle cx='88' cy='30' r='1.3' opacity='0.75'/><circle cx='121' cy='14' r='0.7' opacity='0.45'/><circle cx='26' cy='63' r='0.9' opacity='0.6'/><circle cx='70' cy='55' r='0.6' opacity='0.4'/><circle cx='108' cy='72' r='1.2' opacity='0.8'/><circle cx='9' cy='101' r='0.8' opacity='0.5'/><circle cx='52' cy='92' r='1.4' opacity='0.85'/><circle cx='95' cy='112' r='0.7' opacity='0.5'/><circle cx='131' cy='96' r='1' opacity='0.65'/><circle cx='34' cy='128' r='0.9' opacity='0.55'/><circle cx='77' cy='134' r='1.1' opacity='0.75'/><circle cx='118' cy='127' r='0.6' opacity='0.4'/></g></svg>");background-size:340px 340px;background-repeat:repeat;background-position:calc(var(--mxn) * 30px) calc(var(--myn) * 22px);mix-blend-mode:screen;filter:brightness(calc(.95 + var(--hyp) * .45));opacity:calc(var(--o) * var(--intensity) * .58);animation:meteor-drift-near 34s ease-in-out infinite alternate}.card-finish.fx-meteor .card__glare{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='160' viewBox='0 0 320 160'><defs><linearGradient id='mt' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%23ffffff' stop-opacity='0.95'/><stop offset='0.18' stop-color='%23dbe8ff' stop-opacity='0.55'/><stop offset='0.5' stop-color='%23a9c4ff' stop-opacity='0.22'/><stop offset='1' stop-color='%23a9c4ff' stop-opacity='0'/></linearGradient><radialGradient id='mh'><stop offset='0' stop-color='%23ffffff' stop-opacity='1'/><stop offset='0.35' stop-color='%23e2edff' stop-opacity='0.55'/><stop offset='1' stop-color='%23e2edff' stop-opacity='0'/></radialGradient></defs><g transform='rotate(-26 160 80)'><rect x='34' y='77.4' width='236' height='5.2' rx='2.6' fill='url(%23mt)'/><circle cx='44' cy='80' r='13' fill='url(%23mh)'/></g></svg>");background-size:240px 120px;background-repeat:no-repeat;background-position:calc(100% + 240px) -120px;mix-blend-mode:screen;filter:brightness(calc(.9 + var(--hyp) * .35));opacity:calc(var(--o) * var(--intensity) * .95);animation:meteor-shoot-a 7.5s linear infinite}.card-finish.fx-meteor .card__glare:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='160' viewBox='0 0 320 160'><defs><linearGradient id='mt' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%23ffffff' stop-opacity='0.95'/><stop offset='0.18' stop-color='%23dbe8ff' stop-opacity='0.55'/><stop offset='0.5' stop-color='%23a9c4ff' stop-opacity='0.22'/><stop offset='1' stop-color='%23a9c4ff' stop-opacity='0'/></linearGradient><radialGradient id='mh'><stop offset='0' stop-color='%23ffffff' stop-opacity='1'/><stop offset='0.35' stop-color='%23e2edff' stop-opacity='0.55'/><stop offset='1' stop-color='%23e2edff' stop-opacity='0'/></radialGradient></defs><g transform='rotate(-26 160 80)'><rect x='34' y='77.4' width='236' height='5.2' rx='2.6' fill='url(%23mt)'/><circle cx='44' cy='80' r='13' fill='url(%23mh)'/></g></svg>");background-size:180px 90px;background-repeat:no-repeat;background-position:calc(100% + 180px) 60px;mix-blend-mode:screen;opacity:.8;animation:meteor-shoot-b 11s linear -2.6s infinite}.card-finish.fx-meteor .card__glare:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='160' viewBox='0 0 320 160'><defs><linearGradient id='mt' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%23ffffff' stop-opacity='0.95'/><stop offset='0.18' stop-color='%23dbe8ff' stop-opacity='0.55'/><stop offset='0.5' stop-color='%23a9c4ff' stop-opacity='0.22'/><stop offset='1' stop-color='%23a9c4ff' stop-opacity='0'/></linearGradient><radialGradient id='mh'><stop offset='0' stop-color='%23ffffff' stop-opacity='1'/><stop offset='0.35' stop-color='%23e2edff' stop-opacity='0.55'/><stop offset='1' stop-color='%23e2edff' stop-opacity='0'/></radialGradient></defs><g transform='rotate(-26 160 80)'><rect x='34' y='77.4' width='236' height='5.2' rx='2.6' fill='url(%23mt)'/><circle cx='44' cy='80' r='13' fill='url(%23mh)'/></g></svg>");background-size:140px 70px;background-repeat:no-repeat;background-position:calc(100% + 140px) 120px;mix-blend-mode:screen;opacity:.65;animation:meteor-shoot-c 13.5s linear -7.1s infinite}@keyframes meteor-shoot-a{0%,68%{background-position:calc(100% + 240px) -120px}81%,to{background-position:calc(0% - 300px) 170px}}@keyframes meteor-shoot-b{0%,34%{background-position:calc(100% + 180px) 60px}43%,to{background-position:calc(0% - 240px) 320px}}@keyframes meteor-shoot-c{0%,56%{background-position:calc(100% + 140px) 120px}64%,to{background-position:calc(0% - 200px) 360px}}@keyframes meteor-drift-far{0%{transform:translate3d(-6px,5px,0) scale(1.12)}to{transform:translate3d(7px,-6px,0) scale(1.12)}}@keyframes meteor-drift-near{0%{transform:translate3d(6px,-4px,0) scale(1.12)}to{transform:translate3d(-7px,6px,0) scale(1.12)}}.card-finish.fx-chrome .card__fx{background-image:linear-gradient(108deg,#282e3abd,#606874c2 16%,#d6dee8b8 33%,#f8fafdc7 43%,#9ea6b2bd 56%,#3e4654ad 74%,#808894bd 88%,#e2e8f0b8),linear-gradient(63deg,#2e3440ad,#bec6d1b3 24%,#f0f6fcbd 40%,#78808cb3 58%,#383f4cad 78%,#c6ced8b8);background-size:280% 280%,340% 340%;background-repeat:no-repeat;background-position:calc(var(--mxn) * 100%) calc(var(--myn) * 100%),calc(100% - var(--mxn) * 100%) calc(100% - var(--myn) * 100%);background-blend-mode:screen;mix-blend-mode:hard-light;filter:brightness(calc(.92 + var(--hyp) * .1)) contrast(1.05);opacity:calc(var(--o) * var(--intensity) * .5)}.card-finish.fx-chrome .card__fx:before{background-image:linear-gradient(108deg,#ff46cd00 24%,#ff46cd61 38%,#ff46cd00 54%),linear-gradient(108deg,#46e1ff00 32%,#46e1ff61,#46e1ff00 64%);background-size:280% 280%,280% 280%;background-repeat:no-repeat;background-position:calc(var(--mxn) * 100% + 3%) calc(var(--myn) * 100%),calc(var(--mxn) * 100% - 3%) calc(var(--myn) * 100%);mix-blend-mode:screen;filter:hue-rotate(calc(var(--mxn) * 36deg - 18deg));opacity:calc(var(--o) * var(--intensity) * .5)}.card-finish.fx-chrome .card__fx:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");background-size:180px 180px;background-position:calc(var(--mxn) * 26px) calc(var(--myn) * 26px);mix-blend-mode:overlay;opacity:calc(var(--o) * var(--intensity) * .16)}.card-finish.fx-chrome .card__glare{background-image:linear-gradient(115deg,#fff0 12%,#ffffff1f 34%,#ffffff6b,#ffffff1f 66%,#fff0 88%);background-size:300% 300%;background-repeat:no-repeat;background-position:calc(100% - var(--mxn) * 100%) calc(100% - var(--myn) * 100%);mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * .6)}.card-finish.fx-chrome .card__glare:before{background-image:linear-gradient(115deg,#161c2800 10%,#161c2873 42%,#161c2899,#161c2873 62%,#161c2800 92%);background-size:320% 320%;background-repeat:no-repeat;background-position:calc(var(--mxn) * 100%) calc(var(--myn) * 100%);mix-blend-mode:soft-light;opacity:calc(var(--o) * var(--intensity) * .75)}.card-finish.fx-chrome .card__glare:after{background-image:linear-gradient(100deg,#fff0 20%,#e8eef680 45%,#ffffffb3,#e8eef680 65%,#fff0 90%);background-size:320% 320%;background-repeat:no-repeat;mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * .22);animation:chrome-idle 9s ease-in-out infinite alternate}@keyframes chrome-idle{0%{background-position:8% 30%;opacity:calc(var(--o) * var(--intensity) * .1)}50%{background-position:55% 55%;opacity:calc(var(--o) * var(--intensity) * .3)}to{background-position:96% 74%;opacity:calc(var(--o) * var(--intensity) * .12)}}.card-finish.fx-glass .card__fx{background-image:radial-gradient(120% 95% at 20% 14%,#ed458380,#ed458300 62%),radial-gradient(115% 90% at 82% 22%,#fabd426b,#fabd4200 60%),radial-gradient(130% 105% at 76% 86%,#35decd75,#35decd00 64%),radial-gradient(125% 100% at 16% 82%,#9663ee7a,#9663ee00 64%);background-size:170% 170%;background-repeat:no-repeat;background-position:calc(28% + var(--mxn) * 44%) calc(28% + var(--myn) * 44%),calc(18% + var(--mxn) * 64%) calc(62% - var(--myn) * 24%),calc(68% - var(--mxn) * 28%) calc(22% + var(--myn) * 48%),calc(58% - var(--mxn) * 20%) calc(66% - var(--myn) * 26%);mix-blend-mode:screen;filter:hue-rotate(calc((var(--mxn) - .5) * 30deg)) saturate(1.12);opacity:calc(var(--o) * var(--intensity) * .8)}.card-finish.fx-glass .card__fx:before{background-image:linear-gradient(115deg,#ad1f58d9,#d08a11cc 24%,#1fa391d9,#5f21cacc 76%,#ad1f58d9);background-size:240% 240%;background-position:calc(74% - var(--mxn) * 48%) calc(74% - var(--myn) * 48%);mix-blend-mode:color-dodge;filter:hue-rotate(calc((.5 - var(--mxn)) * 48deg)) saturate(1.05);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264 369'><defs><filter id='s' filterUnits='userSpaceOnUse' x='-40' y='-40' width='344' height='449'><feGaussianBlur stdDeviation='9'/></filter></defs><g filter='url(%23s)' fill='white'><polygon points='0,0 118,0 96,96 0,128'/><polygon points='134,0 264,0 264,88 150,118' fill-opacity='0.8'/><polygon points='0,146 88,112 132,140 108,238 0,214' fill-opacity='0.92'/><polygon points='148,136 264,106 264,232 170,252' fill-opacity='0.76'/><polygon points='0,232 96,256 74,369 0,369' fill-opacity='0.88'/><polygon points='118,272 186,266 214,369 96,369' fill-opacity='0.8'/><polygon points='202,254 264,250 264,369 232,369' fill-opacity='0.9'/></g></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264 369'><defs><filter id='s' filterUnits='userSpaceOnUse' x='-40' y='-40' width='344' height='449'><feGaussianBlur stdDeviation='9'/></filter></defs><g filter='url(%23s)' fill='white'><polygon points='0,0 118,0 96,96 0,128'/><polygon points='134,0 264,0 264,88 150,118' fill-opacity='0.8'/><polygon points='0,146 88,112 132,140 108,238 0,214' fill-opacity='0.92'/><polygon points='148,136 264,106 264,232 170,252' fill-opacity='0.76'/><polygon points='0,232 96,256 74,369 0,369' fill-opacity='0.88'/><polygon points='118,272 186,266 214,369 96,369' fill-opacity='0.8'/><polygon points='202,254 264,250 264,369 232,369' fill-opacity='0.9'/></g></svg>");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:calc(var(--o) * var(--intensity) * .85)}.card-finish.fx-glass .card__fx:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g' filterUnits='userSpaceOnUse' x='0' y='0' width='220' height='220'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.97 0 0 0 0 0.9 0 0 0 1.7 -1'/></filter><rect width='220' height='220' filter='url(%23g)'/></svg>");background-size:130px 130px;background-position:calc(var(--mxn) * -46px) calc(var(--myn) * -46px);mix-blend-mode:color-dodge;opacity:calc(var(--o) * var(--intensity) * (.16 + var(--hyp) * .3));animation:glass-glimmer 7s ease-in-out infinite}.card-finish.fx-glass .card__glare{background-image:linear-gradient(112deg,#fff2cc00 16%,#fff0c24d 38%,#ffffff70,#bbebfb47 62%,#bbebfb00 84%);background-size:260% 260%;background-repeat:no-repeat;background-position:var(--mx) var(--my);mix-blend-mode:overlay;opacity:calc(var(--o) * var(--intensity) * .95)}.card-finish.fx-glass .card__glare:before{background-image:linear-gradient(112deg,#ed82c900 14%,#ed82c933 36%,#b58eeb29,#73e8d533 64%,#73e8d500 86%);background-size:300% 300%;background-repeat:no-repeat;background-position:calc(100% - var(--mx)) calc(100% - var(--my));mix-blend-mode:screen;filter:hue-rotate(calc(var(--mxn) * 22deg));opacity:calc(var(--o) * var(--intensity) * .7)}.card-finish.fx-glass .card__glare:after{background-image:radial-gradient(135% 135% at 50% 50%,#19122b00 52%,#1d153229 78%,#261c3f57);mix-blend-mode:multiply;opacity:calc(var(--o) * .85)}@keyframes glass-glimmer{0%,to{transform:scale(1.12) translate(0)}50%{transform:scale(1.12) translate(-7px,6px)}}.card-finish.fx-sparkle{--sp-star-cream: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><radialGradient id='g'><stop offset='0' stop-color='%23FFF8DA' stop-opacity='.55'/><stop offset='1' stop-color='%23FFF8DA' stop-opacity='0'/></radialGradient><circle cx='32' cy='32' r='24' fill='url(%23g)'/><g stroke='%23FFF8DA' stroke-linecap='round' fill='none'><path d='M4 32h56M32 4v56' stroke-width='3.2'/><path d='M15 15l34 34M49 15L15 49' stroke-width='1.6' opacity='.6'/></g></svg>");--sp-star-ice: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><radialGradient id='g'><stop offset='0' stop-color='%23EBF5FF' stop-opacity='.55'/><stop offset='1' stop-color='%23EBF5FF' stop-opacity='0'/></radialGradient><circle cx='32' cy='32' r='24' fill='url(%23g)'/><g stroke='%23EBF5FF' stroke-linecap='round' fill='none'><path d='M4 32h56M32 4v56' stroke-width='3.2'/><path d='M15 15l34 34M49 15L15 49' stroke-width='1.6' opacity='.6'/></g></svg>");--sp-star-amber: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><radialGradient id='g'><stop offset='0' stop-color='%23FFE1B9' stop-opacity='.55'/><stop offset='1' stop-color='%23FFE1B9' stop-opacity='0'/></radialGradient><circle cx='32' cy='32' r='24' fill='url(%23g)'/><g stroke='%23FFE1B9' stroke-linecap='round' fill='none'><path d='M4 32h56M32 4v56' stroke-width='3.2'/><path d='M15 15l34 34M49 15L15 49' stroke-width='1.6' opacity='.6'/></g></svg>");--sp-star-lav: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><radialGradient id='g'><stop offset='0' stop-color='%23E0DEFF' stop-opacity='.55'/><stop offset='1' stop-color='%23E0DEFF' stop-opacity='0'/></radialGradient><circle cx='32' cy='32' r='24' fill='url(%23g)'/><g stroke='%23E0DEFF' stroke-linecap='round' fill='none'><path d='M4 32h56M32 4v56' stroke-width='3.2'/><path d='M15 15l34 34M49 15L15 49' stroke-width='1.6' opacity='.6'/></g></svg>")}.card-finish.fx-sparkle .card__fx{--sp-peak: .95;background-image:var(--sp-star-cream),var(--sp-star-ice),var(--sp-star-amber),var(--sp-star-lav),var(--sp-star-cream),var(--sp-star-ice);background-position:8% 10%,88% 8%,10% 62%,90% 46%,30% 84%,68% 90%;background-size:22px 22px,16px 16px,26px 26px,18px 18px,30px 30px,20px 20px;background-repeat:no-repeat;mix-blend-mode:screen;animation:sparkle-pop 2.4s ease-in-out infinite}.card-finish.fx-sparkle .card__fx:after{--sp-peak: .85;background-image:var(--sp-star-amber),var(--sp-star-lav),var(--sp-star-cream),var(--sp-star-ice),var(--sp-star-lav),var(--sp-star-amber);background-position:78% 14%,5% 34%,94% 70%,48% 66%,16% 92%,58% 78%;background-size:24px 24px,16px 16px,22px 22px,18px 18px,24px 24px,14px 14px;background-repeat:no-repeat;mix-blend-mode:plus-lighter;transform:translate3d(calc((var(--mxn) - .5) * 10px),calc((var(--myn) - .5) * 8px),0);animation:sparkle-pop 3s ease-in-out -1.15s infinite}.card-finish.fx-sparkle .card__fx:before{background-image:linear-gradient(112deg,transparent 40%,rgba(190,220,255,.2) 45%,rgba(190,220,255,.08) 48.5%,rgba(255,244,208,.18) 50.5%,rgba(255,244,208,.4) 53.5%,rgba(255,244,208,.14) 56.5%,transparent 60%);background-size:260% 100%;background-repeat:no-repeat;background-position:118% 0;filter:blur(6px);mix-blend-mode:screen;opacity:calc(var(--o) * var(--intensity) * .8);animation:sparkle-beam 4.2s linear infinite}.card-finish.fx-sparkle .card__glare:before{--sp-peak: .8;background-image:var(--sp-star-ice),var(--sp-star-cream),var(--sp-star-ice),var(--sp-star-lav),var(--sp-star-cream);background-position:40% 8%,92% 28%,6% 80%,76% 60%,26% 72%;background-size:18px 18px,14px 14px,20px 20px,26px 26px,16px 16px;background-repeat:no-repeat;mix-blend-mode:screen;transform:translate3d(calc((.5 - var(--mxn)) * 8px),calc((.5 - var(--myn)) * 6px),0);animation:sparkle-pop 3.4s ease-in-out -2.3s infinite}.card-finish.fx-sparkle .card__glare{background-image:radial-gradient(140% 120% at 50% 40%,rgba(255,252,238,.09),transparent 75%);mix-blend-mode:screen;animation:sparkle-breathe 2.4s ease-in-out infinite}@keyframes sparkle-pop{0%,60%{opacity:0}71%{opacity:calc(var(--o) * var(--intensity) * var(--sp-peak))}82%{opacity:calc(var(--o) * var(--intensity) * .12)}to{opacity:0}}@keyframes sparkle-beam{0%{background-position-x:calc(118% - (var(--mxn) - .5) * 26%)}to{background-position-x:calc(-18% - (var(--mxn) - .5) * 26%)}}@keyframes sparkle-breathe{0%,to{opacity:calc(var(--o) * var(--intensity) * .55)}50%{opacity:calc(var(--o) * var(--intensity) * .95)}}.card-tilt{--tilt-x: 0deg;--tilt-y: 0deg;--tilt-scale: 1;--tilt-mx: 50%;--tilt-my: 50%;--tilt-mxn: .5;--tilt-myn: .5;--tilt-hyp: 0;--tilt-o: .55;--tilt-subject-x: 0px;--tilt-subject-y: 0px;width:100%;min-width:0;perspective:900px;touch-action:pan-y}.card-tilt__rig{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--tilt-scale));transform-style:preserve-3d;will-change:transform}.card-tilt:not(.card-tilt--static){cursor:grab}.card-tilt:active{cursor:grabbing}.card-tilt .card-face-host{width:100%}.card-tilt .card-face{--subject-x: var(--tilt-subject-x);--subject-y: var(--tilt-subject-y)}.card-tilt .card-face-subject{transition:transform 80ms linear}.card-tilt .card-face .card-finish{--mx: var(--tilt-mx);--my: var(--tilt-my);--mxn: var(--tilt-mxn);--myn: var(--tilt-myn);--hyp: var(--tilt-hyp);--o: var(--tilt-o)}@media (prefers-reduced-motion: reduce){.card-tilt .card-face-subject{transition:none}}.motion-orbit{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:12px 0 20px;text-align:center}.motion-orbit__stage{position:relative;width:100%;max-width:calc(62vh * 390 / 560);aspect-ratio:390 / 560;margin:0 auto;border-radius:var(--m-radius-xl);overflow:hidden;isolation:isolate;perspective:920px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 42%,rgba(124,58,237,.22),transparent 42%),#05060c;box-shadow:0 30px 80px #00000059}.motion-orbit__stage[data-look=failure]{background:radial-gradient(circle at 50% 42%,rgba(71,85,105,.2),transparent 44%),#05060a}.motion-orbit__shake{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.motion-orbit__nebula{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,rgba(192,132,252,.28),transparent 36%);filter:blur(18px);opacity:.7}.motion-orbit__stage[data-look=failure] .motion-orbit__nebula{background:radial-gradient(circle at 50% 44%,rgba(148,163,184,.18),transparent 36%)}.motion-orbit__core{position:absolute;z-index:2;left:50%;top:46%;width:calc(86px * var(--oc-k, 1));aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:conic-gradient(from var(--spin, 0deg),#fff,#c084fc,#f5d76e,#67e8f9,#a78bfa,#fff);box-shadow:0 0 40px #c084fcb3,0 0 80px #ffffff40;filter:blur(.2px);opacity:0;will-change:transform,opacity}.motion-orbit__core:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle,#fff,#2e1065 70%)}.motion-orbit__stage[data-look=failure] .motion-orbit__core{background:conic-gradient(from var(--spin, 0deg),#94a3b8,#1e293b,#64748b,#0f172a,#94a3b8);box-shadow:0 0 28px #94a3b859}.motion-orbit__cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;transform-style:preserve-3d;pointer-events:none}.motion-orbit__card{position:absolute;left:50%;top:46%;width:calc(92px * var(--oc-k, 1));border-radius:10px;overflow:hidden;box-shadow:0 10px 28px #00000080,0 0 18px #c084fc59;will-change:transform,opacity}.motion-orbit__card .m-cardback{width:100%;border-radius:10px;box-shadow:none}.motion-orbit__card .m-brand{transform:scale(.7)}.motion-orbit__fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.motion-orbit__result{position:absolute;left:50%;top:46%;z-index:5;width:calc(188px * var(--oc-k, 1));opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.42);filter:drop-shadow(0 0 28px rgba(232,121,249,.5));will-change:transform,opacity}.motion-orbit__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:#fff;opacity:0;mix-blend-mode:screen;transition:opacity .17s ease}.motion-orbit__stage[data-look=failure] .motion-orbit__flash{background:#94a3b8}.motion-orbit__caption{position:absolute;left:0;right:0;bottom:16px;z-index:9;margin:0;text-align:center;font-size:12px;letter-spacing:.16em;color:#d6d0ea}.motion-orbit__copy{max-width:100%}.motion-orbit__eyebrow{color:var(--m-accent);font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:10px}.motion-orbit__copy h1{color:var(--m-ink);font-size:clamp(18px,5vw,24px);margin:0 0 10px}.motion-orbit__copy>p:last-child{color:var(--m-muted);font-size:12px;line-height:1.6}.motion-orbit[data-outcome=failure] .motion-orbit__eyebrow{color:var(--m-muted)}@media (prefers-reduced-motion: reduce){.motion-orbit__fx,.motion-orbit__flash,.motion-orbit__result{display:none}.motion-orbit__card,.motion-orbit__core{transition:none}}.motion-fusion-result{position:relative;isolation:isolate}.motion-fusion-result:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--m-accent) 30%,transparent),transparent 70%);animation:fusion-result-breathe 2s ease-in-out 2 alternate}.motion-fusion-result>div{animation:fusion-result-reveal .9s cubic-bezier(.2,.8,.2,1) both}@keyframes fusion-result-breathe{0%{opacity:.45;transform:scale(.85)}to{opacity:.9;transform:scale(1.1)}}@keyframes fusion-result-reveal{0%{opacity:0;transform:perspective(800px) rotateY(-65deg) translateY(18px) scale(.88)}to{opacity:1;transform:perspective(800px) rotateY(0) translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.motion-fusion-result>div,.motion-fusion-result:before{animation:none!important}}.motion-fusion-failure__body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding-block:24px}.motion-fusion-failure__title{margin:0;text-wrap:balance}:root{--color-primary-start: #38ef7d;--color-primary-end: #11998e;--color-primary: #1ed796;--color-primary-hover: #17c486;--color-primary-active: #12b076;--color-primary-light: #e6faf2;--color-primary-glow: rgba(30, 215, 150, .45);--grad-primary-btn: linear-gradient(135deg, #3df39e 0%, #16cfbc 100%);--grad-primary-btn-hover: linear-gradient(135deg, #35e492 0%, #12bfaa 100%);--grad-primary-btn-active: linear-gradient(135deg, #27cc7f 0%, #0ea694 100%);--bg-app-base: #f0f6fa;--bg-app-gradient: linear-gradient(180deg, #eaf2f8 0%, #f4f8fb 60%, #ffffff 100%);--bg-app-pastel-mesh: radial-gradient(at 0% 0%, rgba(186, 230, 253, .45) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(254, 205, 211, .35) 0px, transparent 50%), radial-gradient(at 50% 100%, rgba(209, 250, 229, .4) 0px, transparent 60%), #f2f7fa;--bg-desktop-surround: #1a222d;--bg-desktop-glow: radial-gradient(circle at 50% 40%, rgba(56, 239, 125, .08) 0%, rgba(17, 24, 39, .95) 75%);--surface-card: #ffffff;--surface-card-subtle: #f8fafc;--surface-glass: rgba(255, 255, 255, .92);--surface-glass-border: rgba(255, 255, 255, .8);--surface-glass-subtle: rgba(255, 255, 255, .7);--bg-dim-backdrop: rgba(15, 23, 42, .4);--bg-dim-dark: rgba(10, 15, 25, .75);--text-main: #242f40;--text-body: #475569;--text-muted: #8292a4;--text-placeholder: #a8b8c8;--text-white: #ffffff;--text-link: #0ea5e9;--border-subtle: #e2eaf1;--border-light: #edf2f7;--border-focus: #1ed796;--color-danger: #ff5b60;--color-danger-bg: #fff1f2;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-info: #0284c7;--color-info-bg: #f0f9ff;--color-success: #10b981;--rarity-n: #8fa3b7;--rarity-r: #3b82f6;--rarity-sr: #a855f7;--rarity-ssr: #ec4899;--grad-rarity-n: linear-gradient(135deg, #a0aec0, #718096);--grad-rarity-r: linear-gradient(135deg, #60a5fa, #2563eb);--grad-rarity-sr: linear-gradient(135deg, #c084fc, #7e22ce);--grad-rarity-ssr: linear-gradient(135deg, #f472b6, #db2777);--font-family-base: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xs: .5625rem;--font-size-3xs: .625rem;--font-size-2xs: .6875rem;--font-size-xs-plus: .8125rem;--font-size-sm-plus: .9375rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--radius-xs: 6px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--radius-pill: 9999px;--radius-card: 22px;--radius-modal: 28px;--radius-chip: 8px;--radius-tile: 10px;--radius-panel: 14px;--radius-box: 16px;--radius-sheet: 20px;--shadow-sm: 0 2px 8px rgba(35, 75, 115, .05);--shadow-md: 0 8px 20px rgba(35, 75, 115, .08);--shadow-lg: 0 14px 34px rgba(35, 75, 115, .12);--shadow-float: 0 20px 48px rgba(25, 60, 95, .16);--shadow-btn-primary: 0 6px 18px rgba(30, 215, 150, .38), inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-btn-subtle: 0 4px 12px rgba(0, 0, 0, .04), inset 0 1px 0 #ffffff;--shadow-inset-input: inset 0 2px 5px rgba(25, 55, 85, .06);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-smooth: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .26s;--duration-slow: .42s;--duration-stage: .65s;--card-aspect-ratio: 63 / 88;--brand-kakao: #fee500;--brand-kakao-ink: #191919;--bg-stage-deep: #1e293b;--bg-stage-deeper: #090d16}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-family-base);color:var(--text-main);background:var(--bg-desktop-surround);background-image:var(--bg-desktop-glow);display:flex;justify-content:center;align-items:center}.app-device-frame{position:relative;width:min(390px,100vh * 9 / 19.5);height:auto;aspect-ratio:9 / 19.5;background:var(--bg-app-pastel-mesh);overflow:hidden;display:flex;flex-direction:column;border-radius:0;border:none;box-shadow:0 0 50px #0006}@media (min-width: 480px){.app-device-frame{border-radius:0;border:none;box-shadow:0 0 50px #00000073}}@media (max-width: 479px){.app-device-frame{max-width:100%;height:100%;border-radius:0;border:none;box-shadow:none}}.app-viewport{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app-pastel-mesh);border-radius:0}.app-status-bar{width:100%;height:32px;padding:0 16px;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-muted);z-index:50;flex-shrink:0}.app-screen-content{flex:1;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.app-screen-content::-webkit-scrollbar{width:4px}.app-screen-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:var(--radius-pill)}.app-header{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:40;flex-shrink:0}.app-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-main)}.app-bottom-nav{height:64px;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;align-items:center;padding:0 8px;z-index:40;flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;color:var(--text-muted);font-size:.6875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out)}.nav-item.active{color:var(--color-primary-end);font-weight:var(--font-weight-bold)}.nav-item:active{transform:scale(.92)}.nav-item__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:1;border-radius:var(--radius-pill);border:none;outline:none;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-smooth),background var(--duration-fast) ease,opacity var(--duration-fast) ease}.btn:active{transform:scale(.96)}.btn-primary{background:var(--grad-primary-btn);color:var(--text-white);box-shadow:var(--shadow-btn-primary);text-shadow:0 1px 2px rgba(0,0,0,.15)}.btn-primary:hover{background:var(--grad-primary-btn-hover);box-shadow:0 8px 22px #1ed79673}.btn-primary:active{background:var(--grad-primary-btn-active);box-shadow:0 3px 8px #1ed7964d}.btn-secondary{background:var(--surface-card);color:var(--text-main);border:1px solid var(--border-subtle);box-shadow:var(--shadow-btn-subtle)}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-secondary:active{background:#f1f5f9}.btn-ghost{background:transparent;color:var(--text-muted);border:none}.btn-ghost:hover{color:var(--text-main);background:#0000000a}.btn-block{width:100%}.btn-lg{height:54px;font-size:var(--font-size-lg);padding:0 30px}.btn-sm{height:36px;font-size:var(--font-size-sm);padding:0 16px;border-radius:var(--radius-pill)}.btn-compact{flex:1;min-width:0;height:48px;padding:0 10px;font-size:var(--font-size-xs-plus)}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none;background:#e2e8f0;color:#94a3b8;box-shadow:none;text-shadow:none}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-pill)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;width:100%}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-main);display:flex;justify-content:space-between;align-items:center}.form-input{width:100%;height:50px;padding:0 18px;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-main);background:#fff;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-input);outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1ed7962e,var(--shadow-inset-input)}.form-input::placeholder{color:var(--text-placeholder)}.form-helper{font-size:var(--font-size-xs);color:var(--text-muted)}.form-helper.error{color:var(--color-danger);font-weight:var(--font-weight-medium)}.custom-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox input[type=checkbox]{display:none}.checkbox-box{width:24px;height:24px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast) var(--ease-smooth)}.checkbox-box:after{content:"";width:6px;height:10px;border:solid #ffffff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);margin-top:-2px;transition:transform var(--duration-fast) var(--ease-out)}.custom-checkbox input[type=checkbox]:checked+.checkbox-box{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #1ed79659}.custom-checkbox input[type=checkbox]:checked+.checkbox-box:after{transform:rotate(45deg) scale(1)}.checkbox-label{font-size:var(--font-size-sm);color:var(--text-body);line-height:1.45}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-dim-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;opacity:0;visibility:hidden;transition:opacity var(--duration-normal) ease,visibility var(--duration-normal) ease}.modal-backdrop.active{opacity:1;visibility:visible}.modal-card{width:100%;max-width:360px;background:var(--surface-card);border-radius:var(--radius-modal);padding:28px 24px 24px;box-shadow:var(--shadow-float);border:1px solid rgba(255,255,255,.9);text-align:center;transform:scale(.9) translateY(10px);transition:transform var(--duration-normal) var(--ease-out)}.modal-backdrop.active .modal-card{transform:scale(1) translateY(0)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--text-main);margin-bottom:12px}.modal-body{font-size:var(--font-size-sm);color:var(--text-body);line-height:1.55;margin-bottom:24px}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.bottom-sheet-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-dim-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:90;opacity:0;visibility:hidden;transition:opacity var(--duration-normal) ease,visibility var(--duration-normal) ease}.bottom-sheet-backdrop.active{opacity:1;visibility:visible}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;max-height:85%;background:var(--surface-card);border-radius:28px 28px 0 0;padding:12px 20px 32px;box-shadow:0 -10px 40px #00000026;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-smooth)}.bottom-sheet-backdrop.active .bottom-sheet{transform:translateY(0)}.bottom-sheet__handle{width:44px;height:5px;background:#cbd5e1;border-radius:var(--radius-pill);align-self:center;margin-bottom:16px}.badge-new{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;font-size:.6875rem;font-weight:var(--font-weight-extrabold);border-radius:var(--radius-pill);letter-spacing:.5px;box-shadow:0 2px 6px #ff416c59}.badge-rarity{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.5px}.badge-rarity.n{background:var(--grad-rarity-n)}.badge-rarity.r{background:var(--grad-rarity-r)}.badge-rarity.sr{background:var(--grad-rarity-sr)}.badge-rarity.ssr{background:var(--grad-rarity-ssr)}.progress-bar-container{width:100%;height:10px;background:#e2eaf1;border-radius:var(--radius-pill);overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--grad-primary-btn)}.surface-card{background:var(--surface-card);border-radius:var(--radius-card);padding:18px 20px;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.9)}.stage-3d{perspective:1200px;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.preserve-3d{transform-style:preserve-3d}.pack-container{position:relative;width:260px;height:420px;perspective:1000px;cursor:pointer;transition:transform var(--duration-normal) var(--ease-smooth)}.pack-container:hover{transform:translateY(-8px) scale(1.02)}.pack-body{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:18px;background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 16px 36px #6366f166;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.pack-tear-strip{position:absolute;top:0;left:0;width:100%;height:64px;background:linear-gradient(180deg,#fff6,#ffffff1a);border-bottom:2px dashed rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;z-index:10;cursor:grab}.pack-tear-strip:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shine-sweep 2.4s infinite}.pack-container.tearing .pack-tear-strip{animation:tear-strip-away .65s forwards var(--ease-smooth)}.pack-container.tearing .pack-body{animation:pack-open-eject .7s .2s forwards var(--ease-smooth)}@keyframes tear-strip-away{0%{transform:translate(0) rotate(0);opacity:1}40%{transform:translate(40px,-20px) rotate(12deg)}to{transform:translate(160px,-80px) rotate(35deg);opacity:0}}@keyframes pack-open-eject{0%{transform:scale(1);opacity:1}50%{transform:scale(1.08) translateY(-10px)}to{transform:scale(.9) translateY(40px);opacity:0}}@keyframes shine-sweep{0%{left:-100%}60%,to{left:160%}}.card-stack{position:relative;width:250px;aspect-ratio:var(--card-aspect-ratio);perspective:1200px}.stack-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-card);transition:transform .45s var(--ease-smooth),opacity .4s ease;transform-style:preserve-3d;cursor:pointer}.stack-card.swiped-out{transform:translate(120%) rotate(15deg) scale(.85);opacity:0;pointer-events:none}.diamond-indicators{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}.diamond-dot{width:12px;height:12px;background:#cbd5e1;transform:rotate(45deg);border-radius:2px;transition:background var(--duration-fast) ease,box-shadow var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out)}.diamond-dot.active{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow);transform:rotate(45deg) scale(1.35)}.diamond-dot.completed{background:#94a3b8}.dual-face-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1);cursor:pointer}.dual-face-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-card);overflow:hidden}.card-face.face-real{z-index:2;transform:rotateY(0)}.card-face.face-anime{transform:rotateY(180deg)}.dual-face-hint-badge{position:absolute;bottom:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 4px 10px #00000040;animation:pulse-rotate 3s infinite;z-index:20}@keyframes pulse-rotate{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes float-ambient{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fly-to-bottom-nav{0%{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(.4) translateY(180px);opacity:.8}to{transform:scale(.1) translateY(360px);opacity:0}}.animate-fly-to-nav{animation:fly-to-bottom-nav .65s forwards var(--ease-smooth)}@keyframes rarity-burst-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.animate-rarity-pop{animation:rarity-burst-pop .5s var(--ease-out) forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card-frame{position:relative;width:100%;aspect-ratio:var(--card-aspect-ratio);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;border:1.5px solid rgba(255,255,255,.85);transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.card-frame:active{transform:scale(.98)}.card-frame__artwork{position:relative;width:100%;height:100%;overflow:hidden;background:#f1f5f9}.card-frame__img{width:100%;height:100%;object-fit:cover;display:block}.card-frame__placeholder-bg{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#e2e8f0,#cbd5e1);color:var(--text-muted);gap:8px}.card-frame__placeholder-icon{font-size:2.2rem;opacity:.6}.card-frame__placeholder-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px}.card-frame__overlay-top{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.card-frame__overlay-bottom{position:absolute;bottom:0;left:0;right:0;padding:16px 12px 10px;background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.8) 100%);color:#fff;z-index:10;pointer-events:none}.card-frame__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);text-shadow:0 1px 3px rgba(0,0,0,.6)}.card-frame__group-role{font-size:.6875rem;opacity:.85}.card-frame.rarity-n{border-color:var(--rarity-n)}.card-frame.rarity-r{border-color:var(--rarity-r);box-shadow:0 8px 24px #3b82f640}.card-frame.rarity-sr{border-color:var(--rarity-sr);box-shadow:0 8px 26px #a855f74d}.card-frame.rarity-ssr{border-color:var(--rarity-ssr);box-shadow:0 10px 30px #ec489959}.card-frame.silhouette{background:#e2e8f0;border-color:#cbd5e1;box-shadow:none;filter:grayscale(1)}.card-frame.silhouette .card-frame__artwork{background:#cbd5e1}.card-frame.silhouette .card-frame__img{filter:brightness(0) opacity(.18)}.screen-flex{display:flex;flex-direction:column;height:100%}.screen-pad-a{padding:16px 16px 20px}.screen-pad-b{padding:20px 18px 24px}.scroll-y{overflow-y:auto}.screen-complete{padding:24px 20px;display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;text-align:center}.card-grid-2{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:6px;align-content:center}.card-grid-2--spaced{margin-bottom:14px}.flex-center{flex:1;display:flex;align-items:center;justify-content:center}.mt-auto{margin-top:auto}.action-row{display:flex;gap:8px;margin-top:10px}#root{height:100%}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}:root{--bg-app-base: var(--m-bg);--bg-app-gradient: radial-gradient(ellipse 100% 36% at 50% 0%, var(--m-bg-glow), transparent 78%), var(--m-bg);--bg-app-pastel-mesh: radial-gradient(ellipse 100% 36% at 50% 0%, var(--m-bg-glow), transparent 78%), var(--m-bg);--surface-card: var(--m-surface);--surface-card-subtle: var(--m-surface-2);--surface-glass: color-mix(in srgb, var(--m-surface) 92%, transparent);--surface-glass-border: var(--m-line);--text-main: var(--m-ink);--text-body: var(--m-ink);--text-muted: var(--m-muted);--text-placeholder: var(--m-muted);--border-subtle: var(--m-line);--border-light: var(--m-line);--border-focus: var(--m-accent);--color-primary: var(--m-accent);--color-primary-hover: var(--m-bright);--color-primary-light: color-mix(in srgb, var(--m-accent) 18%, transparent);--grad-primary-btn: var(--m-button);--grad-primary-btn-hover: var(--m-bright);--shadow-sm: var(--m-shadow);--shadow-md: var(--m-shadow);--shadow-lg: var(--m-shadow-card);--shadow-btn-primary: var(--m-shadow-button);--font-family-base: var(--m-font)}[data-theme=dark]{--text-white: var(--m-button-ink);--color-primary-end: var(--m-accent);--color-primary-active: var(--m-bright);--grad-primary-btn-active: var(--m-button);--shadow-btn-subtle: none;--shadow-inset-input: none}[data-theme=light]{--text-white: var(--m-button-ink);--color-primary-end: var(--m-accent);--color-primary-active: var(--m-button);--grad-primary-btn-active: var(--m-button);--shadow-btn-subtle: none;--shadow-inset-input: none}html,body{background:var(--bg-desktop-surround);color:var(--m-ink)}.app-device-frame,.app-viewport{background:var(--bg-app-gradient)}.app-device-frame{width:min(480px,calc(100dvh * 8 / 15));height:min(900px,100dvh);aspect-ratio:8 / 15;box-shadow:0 30px 90px #02030d7a}.app-status-bar{height:84px;padding:0 var(--m-gutter);justify-content:space-between;color:var(--m-muted);border-bottom:1px solid color-mix(in srgb,var(--m-line) 70%,transparent);background:color-mix(in srgb,var(--m-bg) 72%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.app-status-bar .m-brand{font-size:27px}.app-status-bar__brand-button{display:inline-flex;align-items:center;padding:0;margin:0;border:0;background:transparent;color:inherit;cursor:pointer}.app-status-bar__brand-button:focus-visible{outline:2px solid var(--m-brand-ink);outline-offset:4px;border-radius:4px}.app-status-bar .m-iconbtn{width:38px;height:38px}.motion-screen-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app-bottom-nav{background:color-mix(in srgb,var(--m-nav-bg) 94%,transparent);border-top-color:var(--m-line)}.app-viewport>.m-nav{min-height:72px;background:color-mix(in srgb,var(--m-nav-bg) 96%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-viewport>.m-nav .m-nav__item{width:auto;min-width:0;flex:1;font-size:9px}.app-viewport>.m-nav .m-nav__item svg{width:19px;height:19px}.nav-item.active{color:var(--m-accent)}button{transition:transform var(--m-t-fast) var(--m-ease-pop),filter var(--m-t-fast) ease,border-color var(--m-t-fast) ease}button:active{transform:translateY(1px) scale(.99)}.motion-page{display:grid;gap:22px;padding:22px var(--m-gutter) 34px;color:var(--m-ink)}.motion-hero{padding:6px 0 2px}.motion-greeting{margin:0 0 14px;color:var(--m-muted);font-size:13px;line-height:1.5}.motion-hero h1{margin:0;font-size:30px;line-height:1.18;letter-spacing:-1.7px;font-weight:760}.motion-hero h1 em{color:var(--m-hero-em);font-style:normal}.motion-feature-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px}.motion-feature-panel .m-btn{min-width:108px;padding-inline:14px}.motion-feature-copy,.motion-action-tile>span,.motion-link-list button>span:not(.motion-icon-tile){display:grid;gap:5px;min-width:0}.motion-feature-copy strong,.motion-action-tile strong,.motion-link-list strong{font-size:14px}.motion-feature-copy small,.motion-action-tile small,.motion-link-list small{color:var(--m-muted);font-size:10px;line-height:1.5}.motion-icon-tile{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--m-radius-md);color:var(--m-accent);background:color-mix(in srgb,var(--m-accent) 13%,var(--m-surface))}.motion-icon-tile svg{width:22px;height:22px}.motion-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.motion-action-tile{position:relative;min-height:104px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px;border:1px solid var(--m-line);border-radius:var(--m-radius-lg);background:var(--m-surface);text-align:left}.motion-action-tile>svg:first-child{width:23px;color:var(--m-accent)}.motion-action-tile>svg:last-child{width:16px;color:var(--m-muted)}.motion-count{position:absolute;top:11px;right:11px;min-width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--m-button);color:var(--m-button-ink);font-size:9px}.motion-section{display:grid;gap:12px}.motion-section h2{margin:0;font-size:15px}.motion-section .m-stats{border-radius:var(--m-radius-xl)}.motion-progress-panel{display:grid;gap:12px}.motion-progress-panel>div{display:flex;justify-content:space-between;align-items:center}.motion-progress-panel>div strong{font-size:13px}.motion-progress-panel>div span{color:var(--m-muted);font-size:11px}.motion-link-list{padding:4px 18px}.motion-link-list button{width:100%;min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;text-align:left;border-bottom:1px solid var(--m-line)}.motion-link-list button:last-child{border-bottom:0}.motion-link-list button>svg{width:16px;color:var(--m-muted)}.motion-state{display:grid;justify-items:center;align-content:center;gap:12px;min-height:100%;padding:32px;color:var(--m-muted);text-align:center}.motion-state>svg{color:var(--m-accent)}.motion-state strong{color:var(--m-ink);font-size:16px}.motion-state p{margin:0;font-size:12px}.motion-skeleton{width:100%;border-radius:var(--m-radius-lg);background:linear-gradient(90deg,var(--m-surface),var(--m-surface-2),var(--m-surface));background-size:200% 100%;animation:motion-skeleton 1.4s ease-in-out infinite}.motion-skeleton--title{height:74px}.motion-skeleton--panel{height:128px}@keyframes motion-skeleton{to{background-position:-200% 0}}.motion-dev-toggle{position:fixed;z-index:9999;top:12px;right:12px;min-height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.2);border-radius:var(--m-radius-pill);color:#fff;background:#11131ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:10px;font-weight:750}.motion-dev-panel{position:fixed;z-index:9998;top:54px;right:12px;width:min(520px,calc(100vw - 24px));max-height:42vh;overflow:auto;display:flex;flex-wrap:wrap;gap:6px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#11131ef0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.motion-dev-panel button{padding:7px 10px;border:1px solid #34384d;border-radius:9px;color:#c7c9d8;background:#1b1e2e;font-size:10px}.motion-dev-panel button.active{color:var(--m-button-ink);background:var(--m-button);border-color:var(--m-button)}.motion-route-panel{width:min(390px,calc(100vw - 24px));max-height:none;flex-direction:column;flex-wrap:nowrap}.motion-dev-panel .motion-route-option{width:100%;padding:13px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}.motion-route-option strong{font-size:12px}.motion-route-option span{color:#9296aa;font-size:10px;line-height:1.45}.motion-route-option.active span{color:color-mix(in srgb,var(--m-button-ink) 72%,transparent)}.app-viewport:not(.preserve-card-design) .screen-flex,.app-viewport:not(.preserve-card-design) .screen-complete{padding:22px var(--m-gutter) 30px;gap:18px;color:var(--m-ink)}.app-viewport:not(.preserve-card-design) .surface-card{background:var(--m-surface);color:var(--m-ink);border:1px solid var(--m-line);border-radius:var(--m-radius-lg);box-shadow:none}.app-viewport:not(.preserve-card-design) .btn,.app-viewport:not(.preserve-card-design) .primary-button,.app-viewport:not(.preserve-card-design) .secondary-button{min-height:var(--m-control-h);border-radius:var(--m-radius-md);font-size:13px;font-weight:750;text-shadow:none}.app-viewport:not(.preserve-card-design) .btn-primary,.app-viewport:not(.preserve-card-design) .primary-button{color:var(--m-button-ink);background:var(--m-button);border:1px solid var(--m-button-ring);box-shadow:var(--m-shadow-button)}.app-viewport:not(.preserve-card-design) .btn-primary:hover,.app-viewport:not(.preserve-card-design) .primary-button:hover{background:var(--m-button);filter:brightness(.98);box-shadow:var(--m-shadow-button)}.app-viewport:not(.preserve-card-design) .btn-secondary,.app-viewport:not(.preserve-card-design) .secondary-button{color:var(--m-muted);background:var(--m-bg);border:1px solid var(--m-line);box-shadow:none}.app-viewport:not(.preserve-card-design) .btn-secondary:hover,.app-viewport:not(.preserve-card-design) .secondary-button:hover{color:var(--m-ink);background:var(--m-surface-2);border-color:var(--m-line-strong)}.app-viewport:not(.preserve-card-design) .form-input{height:50px;color:var(--m-ink);background:var(--m-surface);border:1px solid var(--m-line);border-radius:var(--m-radius-md);box-shadow:none}.app-viewport:not(.preserve-card-design) .form-input:focus{border-color:var(--m-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-accent) 18%,transparent)}.birth-date-field{position:relative;width:100%}.birth-date-input{width:100%;padding:0 54px 0 14px;font:inherit}.birth-date-input::placeholder{color:var(--m-muted)}.birth-date-calendar-button{position:absolute;top:6px;right:6px;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;padding:0;color:var(--m-accent);background:var(--m-surface-2);border:1px solid var(--m-line);border-radius:var(--m-radius-sm);cursor:pointer}.birth-date-calendar-button:hover{background:color-mix(in srgb,var(--m-accent) 12%,var(--m-surface-2))}.birth-date-calendar-button:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}.birth-date-calendar-button .m-icon{width:18px;height:18px}.birth-date-input-error{margin:6px 2px 0;color:var(--m-danger);font-size:.6875rem;line-height:1.45}.birth-date-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#090f28c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.birth-date-dialog{width:min(100%,398px);padding:18px 16px 16px;color:var(--m-ink);border-radius:22px!important;box-shadow:var(--m-shadow-float)}.birth-date-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.birth-date-dialog__header h2{margin:7px 0 0;font-size:1rem;line-height:1.4}.birth-date-dialog__close{display:inline-flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;padding:0;color:var(--m-muted);background:var(--m-surface-2);border:1px solid var(--m-line);border-radius:50%;cursor:pointer}.birth-date-dialog__close .m-icon{width:18px;height:18px}.birth-date-dialog .rdp-root{--rdp-accent-color: var(--m-accent);--rdp-accent-background-color: color-mix(in srgb, var(--m-accent) 18%, transparent);--rdp-day-width: min(11vw, 44px);--rdp-day-height: 42px;--rdp-day_button-width: 38px;--rdp-day_button-height: 38px;--rdp-selected-border: 0;width:100%;margin:0;color:var(--m-ink);font-size:.8125rem}.birth-date-dialog .rdp-month,.birth-date-dialog .rdp-month_grid{width:100%}.birth-date-dialog .rdp-month_grid{border-collapse:collapse;table-layout:fixed}.birth-date-dialog .rdp-day{width:auto}.birth-date-dialog .rdp-day_button{margin:auto;font-weight:650}.birth-date-dialog .rdp-weekday{color:var(--m-muted);font-size:.6875rem;font-weight:700}.birth-date-dialog .rdp-outside{opacity:.28}.birth-date-dialog .rdp-selected .rdp-day_button{color:var(--m-button-ink);background:var(--m-button);box-shadow:var(--m-shadow-button)}.birth-date-dialog .rdp-today:not(.rdp-selected) .rdp-day_button{color:var(--m-accent);border-color:var(--m-accent)}.birth-date-dialog .rdp-dropdowns{gap:6px}.birth-date-dialog .rdp-dropdown_root{min-width:84px;height:38px;justify-content:center;padding:0 9px;background:var(--m-surface-2);border:1px solid var(--m-line);border-radius:var(--m-radius-sm)}.birth-date-dialog .rdp-caption_label{gap:4px;font-size:.8125rem}.birth-date-dialog .rdp-button_previous,.birth-date-dialog .rdp-button_next{color:var(--m-accent);border-radius:50%}.birth-date-dialog .rdp-button_previous:hover,.birth-date-dialog .rdp-button_next:hover,.birth-date-dialog .rdp-day_button:hover{background:var(--m-surface-2)}.birth-date-dialog .rdp-selected .rdp-day_button:hover{background:var(--m-button)}@media (min-width: 431px){.birth-date-overlay{align-items:center}}@media (max-width: 359px){.birth-date-overlay{padding:8px}.birth-date-dialog{padding:15px 10px 12px}.birth-date-dialog .rdp-root{--rdp-day-height: 38px;--rdp-day_button-width: 34px;--rdp-day_button-height: 34px}}.app-viewport:not(.preserve-card-design) .notice,.app-viewport:not(.preserve-card-design) .empty-state{color:var(--m-muted);background:var(--m-surface-2);border:1px solid var(--m-line);border-radius:var(--m-radius-md)}.app-viewport:not(.preserve-card-design) h1,.app-viewport:not(.preserve-card-design) h2,.app-viewport:not(.preserve-card-design) h3{color:var(--m-ink);letter-spacing:var(--m-tracking)}.app-viewport:not(.preserve-card-design) .action-row{gap:10px}.motion-home-scroll{padding:22px var(--m-gutter) 88px!important}.motion-home-profile{min-height:66px;margin-bottom:20px!important;padding-bottom:14px;border-bottom:1px solid var(--m-line)}.motion-home-avatar{border-color:var(--m-line)!important;background:var(--m-surface)!important;box-shadow:none!important}.motion-home-friend-button{min-height:38px;padding:0 13px!important;border:1px solid var(--m-line)!important;border-radius:var(--m-radius-pill)!important;background:var(--m-surface)!important;box-shadow:none!important;white-space:nowrap}.motion-home-card-grid{gap:12px!important}.motion-home-actions{padding:16px var(--m-gutter) 18px!important;gap:10px!important;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--m-bg) 88%,transparent) 22%,var(--m-bg) 58%)!important;border-top:1px solid color-mix(in srgb,var(--m-line) 72%,transparent)}.motion-home-actions .btn{min-height:50px;border-radius:var(--m-radius-md)!important;box-shadow:none!important;white-space:nowrap}.motion-home-countdown{color:var(--m-accent)!important;background:var(--m-surface)!important;border-color:var(--m-accent)!important;box-shadow:none!important}@media (max-width: 479px){.app-device-frame{width:100%;height:100dvh;aspect-ratio:auto}.motion-feature-panel{grid-template-columns:auto minmax(0,1fr)}.motion-feature-panel .m-btn{grid-column:1 / -1;width:100%}}@media (max-width: 359px){.motion-action-grid{grid-template-columns:1fr}.motion-hero h1{font-size:27px}}@media (prefers-reduced-motion: reduce){button{transition:none}}:root{--bg-app-gradient: var(--m-scene-bg);--bg-app-pastel-mesh: var(--m-scene-bg);--bg-desktop-surround: var(--m-bg);--bg-desktop-glow: radial-gradient(ellipse at 50% 30%, var(--m-bg-glow), transparent 70%);--bg-stage-deep: var(--m-bg);--bg-stage-deeper: var(--m-surface);--surface-glass-subtle: var(--m-surface-2);--text-link: var(--m-accent);--color-primary-start: var(--m-accent);--color-primary-end: var(--m-accent);--color-primary-glow: var(--m-r-ssr-glow);--rarity-n: var(--m-tag-n);--rarity-r: var(--m-tag-r);--rarity-sr: var(--m-tag-sr);--rarity-ssr: var(--m-accent);--grad-rarity-n: var(--m-r-n);--grad-rarity-r: var(--m-r-r);--grad-rarity-sr: var(--m-r-sr);--grad-rarity-ssr: var(--m-r-ssr);--card-aspect-ratio: var(--m-card-ratio);--radius-card: var(--m-radius-sm)}#root{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center}.motion-design.app-device-frame{width:min(430px,100%);height:min(960px,100dvh);aspect-ratio:auto;box-shadow:var(--m-shadow-card);color:var(--m-ink);font-family:var(--m-font);letter-spacing:var(--m-tracking)}.motion-design .app-status-bar{height:calc(var(--m-header-h) + env(safe-area-inset-top,0px));min-height:calc(var(--m-header-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--m-gutter) 0;border-bottom:0;background:transparent}.motion-design .app-status-bar.has-invite-copy{position:relative;height:calc(var(--m-header-h) + env(safe-area-inset-top,0px));min-height:calc(var(--m-header-h) + env(safe-area-inset-top,0px));gap:10px}.motion-design .app-status-bar.has-invite-copy .app-status-bar__brand-button{min-width:0;flex:0 1 auto}.motion-design .app-status-bar .m-brand{font-size:24px}.motion-design .app-status-bar .m-iconbtn{width:34px;height:34px}.motion-header-invite{position:static;z-index:8;display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}.motion-header-invite__reward{display:flex;align-items:center;gap:5px;color:var(--m-accent);font-size:9px;font-weight:700;line-height:1.25;text-align:right;white-space:nowrap}.motion-header-invite__reward strong{font-weight:900}.motion-header-invite__arrow{display:inline-block;font-size:17px;line-height:1;animation:motion-header-invite-arrow 1.05s ease-in-out infinite}.motion-header-invite__button{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--m-kakao-ink) 16%,transparent);border-radius:50%;background:var(--m-kakao-bg);color:var(--m-kakao-ink);box-shadow:0 8px 18px color-mix(in srgb,var(--m-kakao-ink) 16%,transparent);transition:transform var(--m-t-fast),filter var(--m-t-fast)}.motion-header-invite__button:active{transform:translateY(1px) scale(.96)}.motion-header-invite__button:disabled{cursor:wait;filter:grayscale(.28);opacity:.72}.motion-header-invite__button svg{width:23px;height:23px;fill:currentColor}.motion-header-invite__button circle{fill:var(--m-kakao-bg)}.motion-copy-toast{position:fixed;z-index:80;top:50%;left:50%;padding:11px 16px;border:1px solid color-mix(in srgb,var(--m-ink) 18%,transparent);border-radius:var(--m-radius-pill);background:color-mix(in srgb,var(--m-ink) 92%,transparent);box-shadow:var(--m-shadow);color:var(--m-bg);font-size:12px;font-weight:800;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none;animation:motion-copy-toast var(--motion-copy-toast-duration) ease both}@keyframes motion-header-invite-arrow{0%,to{transform:translate(-2px)}50%{transform:translate(3px)}}@keyframes motion-copy-toast{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.96)}12%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 4px)) scale(.98)}}@media (max-width: 389px){.motion-design .app-status-bar.has-invite-copy{gap:6px}.motion-design .app-status-bar.has-invite-copy .m-brand{font-size:21px}.motion-header-invite{gap:5px}.motion-header-invite__reward{gap:3px;font-size:8px}.motion-header-invite__arrow{font-size:14px}.motion-header-invite__button{width:36px;height:36px}.motion-header-invite__button svg{width:21px;height:21px}}@media (max-width: 359px){.motion-design .app-status-bar.has-invite-copy .m-brand{font-size:19px}.motion-header-invite{gap:4px}.motion-header-invite__button{width:34px;height:34px}.motion-header-invite__button svg{width:20px;height:20px}}.motion-design .app-screen-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges}.app-screen-transition{height:100%;animation:app-screen-fade .22s ease both}@keyframes app-screen-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.motion-design .app-screen-content .screen-flex{height:auto;min-height:100%;flex-shrink:0;padding:22px var(--m-gutter) 26px!important}.motion-design .motion-invite-card-list{flex:1;min-height:0}.motion-design .app-screen-content .motion-workshop-select{padding-bottom:0!important}.motion-workshop-select__footer{position:sticky;bottom:0;z-index:2;flex-shrink:0;margin-inline:calc(var(--m-gutter) * -1);margin-top:auto;padding:12px var(--m-gutter);border-top:1px solid var(--m-line);background:var(--m-bg)}.motion-design .app-screen-content .motion-pack-lobby,.motion-design .app-screen-content .motion-pack-editor,.motion-design .app-screen-content .motion-shop-select{height:100%;min-height:0;flex-shrink:1;overflow:hidden}.motion-design .app-screen-content .motion-pack-lobby,.motion-design .app-screen-content .motion-pack-editor{gap:0;padding:0!important}.motion-design .app-screen-content .motion-shop-select{position:relative;padding:22px var(--m-gutter) 0!important}.motion-pack-lobby__scroll,.motion-pack-editor__scroll,.motion-shop-select__scroll{flex:1;min-height:0;overflow-y:auto}.motion-pack-lobby__scroll,.motion-pack-editor__scroll{padding:22px var(--m-gutter) 20px}.motion-pack-lobby__footer,.motion-pack-editor__footer{display:grid;gap:8px;flex-shrink:0;padding:12px var(--m-gutter);border-top:1px solid var(--m-line);background:var(--m-bg)}.motion-design .motion-pack-editor__footer .notice{margin:0;padding:0 2px;border:0;border-radius:0;background:transparent;font-size:12px;text-align:center}.motion-design .motion-pack-editor__footer .notice-error{color:var(--m-danger)}.motion-pack-editor__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.motion-pack-editor__actions .btn{width:100%;min-width:0}.motion-shop-select__scroll{padding-bottom:88px}.motion-shop-select__footer{position:absolute;left:0;right:0;bottom:0;padding:20px var(--m-gutter) calc(14px + env(safe-area-inset-bottom,0px))}.motion-fusion-confirm{width:min(350px,calc(100vw - 36px));max-height:calc(100dvh - 36px);margin:auto;padding:24px;border:1px solid var(--m-line);border-radius:var(--m-radius-xl);background:var(--m-surface);color:var(--m-ink);box-shadow:var(--m-shadow)}.motion-fusion-confirm::backdrop{background:color-mix(in srgb,var(--m-bg) 65%,transparent)}.motion-fusion-confirm>p{margin:0;font-size:16px;font-weight:700;line-height:1.6;word-break:keep-all}.motion-fusion-confirm__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.motion-design .motion-workshop-main{gap:16px}.motion-workshop-main__panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-radius:20px}.motion-workshop-main__rules{width:100%;margin:12px 0 0;padding-left:18px;color:var(--m-muted);font-size:12px;line-height:1.7;word-break:keep-all}.motion-workshop-main__rules li+li{margin-top:7px}.motion-workshop-visual{width:100%;min-height:240px;flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:28px 0}.motion-workshop-visual__materials{position:relative;width:144px;height:152px;flex-shrink:0}.motion-workshop-visual__material{position:absolute;width:68px;left:calc(var(--material-index) * 19px);top:calc(28px - var(--material-index) * 4px);transform:rotate(calc(-16deg + var(--material-index) * 8deg));transform-origin:50% 100%}.motion-workshop-visual__result{width:86px;flex-shrink:0}.motion-workshop-visual__arrow{display:flex;color:var(--m-accent)}.motion-workshop-visual__arrow .m-icon{width:22px;height:22px}@media (max-width: 359px){.motion-workshop-visual{gap:6px;min-height:210px}.motion-workshop-visual__materials{width:118px;height:132px}.motion-workshop-visual__material{width:56px;left:calc(var(--material-index) * 15px)}.motion-workshop-visual__result{width:68px}.motion-workshop-visual__arrow .m-icon{width:18px;height:18px}}.motion-design .motion-invite-action-dock{position:sticky;bottom:0;z-index:2;flex-shrink:0;margin-inline:calc(var(--m-gutter) * -1);padding:12px var(--m-gutter) calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb,var(--m-line) 80%,transparent);background:color-mix(in srgb,var(--m-bg) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.motion-design .app-screen-content h1{font-size:29px!important;font-weight:700!important;line-height:1.22;letter-spacing:var(--m-tracking-tight);color:var(--m-ink)}.motion-design .app-viewport>.m-nav{position:relative;flex:0 0 auto;height:calc(var(--m-nav-h) + env(safe-area-inset-bottom,0px));min-height:var(--m-nav-h);padding:0 10px env(safe-area-inset-bottom,0px);background:var(--m-nav-bg);border-top:1px solid var(--m-line)}.motion-design .m-nav__item{position:relative;min-height:52px;gap:5px}.motion-design .m-nav__item--on:before{content:"";position:absolute;top:0;width:18px;height:2px;border-radius:var(--m-radius-pill);background:var(--m-accent)}.motion-design .m-nav__item:active{transform:translateY(1px)}.motion-design .m-nav__item--featured.m-nav__item--on:before{display:none}.motion-design .btn,.motion-design .primary-button,.motion-design .secondary-button{min-height:var(--m-control-h);border-radius:var(--m-radius-md)!important;font-family:var(--m-font);font-size:13px!important;font-weight:750;letter-spacing:var(--m-tracking);text-shadow:none}.motion-design .btn-primary,.motion-design .primary-button{color:var(--m-button-ink);background:var(--m-button);border:1px solid var(--m-button-ring);box-shadow:var(--m-shadow-button)}.motion-design .btn-secondary,.motion-design .secondary-button{color:var(--m-muted);background:var(--m-bg);border:1px solid var(--m-line);box-shadow:none}.motion-design .btn:hover{filter:brightness(1.04)}.motion-design button:disabled{opacity:.5;cursor:not-allowed;transform:none}.motion-design .surface-card{border:1px solid var(--m-line);border-radius:var(--m-radius-xl)!important;background:var(--m-surface);box-shadow:none}.motion-design .notice,.motion-design .empty-state{padding:12px 14px;border:1px solid var(--m-line);border-radius:var(--m-radius-md);background:var(--m-surface-2);color:var(--m-muted);line-height:1.65}.motion-design .form-input,.motion-design select{color:var(--m-ink);background:var(--m-surface);border:1px solid var(--m-line);border-radius:var(--m-radius-md);box-shadow:none}.motion-design input:focus-visible,.motion-design select:focus-visible,.motion-design textarea:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}.motion-design .progress-bar-container{height:4px;background:var(--m-line);box-shadow:none}.motion-design .progress-bar-fill{background:var(--m-accent);box-shadow:none}.motion-design .motion-card.card-frame{position:relative;display:flex;padding:2px;border:0;border-radius:var(--m-radius-sm);aspect-ratio:var(--m-card-ratio);box-shadow:none;text-align:left;isolation:isolate;container-type:inline-size}.motion-design .motion-card--composed.card-frame{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;min-width:0;padding:0;border:0;aspect-ratio:484 / 710;overflow:visible;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;box-shadow:none}.motion-design button.motion-card--composed{position:relative;z-index:0;cursor:pointer;transition:transform .18s}.motion-design button.motion-card--composed:hover,.motion-design button.motion-card--composed:focus-visible{transform:translateY(-3px);z-index:1}.motion-design button.motion-card--composed:focus-visible{outline:none}.motion-design button.motion-card--composed:focus-visible .card-face{box-shadow:0 0 0 2px var(--m-bg),0 0 0 4px var(--m-accent)}.motion-design .motion-card--composed .card-face-host{width:100%;height:100%}.motion-design .motion-card--composed .card-face{width:100%;height:100%;box-shadow:none}@container card-face (max-width: 159px){.motion-design .motion-card--composed .card-face-copy:not(.card-face-copy--grade){display:none}}.motion-design .motion-card.m-card--ssr{box-shadow:0 0 22px var(--m-r-ssr-glow)}.motion-design .motion-card.m-card--n{background:var(--m-r-n)}.motion-design .motion-card.m-card--r{background:var(--m-r-r)}.motion-design .motion-card.m-card--sr{background:var(--m-r-sr)}.motion-design .motion-card.m-card--ssr{background:var(--m-r-ssr)}.motion-design .motion-card .m-card__in{display:block;flex:1;width:100%;min-height:0;background:var(--m-surface)}.motion-design .motion-card .m-card__in>img{height:100%;width:100%;object-fit:contain}.motion-design .motion-card .card-frame__overlay-top{top:8px;left:8px;right:8px;line-height:1.2}.motion-design .motion-card .card-frame__overlay-bottom{display:grid;gap:3px;padding:25px 10px 10px;line-height:1.4;background:linear-gradient(transparent,var(--m-surface) 50%);color:var(--m-ink)}.motion-design .motion-card .card-frame__name{display:block;font-size:clamp(9px,6cqi,13px);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}.motion-design .motion-card .card-frame__group-role{font-size:10px;color:var(--m-muted)}.motion-design .motion-card .card-frame__count{position:absolute;right:clamp(5px,4cqi,9px);bottom:clamp(5px,4cqi,9px);z-index:12;display:inline-flex;align-items:center;justify-content:center;min-width:clamp(18px,13cqi,28px);height:clamp(15px,11cqi,22px);padding:0 clamp(4px,3.5cqi,8px);border-radius:20px;background:var(--m-button);color:var(--m-button-ink);font-size:clamp(8px,6cqi,12px);font-weight:800;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #00000059;pointer-events:none}.motion-design .motion-card .card-frame__count--selected{background:var(--m-ink);color:var(--m-bg)}.motion-card-art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;background:var(--m-back-bg);color:var(--m-accent)}.motion-card-art:before{content:"";position:absolute;width:180%;height:13%;bottom:14%;transform:rotate(-34deg);background:var(--m-brand-holo);opacity:var(--m-brand-stripe-opacity)}.motion-card-art__mark{position:relative;width:64%;line-height:1}.motion-card-art__mark .m-brand{gap:5px}.motion-card-art__title{z-index:1;max-width:85%;line-height:1.5;text-align:center;font-weight:650;color:var(--m-muted)}.motion-home-view{min-height:100%;padding:10px var(--m-gutter) 26px;display:grid;gap:24px}.motion-home-view__profile{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--m-line)}.motion-profile-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--m-surface);border:1px solid var(--m-line);overflow:hidden}.motion-profile-avatar img{width:100%;height:100%;object-fit:cover}.motion-profile-avatar .m-icon{width:17px;color:var(--m-muted)}.motion-home-view__profile>div{display:grid;gap:4px;min-width:0}.motion-home-view__profile strong{font-size:13px;font-weight:750}.motion-home-view__profile>div>span{font-size:10px;color:var(--m-muted)}.motion-mypage-link{margin-left:auto;flex-shrink:0;color:var(--m-muted)}.motion-mypage-link:hover,.motion-mypage-link:focus-visible{color:var(--m-accent)}.motion-count-badge{display:grid;place-items:center;min-width:17px;height:17px;padding-inline:4px;border-radius:var(--m-radius-pill);color:var(--m-button-ink);background:var(--m-button);font-size:9px}.motion-eyebrow{display:block;color:var(--m-accent);font-size:8px;font-weight:700;letter-spacing:var(--m-tracking-wide)}.motion-home-view__hero{position:relative;isolation:isolate}.motion-home-view__hero:before{content:"";position:absolute;z-index:-1;top:-8px;right:-8px;width:150px;height:144px;background:url(/brand/motion-symbol.svg) center / contain no-repeat;opacity:var(--m-brand-watermark-opacity);pointer-events:none}.motion-home-view__hero h1{margin:12px 0 10px}.motion-home-view__hero h1 em,.motion-login h1 em{color:var(--m-hero-em);font-style:normal;font-weight:650}.motion-home-view__hero p{font-size:12px;color:var(--m-muted);line-height:1.65}.motion-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.motion-section-heading h2{font-size:14px;font-weight:750}.motion-section-heading h2 span{margin-left:5px;color:var(--m-accent);font-size:11px}.motion-section-heading .m-btn{padding-inline:0;font-size:11px}.motion-home-view__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.motion-home-view__cards--single{grid-template-columns:minmax(0,228px);justify-content:center}.motion-home-view__actions{display:grid;gap:10px}.motion-home-empty{display:grid;justify-items:center;gap:14px;padding:34px 20px;text-align:center}.motion-home-empty>.m-icon{width:32px;height:32px;color:var(--m-accent)}.motion-home-empty strong{font-size:14px}.motion-home-empty p{font-size:12px;line-height:1.7;color:var(--m-muted)}.motion-login{gap:20px}.motion-login__intro{text-align:center}.motion-login__intro h1{margin:18px 0 12px}.motion-login__intro p{color:var(--m-muted);font-size:12px;line-height:1.8}.motion-login__brand{width:238px;max-width:85%;margin:32px auto 30px}.motion-login__brand .m-brand{gap:12px}.motion-login__kakao{min-height:48px;border-radius:var(--m-radius-md);background:var(--m-kakao-bg);color:var(--m-kakao-ink);font-size:13px;font-weight:750}.motion-login__naver{width:100%}.motion-invite__kakao{background:var(--m-kakao-bg);color:var(--m-kakao-ink)}.motion-invite__kakao:disabled{opacity:.55}.motion-theme-row__label{display:inline-flex;align-items:center;gap:10px}.motion-theme-row__label svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.motion-theme-row__switch{position:relative;width:42px;height:24px;flex:0 0 auto;border-radius:999px;background:var(--m-line);transition:background var(--m-t-fast)}.motion-theme-row__switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--m-surface);box-shadow:0 2px 6px color-mix(in srgb,var(--m-ink) 18%,transparent);transition:transform var(--m-t-fast)}.motion-theme-row__switch.is-on{background:var(--m-accent)}.motion-theme-row__switch.is-on i{transform:translate(18px)}.motion-design [data-motion-screen="카드 뽑기"] section[aria-live=polite]:before{content:"";display:block;width:124px;aspect-ratio:var(--m-card-ratio);margin:4px auto 26px;border:1px solid var(--m-back-line);border-radius:var(--m-radius-sm);background:url(/brand/motion-symbol.svg) center / 65% auto no-repeat,repeating-linear-gradient(90deg,transparent 0 5px,var(--m-back-line) 5px 6px) top / 100% 9px no-repeat,repeating-linear-gradient(90deg,transparent 0 5px,var(--m-back-line) 5px 6px) bottom / 100% 9px no-repeat,var(--m-pack-bg);box-shadow:var(--m-shadow-card);transform:rotate(-7deg)}.motion-design [data-motion-screen="카드 뽑기"] dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px!important}.motion-design [data-motion-screen="카드 개봉"] .screen-flex{color:var(--m-ink)!important}.motion-design .diamond-dot{background:var(--m-line);border-color:var(--m-line);box-shadow:none}.motion-design .diamond-dot.active,.motion-design .diamond-dot.completed{background:var(--m-accent);border-color:var(--m-accent)}.motion-pack-card{transition:transform var(--m-t-flip) var(--m-ease-pop)}.motion-pack-card .card-face{padding:0;border:0;background:var(--m-bg);border-radius:var(--m-radius-sm)}.motion-pack-card .m-cardback,.motion-pack-card .motion-card{width:100%;height:100%}.motion-pack-card__new{position:absolute;top:12px;right:12px;z-index:11}.motion-design [data-motion-screen="뽑기 결과"] .card-grid-2{align-content:start}.motion-result-card{position:relative;min-width:0}.motion-result-card>.m-new{position:absolute;left:8px;top:8px;z-index:11}.motion-result-card>p{margin:7px 0 0;text-align:center;color:var(--m-muted);font-size:10px;line-height:1.5}.motion-rarity-summary{display:grid;justify-items:center;gap:16px;padding:18px 12px;background:var(--m-back-bg);border:1px solid var(--m-back-line);border-radius:var(--m-radius-lg)}.motion-rarity-summary>.m-icon{width:38px;height:38px;color:var(--m-accent)}.motion-rarity-summary>.m-mark{width:48px;height:46px}.motion-rarity-summary>p{font-size:11px;color:var(--m-muted)}.motion-rarity-summary--empty{background:var(--m-surface-2);border-style:dashed;opacity:.7}.motion-card-detail{min-height:100%;padding:12px var(--m-gutter) 26px;display:grid;grid-template-rows:auto minmax(0,1fr)}.motion-card-detail__back{display:inline-flex;align-items:center;justify-self:start;gap:5px;min-height:42px;padding:0 8px 0 0;color:var(--m-muted);font-size:11px;font-weight:700}.motion-card-detail__back:hover{color:var(--m-ink)}.motion-card-detail__back .m-icon{width:19px;height:19px}.motion-card-detail__stage{display:grid;place-items:center;align-content:center;gap:14px;min-height:0;padding:16px 0 34px}.motion-card-detail__stage>.motion-card-detail__card,.motion-card-detail__stage>.motion-card.card-frame,.motion-card-detail__placeholder{width:min(72vw,286px);max-width:100%}.motion-card-detail__placeholder{display:grid;place-items:center;aspect-ratio:484 / 710;border:1px solid var(--m-line);border-radius:14px;background:var(--m-surface-2);color:var(--m-muted);font-size:12px}.motion-header-bell{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;margin-left:auto;padding:0;border:0;background:none;color:var(--m-ink)}.motion-header-bell .m-icon{width:21px;height:21px}.motion-header-bell+.motion-header-invite{margin-left:0}@media (max-width: 359px){.motion-design .app-status-bar.has-invite-copy{gap:4px}.motion-header-bell{width:28px}.motion-header-bell .m-icon{width:19px;height:19px}}.motion-notifications{padding:12px var(--m-gutter) 26px}.motion-notifications__title{padding:6px 0 14px;color:var(--m-ink);font-size:17px;font-weight:800}.motion-notifications__note{display:grid;justify-items:center;gap:12px;padding:40px 0;color:var(--m-muted);font-size:12px;text-align:center}.motion-notifications__list{display:grid;margin:0;padding:0;list-style:none}.motion-notifications__row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:12px 10px;border:0;border-radius:var(--m-radius-md);background:none;text-align:left}.motion-notifications__row.is-unread{background:color-mix(in srgb,var(--m-accent) 12%,transparent)}.motion-notifications__body{min-width:0}.motion-notifications__text{display:block;color:var(--m-ink);font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}.motion-notifications__text b{margin-right:6px;font-weight:800}.motion-notifications__time{display:block;margin-top:3px;color:var(--m-muted);font-size:10px}.motion-design .app-screen-content>.motion-card-detail--social{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:0}.motion-card-detail__scroll{flex:1;min-height:0;overflow-y:auto;padding:12px var(--m-gutter) 14px}.motion-card-detail__footer{flex-shrink:0;padding:9px var(--m-gutter) calc(11px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--m-line);background:var(--m-bg)}.motion-card-detail--social .motion-card-detail__stage{align-content:start;min-height:auto;padding:8px 0 16px}.motion-card-social{display:flex;flex-direction:column}.motion-card-social__bar{display:flex;align-items:center;gap:18px;padding:0 0 9px}.motion-card-social__like,.motion-card-social__count{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--m-muted);font-size:13px;font-weight:750}.motion-card-social__like .m-icon,.motion-card-social__count .m-icon{width:23px;height:23px}.motion-card-social__like{cursor:pointer;transition:transform var(--m-t-fast)}.motion-card-social__like:active{transform:scale(.92)}.motion-card-social__like:disabled{cursor:default}.motion-card-social__like.is-on{color:var(--m-danger)}.motion-card-social__like.is-on .m-icon{fill:var(--m-danger);stroke:var(--m-danger)}.motion-card-social__owner{margin-left:auto;padding:3px 9px;border:1px solid var(--m-line);border-radius:var(--m-radius-pill);color:var(--m-muted);font-size:10px;font-weight:600}.motion-card-social__likers{padding-bottom:11px;border-bottom:1px solid var(--m-line);color:var(--m-ink);font-size:12px}.motion-card-social__likers b{font-weight:800}.motion-card-social__likers--empty{color:var(--m-muted)}.motion-card-social__message{padding:9px 0 0;color:var(--m-danger);font-size:11px}.motion-card-social__list{display:grid;flex:1;align-content:start;gap:13px;margin:0;padding:13px 0 12px;list-style:none}.motion-card-social__comment{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:start}.motion-card-social__avatar{border:1px solid var(--m-line)}.motion-card-social__body{min-width:0}.motion-card-social__text{margin:0;color:var(--m-ink);font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}.motion-card-social__text b{margin-right:6px;font-weight:800}.motion-card-social__time{display:block;margin-top:3px;color:var(--m-muted);font-size:10px}.motion-card-social__delete{padding:3px;border:0;background:none;color:var(--m-muted)}.motion-card-social__delete .m-icon{width:13px;height:13px}.motion-card-social__blank{flex:1;padding:26px 0;color:var(--m-muted);font-size:12px;text-align:center}.motion-card-social__composer{display:flex;align-items:center;gap:8px}.motion-card-social__field{position:relative;display:flex;flex:1;align-items:center;height:40px;padding:0 52px 0 14px;border:1px solid var(--m-line);border-radius:var(--m-radius-pill);background:var(--m-surface)}.motion-card-social__field.is-filled{border-color:var(--m-accent)}.motion-card-social__input{flex:1;min-width:0;border:0;background:none;color:var(--m-ink);font-family:inherit;font-size:12.5px;outline:none}.motion-card-social__counter{position:absolute;right:13px;color:var(--m-muted);font-size:10px;font-weight:700}.motion-card-social__submit{flex-shrink:0;height:40px;padding:0 17px;white-space:nowrap;border:1px solid var(--m-button-ring);border-radius:var(--m-radius-pill);background:var(--m-button);color:var(--m-button-ink);font-size:12px;font-weight:800}.motion-card-social__submit:disabled{border-color:var(--m-line);background:var(--m-surface-2);color:var(--m-muted)}@media (max-width: 359px){.motion-card-social__submit{padding:0 13px}.motion-card-social__field{padding-right:46px}}.motion-mypage-profile:hover{border-color:var(--m-line-strong)}.motion-mypage-profile:active{transform:translateY(1px)}.motion-mypage-profile__avatar{position:relative;display:inline-flex;flex-shrink:0}.motion-mypage-profile__badge{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--m-bg);border-radius:50%;background:var(--m-surface-2);color:var(--m-ink)}.motion-mypage-profile__badge .m-icon{width:12px;height:12px}.motion-profile-photo{min-height:100%;padding:12px var(--m-gutter) 26px;display:flex;flex-direction:column;align-items:center;gap:12px}.motion-profile-photo__back{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;min-height:42px;color:var(--m-muted);font-size:11px;font-weight:700}.motion-profile-photo__back:hover{color:var(--m-ink)}.motion-profile-photo__back .m-icon{width:19px;height:19px}.motion-profile-photo__title{align-self:flex-start;color:var(--m-ink);font-size:1.35rem;font-weight:800}.motion-profile-photo__hint{align-self:flex-start;margin:-6px 0 2px;color:var(--m-muted);font-size:11px;line-height:1.6}.motion-profile-photo__stage{position:relative;width:min(300px,100%);aspect-ratio:1;flex-shrink:0;overflow:hidden;border-radius:var(--m-radius-md);background:var(--m-surface-2);touch-action:none;cursor:grab}.motion-profile-photo__stage:active{cursor:grabbing}.motion-profile-photo__image{position:absolute;top:0;left:0;transform-origin:0 0;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.motion-profile-photo__mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle closest-side at 50% 50%,transparent 0 99.5%,color-mix(in srgb,var(--m-bg) 78%,transparent) 100%);pointer-events:none}.motion-profile-photo__grid{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid color-mix(in srgb,#fff 55%,transparent);border-radius:50%;background:linear-gradient(to right,transparent 33.33%,color-mix(in srgb,#fff 28%,transparent) 33.33% 33.53%,transparent 33.53%),linear-gradient(to right,transparent 66.66%,color-mix(in srgb,#fff 28%,transparent) 66.66% 66.86%,transparent 66.86%),linear-gradient(to bottom,transparent 33.33%,color-mix(in srgb,#fff 28%,transparent) 33.33% 33.53%,transparent 33.53%),linear-gradient(to bottom,transparent 66.66%,color-mix(in srgb,#fff 28%,transparent) 66.66% 66.86%,transparent 66.86%);pointer-events:none}.motion-profile-photo__controls{display:grid;gap:10px;width:min(100%,300px);flex-shrink:0}.motion-profile-photo__slider{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;color:var(--m-muted);font-size:11px;font-weight:700}.motion-profile-photo__slider input{width:100%;accent-color:var(--m-accent)}.motion-profile-photo__slider b{color:var(--m-ink);font-variant-numeric:tabular-nums}.motion-profile-photo__empty{display:grid;justify-items:center;gap:12px;padding:20px 0;color:var(--m-muted);font-size:12px}.motion-profile-photo__message{color:var(--color-danger, #ff6b6b);font-size:12px;line-height:1.6;text-align:center}.motion-profile-photo__actions{display:grid;gap:8px;width:min(100%,300px);margin-top:auto;flex-shrink:0}.motion-card-detail__download{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border:1px solid var(--m-line-strong);border-radius:999px;background:var(--m-surface-2);color:var(--m-ink);font-size:12px;font-weight:700}.motion-card-detail__download:hover:not(:disabled){border-color:var(--m-ink)}.motion-card-detail__download:disabled{color:var(--m-muted)}.motion-card-detail__download .m-icon{width:16px;height:16px}.motion-card-detail__note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;max-width:286px;text-align:center;color:var(--m-muted);font-size:11px;line-height:1.6}.motion-card-detail__retry{min-height:30px;padding:0 12px;border:1px solid var(--m-line-strong);border-radius:999px;background:var(--m-surface-2);color:var(--m-ink);font-size:11px;font-weight:700}.motion-card-detail__error{display:grid;justify-items:center;gap:8px;text-align:center;color:var(--m-muted)}.motion-card-detail__error strong{color:var(--m-ink);font-size:14px}.motion-card-detail__error span{max-width:250px;font-size:11px;line-height:1.6}.motion-shop-slot{min-width:0;padding:0;background:transparent;border-radius:var(--m-radius-sm)}.motion-shop-slot:disabled{opacity:1!important}.motion-shop-slot .motion-card{height:100%}.motion-shop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;aspect-ratio:484 / 710;color:var(--m-muted);background:var(--m-surface-2);border:1px dashed var(--m-line-strong);border-radius:var(--m-radius-sm);font-size:9px}.motion-shop-empty .m-icon{width:16px;height:16px}.motion-shop-choice{padding:0;border:0;background:none;text-align:left}.motion-shop-choice>span{display:block;text-align:center;margin:8px 0;color:var(--m-muted);font-size:10px}.motion-shop-preview-slot{flex:1;min-width:0}.motion-shop-preview-slot .motion-card{height:100%}.motion-pack-milestone{display:grid;gap:6px;margin-bottom:14px;padding:10px 14px 8px;border:1px solid var(--m-line);border-radius:var(--m-radius-lg);background:var(--m-surface)}.motion-pack-milestone__head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:750;color:var(--m-ink)}.motion-pack-milestone__ticket{flex-shrink:0;padding:3px 7px;border:1px solid var(--m-line-strong);border-radius:5px;font-size:10px;letter-spacing:.08em}.motion-pack-milestone__track{position:relative;padding:5px 0}.motion-pack-milestone__steps{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:end;align-items:center;margin:0;padding:0;list-style:none;pointer-events:none}.motion-pack-milestone__steps li{box-sizing:border-box;width:11px;height:11px;border-radius:50%;background:var(--m-surface);border:2px solid var(--m-line-strong)}.motion-pack-milestone__steps li.is-done{background:var(--m-accent);border-color:var(--m-accent)}.motion-pack-picker{margin-bottom:14px}.motion-pack-carousel{--pack-w: 210px;--pack-h: calc(var(--pack-w) * 1080 / 720);--arrow-size: 40px;--arrow-gap: 8px;position:relative}.motion-pack-arrow{position:absolute;z-index:2;top:calc(8px + var(--pack-h) / 2 - var(--arrow-size) / 2);width:var(--arrow-size);height:var(--arrow-size);margin:0;padding:0;border:1px solid var(--m-line-strong);background:var(--m-surface);color:var(--m-ink);cursor:pointer;border-radius:50%;box-shadow:0 6px 18px color-mix(in srgb,var(--m-ink) 20%,transparent);transition:transform var(--m-t-fast) ease,border-color var(--m-t-fast) ease,color var(--m-t-fast) ease}.motion-pack-arrow--prev{left:max(0px,calc(50% - var(--pack-w) / 2 - var(--arrow-gap) - var(--arrow-size)))}.motion-pack-arrow--next{right:max(0px,calc(50% - var(--pack-w) / 2 - var(--arrow-gap) - var(--arrow-size)))}@media (max-width: 359px){.motion-pack-carousel{--arrow-size: 32px;--arrow-gap: 4px}}.motion-pack-arrow:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-65%,-50%) rotate(-45deg)}.motion-pack-arrow--prev:before{transform:translate(-35%,-50%) rotate(135deg)}.motion-pack-arrow:hover:not(:disabled){color:var(--m-accent);border-color:var(--m-accent);transform:scale(1.06)}.motion-pack-arrow:active:not(:disabled){transform:scale(.94)}.motion-pack-arrow:disabled{opacity:.3;cursor:default;box-shadow:none}.motion-pack-arrow:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}.motion-pack-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.motion-pack-track::-webkit-scrollbar{display:none}.motion-pack-slide{flex:0 0 100%;min-width:0;display:grid;justify-items:center;gap:12px;padding:8px 4px 4px;scroll-snap-align:center;scroll-snap-stop:always;align-content:start}.motion-pack-tap-hint{min-height:15px;line-height:15px;margin:0;text-align:center;color:var(--m-accent);font-size:11px;font-weight:700;letter-spacing:var(--m-tracking)}.motion-pack-visual{position:relative;width:min(100%,var(--pack-w, 210px));aspect-ratio:720 / 1080;display:grid;place-items:center;transform:scale(.94);filter:saturate(.85);transition:transform var(--m-t-flip) var(--m-ease-pop),filter .3s ease}.motion-pack-visual.is-active{transform:none;filter:none}.motion-pack-visual--open{padding:0;border:0;background:transparent;cursor:pointer}.motion-pack-visual--open:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px;border-radius:var(--m-radius-sm)}.motion-pack-visual:before{content:"";position:absolute;top:14%;right:10%;bottom:14%;left:10%;z-index:0;border-radius:50%;background:var(--pack-glow, var(--m-accent));opacity:.3;filter:blur(30px)}.motion-pack-visual__art{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.motion-pack-visual--empty{box-sizing:border-box;display:grid;align-content:center;justify-items:center;gap:8px;padding:18px;border:1.5px dashed var(--m-line-strong);border-radius:var(--m-radius-lg);background:var(--m-surface-2);color:var(--m-ink);text-align:center;cursor:pointer;transform:none;filter:none}.motion-pack-visual--empty:before{display:none}.motion-pack-visual--empty:hover{border-color:var(--m-accent)}.motion-pack-visual--empty:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}.motion-pack-visual__plus{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--m-line-strong);color:var(--m-accent);font-size:28px;font-weight:300;line-height:1}.motion-pack-visual--empty strong{font-size:13px}.motion-pack-visual--empty>span:last-child{font-size:11px;line-height:1.5;color:var(--m-muted)}.motion-pack-caption{display:grid;justify-items:center;gap:4px;max-width:100%;text-align:center}.motion-pack-caption strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:850;letter-spacing:var(--m-tracking);color:var(--m-ink)}.motion-pack-caption__kind{display:inline-block;padding:2px 9px;border:1px solid var(--m-line-strong);border-radius:var(--m-radius-pill);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--m-muted)}.motion-pack-caption__kind.is-base{color:var(--m-accent);border-color:var(--m-accent)}.motion-pack-caption__kind.is-custom{color:var(--m-button-ink);background:var(--m-button);border-color:transparent}.motion-pack-caption p{margin:0;max-width:32ch;font-size:12px;line-height:1.5;color:var(--m-muted)}.motion-pack-caption .btn{height:34px;min-height:34px;margin-top:4px;padding:0 14px;font-size:12px}.motion-pack-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:8px}.motion-pack-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--m-line-strong);cursor:pointer;transition:width .15s ease,background .15s ease}.motion-pack-dots button[aria-current=true]{width:18px;border-radius:4px;background:var(--m-accent)}.motion-pack-notice{width:min(340px,calc(100vw - 32px));margin:auto;padding:22px 20px;border:1px solid var(--m-line);border-radius:24px;background:var(--m-surface);color:var(--m-ink);font-family:inherit;box-sizing:border-box;text-align:center}.motion-pack-notice::backdrop{background:color-mix(in srgb,var(--m-bg) 75%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.motion-pack-notice h2{margin:0;font-size:18px;font-weight:900}.motion-pack-notice__description{margin:10px 0 18px;color:var(--m-muted);font-size:13px;line-height:1.6}.motion-pack-notice__actions{display:grid;gap:8px}.motion-pack-rewards{width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:20px;border:1px solid var(--m-line);border-radius:24px;background:var(--m-surface);color:var(--m-ink);overflow-y:auto;font-family:inherit;box-sizing:border-box}.motion-pack-rewards::backdrop{background:color-mix(in srgb,var(--m-bg) 75%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.motion-pack-rewards__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.motion-pack-rewards__header h2{margin:0;font-size:20px;font-weight:900}.motion-pack-rewards__close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--m-muted);font:inherit;font-size:27px;line-height:1;cursor:pointer}.motion-pack-rewards__close:hover{background:var(--m-surface-2);color:var(--m-ink)}.motion-pack-rewards__close:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}.motion-pack-rewards__description{color:var(--m-muted);font-size:13px;margin:12px 0 18px}.motion-pack-rewards__list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.motion-pack-rewards__list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--m-accent) 8%,var(--m-surface))}.motion-pack-rewards__tile-icon{position:relative;display:grid;place-items:center;flex-shrink:0;width:34px;height:44px;border:1.5px solid var(--m-accent);border-radius:8px;background:var(--m-surface);color:var(--m-accent);font-size:17px;line-height:1;transform:rotate(-6deg)}.motion-pack-rewards__label{display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}.motion-pack-rewards__label strong{font-size:14px}.motion-pack-rewards__label span{color:var(--m-muted);font-size:11px}.motion-pack-rewards__list .m-btn{flex-shrink:0;white-space:nowrap}.motion-pack-rewards__loading{margin:0;padding:28px 0;color:var(--m-muted);text-align:center}.motion-pack-rewards__feedback{font-size:13px;color:var(--m-accent);margin:12px 0 0}.motion-pack-rewards__result{display:grid;justify-items:center;text-align:center;padding-top:10px}.motion-pack-rewards__result--accent{--m-reward-tone: var(--m-accent)}.motion-pack-rewards__result--muted{--m-reward-tone: var(--m-muted)}.motion-pack-rewards__hero{display:grid;place-items:center;width:164px;height:142px;background:radial-gradient(circle,color-mix(in srgb,var(--m-reward-tone) 19%,transparent),transparent 70%)}.motion-pack-rewards__card-stack{position:relative;display:grid;place-items:center;width:78px;height:102px;border:2px solid var(--m-reward-tone);border-radius:12px;background:var(--m-surface);color:var(--m-reward-tone);box-shadow:0 10px 25px color-mix(in srgb,var(--m-reward-tone) 22%,transparent);transform:rotate(-7deg)}.motion-pack-rewards__card-stack:before,.motion-pack-rewards__card-stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--m-reward-tone);border-radius:12px;background:var(--m-surface-2);z-index:-1}.motion-pack-rewards__card-stack:before{transform:translate(11px,2px) rotate(11deg);opacity:.65}.motion-pack-rewards__card-stack:after{transform:translate(19px,7px) rotate(17deg);opacity:.35}.motion-pack-rewards__card-stack span{font-size:42px;line-height:1}.motion-pack-rewards__headline{margin:4px 0 0;color:var(--m-ink);font-size:clamp(24px,7.7vw,30px);font-weight:900;line-height:1.2;overflow-wrap:anywhere}.motion-pack-rewards__headline:focus{outline:none}.motion-pack-rewards__source{margin:8px 0 22px;color:var(--m-muted);font-size:14px}.motion-pack-rewards__note{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:0 0 14px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--m-reward-tone) 10%,var(--m-surface));color:var(--m-reward-tone);font-size:13px;font-weight:750;box-sizing:border-box}.motion-pack-rewards__result--muted .motion-pack-rewards__note{color:var(--m-ink)}.motion-pack-rewards__note span{display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--m-reward-tone);color:var(--m-button-ink);font-size:12px}.motion-pack-rewards__actions{display:grid;gap:8px;width:100%}.motion-pack-rewards__actions .m-btn{min-height:48px;width:100%}.motion-pack-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}.motion-pack-status__tile{display:grid;grid-template-rows:auto 1fr;gap:6px;padding:14px 16px 12px;min-width:0}.motion-pack-status__tile dt{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.3;color:var(--m-muted);white-space:nowrap}.motion-pack-status__tile dt .m-icon{width:15px;height:15px;color:var(--m-accent)}.motion-pack-status__tile dd{display:grid;grid-template-rows:1fr auto;align-items:start;gap:8px;margin:0;min-width:0}.motion-pack-status__value{display:block;font-size:26px;font-weight:900;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--m-ink)}.motion-pack-status__value small{margin-left:2px;font-size:13px;font-weight:700;letter-spacing:var(--m-tracking);color:var(--m-muted)}.motion-pack-status__clock{font-size:22px}.motion-pack-status__clock.is-idle{font-size:13px;font-weight:700;line-height:1.4;padding-block:3px}.motion-pack-status__tile .m-progress{margin-top:2px}.motion-pack-status__tile--owned dd{grid-template-columns:1fr auto;grid-template-rows:none;align-items:center;justify-content:space-between}.motion-pack-status__tile--owned .motion-pack-status__claim-btn{min-width:42px;min-height:42px;padding:4px;flex-direction:column;gap:0;font-size:10px;line-height:1.2;white-space:normal;text-align:center}@media (max-width: 359px){.motion-pack-status{gap:8px}.motion-pack-status__tile{padding:12px 12px 10px}.motion-pack-status__value{font-size:22px}.motion-pack-status__clock{font-size:18px}}.motion-material-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.motion-material-reason{position:absolute;left:6px;right:6px;bottom:6px;padding:5px 8px;background:var(--m-surface-2);border:1px solid var(--m-line-strong);border-radius:var(--m-radius-xs);color:var(--m-ink);font-size:10px;font-weight:700;line-height:1.3;text-align:center}@container (max-width: 110px){.motion-card-art__title{display:none}.motion-card-art__mark{width:70%}}@media (max-width: 430px){.motion-design.app-device-frame{height:100dvh;box-shadow:none}}@media (max-width: 359px){:root{--m-gutter: 18px}.motion-design .app-screen-content h1{font-size:27px!important}.motion-home-view__profile{gap:7px}.motion-home-view__profile>div>span{font-size:9px}}@media (max-height: 720px){.motion-login__brand{width:190px;margin-block:18px}.motion-login__intro h1{margin-top:12px}}.motion-design .app-screen-content .motion-opening{position:relative;display:flex;flex-direction:column;flex:1 0 auto;min-height:100%;background:#0a0c10;color:#f5f4f3}.motion-opening__stage{position:relative;flex:1 1 auto;min-height:520px}.motion-opening__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#0a0c10}.motion-opening__hud{position:absolute;top:12px;left:0;right:0;z-index:2;display:grid;justify-items:center;gap:6px;pointer-events:none}.motion-opening__hud .diamond-indicators{margin:0}.motion-opening .diamond-dot{background:#ffffff2e;border-color:#ffffff47}.motion-opening .diamond-dot.active,.motion-opening .diamond-dot.completed{background:var(--m-accent);border-color:var(--m-accent)}.motion-opening__label{margin:0;padding:4px 12px;border-radius:999px;background:#0a0c108c;color:#f5f4f3;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.4}.motion-opening .diamond-dot{filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.motion-opening__loading{position:absolute;left:50%;top:50%;z-index:1;margin:0;transform:translate(-50%,-50%);font-size:13px;color:#f5f4f3b3}.motion-opening__footer{flex:0 0 auto;padding:10px var(--m-gutter) 14px;background:#0a0c10}.motion-opening__skip{display:block;width:100%;padding:10px;border:0;background:transparent;color:#f5f4f38c;font:inherit;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer}.motion-opening__skip:hover,.motion-opening__skip:focus-visible{color:#f5f4f3}.motion-opening .btn-primary{margin:0}.motion-result-card .card-face-host{width:100%}.generation-progress-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.generation-progress-header>div{min-width:0}.generation-tutorial-trigger{flex:0 0 auto;min-height:var(--m-control-h-sm);padding-inline:11px;font-size:11px;white-space:nowrap}.generation-tutorial-trigger .m-icon{width:15px;height:15px}.generation-progress-guide{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 13px;border:1px solid var(--m-line);border-radius:var(--m-radius-md);background:var(--m-surface-2)}.generation-progress-guide>div:last-child{min-width:0}.generation-progress-visual{position:relative;flex:0 0 54px;width:54px;height:48px}.generation-progress-visual__card{--card-rest: translate3d(0, 2px, 0);--card-active: translate3d(0, -3px, 0);position:absolute;top:7px;left:14px;display:grid;place-items:center;width:27px;aspect-ratio:var(--m-card-ratio);overflow:hidden;border:1px solid var(--m-line-strong);border-radius:5px;background:var(--m-surface);box-shadow:0 5px 10px color-mix(in srgb,var(--m-ink) 12%,transparent);transform:var(--card-rest);animation:generation-progress-card-cycle 2.4s cubic-bezier(.16,1,.3,1) infinite}.generation-progress-visual__card:before{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--m-brand-holo);content:"";opacity:calc(var(--m-brand-stripe-opacity) * .75)}.generation-progress-visual__card--back{--card-rest: translate3d(-10px, 3px, 0) rotate(-9deg);--card-active: translate3d(-11px, -2px, 0) rotate(-9deg);z-index:1;animation-delay:-1.6s}.generation-progress-visual__card--middle{z-index:2;animation-delay:-.8s}.generation-progress-visual__card--front{--card-rest: translate3d(10px, 3px, 0) rotate(9deg);--card-active: translate3d(11px, -2px, 0) rotate(9deg);z-index:3}.generation-progress-visual__card img{position:relative;z-index:1;width:15px;height:15px}.generation-progress-visual.is-paused .generation-progress-visual__card{animation-play-state:paused}@keyframes generation-progress-card-cycle{0%,24%,to{border-color:var(--m-line-strong);transform:var(--card-rest)}36%,50%{border-color:var(--m-accent);transform:var(--card-active)}}.generation-progress-guide strong{display:block;font-size:12px;line-height:1.4}.generation-progress-guide p{margin:4px 0 0;color:var(--m-muted);font-size:11px;line-height:1.55}@media (prefers-reduced-motion: reduce){.generation-progress-visual__card{animation:none}.generation-progress-visual__card--front{border-color:var(--m-accent)}.app-screen-transition{animation:none}}.generation-tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:12px;background:color-mix(in srgb,var(--m-bg) 72%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.generation-tutorial-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(398px,100%);max-height:min(760px,calc(100dvh - 24px));overflow:hidden;border:1px solid var(--m-line-strong);border-radius:var(--m-radius-xl);background:var(--m-surface);box-shadow:var(--m-shadow-card);color:var(--m-ink);outline:none}.generation-tutorial-dialog:focus-visible{outline:2px solid var(--m-accent);outline-offset:3px}.generation-tutorial-dialog__header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:10px 12px 8px 18px;border-bottom:1px solid var(--m-line)}.generation-tutorial-dialog__header>div{display:flex;align-items:center;gap:10px}.generation-tutorial-dialog__label{color:var(--m-muted);font-size:11px;font-weight:750;letter-spacing:var(--m-tracking-wide)}.generation-tutorial-dialog__header strong{color:var(--m-accent);font-size:12px;letter-spacing:0}.generation-tutorial-dialog__close{display:grid;place-items:center;width:var(--m-control-h-sm);height:var(--m-control-h-sm);border:1px solid var(--m-line);border-radius:50%;background:var(--m-bg);color:var(--m-muted)}.generation-tutorial-dialog__close .m-icon{width:18px;height:18px}.generation-tutorial-dialog__slide{min-height:0;overflow-y:auto;padding:16px 18px 8px;overscroll-behavior:contain;touch-action:pan-y}.generation-tutorial-dialog__copy{margin-top:16px}.generation-tutorial-dialog__eyebrow{display:block;margin-bottom:7px;color:var(--m-accent);font-size:11px;font-weight:850;letter-spacing:var(--m-tracking-wide)}.generation-tutorial-dialog__copy h2{margin:0;color:var(--m-ink);font-size:21px;font-weight:850;line-height:1.3;letter-spacing:var(--m-tracking)}.generation-tutorial-dialog__copy>p:not(.generation-tutorial-dialog__note){margin:10px 0 0;color:var(--m-muted);font-size:13px;line-height:1.65}.generation-tutorial-dialog__note{display:flex;align-items:flex-start;gap:7px;margin:10px 0 0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--m-accent) 35%,var(--m-line));border-radius:var(--m-radius-sm);background:color-mix(in srgb,var(--m-accent) 8%,var(--m-bg));color:var(--m-muted);font-size:11px;line-height:1.55}.generation-tutorial-dialog__note .m-icon{width:15px;min-width:15px;margin-top:1px;color:var(--m-accent)}.generation-tutorial-dialog__dots{display:flex;justify-content:center;gap:6px;padding:9px 18px 5px}.generation-tutorial-dialog__dots button{width:18px;height:18px;padding:5px;border-radius:50%}.generation-tutorial-dialog__dots button:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--m-line-strong)}.generation-tutorial-dialog__dots button.is-active:before{background:var(--m-accent)}.generation-tutorial-dialog__actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;padding:8px 18px 18px}.generation-tutorial-dialog__actions .m-btn{min-width:0}.generation-tutorial-dialog__actions .m-icon{width:16px;height:16px}.generation-tutorial-scene{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;overflow:hidden;padding:18px;border:1px solid var(--m-line);border-radius:var(--m-radius-lg);background:var(--m-scene-bg);isolation:isolate}.generation-tutorial-scene:before{content:"";position:absolute;z-index:-1;width:180%;height:44px;background:color-mix(in srgb,var(--m-accent) 8%,transparent);transform:rotate(-34deg)}.generation-tutorial-scene__icon{display:grid;justify-items:center;gap:8px;min-width:76px;padding:13px 10px;border:1px solid var(--m-line-strong);border-radius:var(--m-radius-md);background:color-mix(in srgb,var(--m-surface) 90%,transparent);box-shadow:var(--m-shadow)}.generation-tutorial-scene__icon .m-icon{width:28px;height:28px;color:var(--m-accent)}.generation-tutorial-scene__icon span,.generation-tutorial-scene__caption{color:var(--m-muted);font-size:10px;font-weight:800;letter-spacing:var(--m-tracking)}.generation-tutorial-scene__connector{display:grid;color:var(--m-accent)}.generation-tutorial-scene__connector .m-icon{width:24px;height:24px}.generation-tutorial-card{position:relative;display:grid;place-items:center;width:48px;aspect-ratio:var(--m-card-ratio);border:2px solid var(--m-line-strong);border-radius:7px;background:var(--m-back-bg);box-shadow:var(--m-shadow)}.generation-tutorial-card.is-selected{border-color:var(--m-accent)}.generation-tutorial-card img{width:47%;height:auto}.generation-tutorial-card b{position:absolute;top:5px;right:5px;color:var(--m-ink);font-size:8px;letter-spacing:0}.generation-tutorial-scene--card-pool{padding-bottom:47px}.generation-tutorial-scene__friend-link{display:grid;gap:2px;color:var(--m-accent)}.generation-tutorial-scene__friend-link .m-icon{width:20px;height:20px}.generation-tutorial-scene__friend-link .m-icon:last-child{transform:rotate(180deg)}.generation-tutorial-scene__pack{position:absolute;bottom:9px;display:flex;align-items:center;gap:6px;color:var(--m-muted);font-size:10px;font-weight:800}.generation-tutorial-scene__pack .m-icon{width:15px;color:var(--m-accent)}.generation-tutorial-scene--invite{flex-direction:column;gap:10px}.generation-tutorial-scene__invite-row{display:flex;align-items:center;justify-content:center;gap:10px}.generation-tutorial-scene__invite-badge{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border:1px solid var(--m-accent);border-radius:var(--m-radius-md);background:color-mix(in srgb,var(--m-accent) 18%,var(--m-surface));color:var(--m-ink);font-size:13px;font-weight:800}.generation-tutorial-scene--workshop{gap:7px}.generation-tutorial-scene__materials{position:relative;display:flex;padding:0 14px 22px 0}.generation-tutorial-scene__materials .generation-tutorial-card{width:28px;margin-right:-17px}.generation-tutorial-scene__material-count{position:absolute;right:4px;bottom:0;color:var(--m-muted);font-size:10px;font-weight:850;letter-spacing:var(--m-tracking)}.generation-tutorial-scene--workshop>.generation-tutorial-scene__icon{min-width:70px;padding-inline:5px}.generation-tutorial-scene--workshop>.generation-tutorial-card{width:46px}@media (max-width: 359px){.generation-progress-header{align-items:stretch;flex-direction:column;gap:8px}.generation-tutorial-trigger{align-self:flex-start}.generation-tutorial-overlay{padding:8px}.generation-tutorial-dialog{max-height:calc(100dvh - 16px)}.generation-tutorial-dialog__slide{padding:12px 14px 6px}.generation-tutorial-dialog__copy{margin-top:12px}.generation-tutorial-dialog__copy h2{font-size:18px}.generation-tutorial-dialog__copy>p:not(.generation-tutorial-dialog__note){font-size:12px}.generation-tutorial-dialog__actions{padding:7px 14px 14px}.generation-tutorial-scene{min-height:150px;padding:12px 8px;gap:7px}.generation-tutorial-scene__icon{min-width:65px}.generation-tutorial-scene--workshop{gap:4px}.generation-tutorial-scene--workshop .generation-tutorial-scene__connector .m-icon{width:18px;height:18px}.generation-tutorial-scene__materials{padding-right:12px}.generation-tutorial-scene__materials .generation-tutorial-card{width:24px;margin-right:-17px}.generation-tutorial-scene--workshop>.generation-tutorial-scene__icon{min-width:60px}.generation-tutorial-scene--workshop>.generation-tutorial-card{width:40px}}html.admin-console-page,body.admin-console-page{height:auto;min-height:100%;overflow:visible;display:block;background:var(--m-bg);background-image:none}body.admin-console-page #root{height:auto}body.admin-console-page,body.admin-console-page *,body.admin-console-page *:before,body.admin-console-page *:after{user-select:text;-webkit-user-select:text}.admin-shell,.admin-auth{min-height:100vh;background:var(--m-bg);color:var(--m-ink);font-family:inherit}.admin-shell{max-width:960px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:20px}.admin-shell__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-shell__title,.admin-auth__title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.admin-auth{display:flex;align-items:center;justify-content:center;padding:24px 16px}.admin-auth__card{width:min(420px,100%);display:flex;flex-direction:column;gap:20px;padding:28px 24px;border:1px solid var(--m-line);border-radius:16px;background:var(--m-surface);box-shadow:var(--m-shadow)}.admin-auth__step{display:flex;flex-direction:column;gap:14px}.admin-auth__heading{margin:0;font-size:16px;font-weight:600}.admin-auth__help{margin:0;font-size:13px;line-height:1.6;color:var(--m-muted)}.admin-panel{display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid var(--m-line);border-radius:14px;background:var(--m-surface)}.admin-panel__title{margin:0;font-size:16px;font-weight:600}.admin-field{display:flex;flex-direction:column;gap:6px;flex:1 1 auto}.admin-field--narrow{flex:0 0 140px}.admin-field__label{font-size:13px;color:var(--m-muted)}.admin-field__hint{font-size:12px;color:var(--m-muted)}.admin-field__error{margin:0;font-size:12px;color:var(--m-danger)}.admin-row{display:flex;gap:14px;flex-wrap:wrap}.admin-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--m-line-strong);border-radius:10px;background:var(--m-surface-2);color:var(--m-ink);font-size:14px;font-family:inherit}.admin-input:focus-visible{outline:2px solid var(--m-accent);outline-offset:1px}.admin-input--code{letter-spacing:.3em;text-align:center;font-size:18px}.admin-button{padding:10px 16px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;flex-shrink:0;white-space:nowrap}.admin-button:disabled{opacity:.45;cursor:not-allowed}.admin-button--primary{background:var(--m-button);color:var(--m-button-ink);border-color:var(--m-button-ring)}.admin-button--small{padding:6px 12px;font-size:13px}.admin-button--ghost{background:transparent;color:var(--m-ink);border-color:var(--m-line-strong)}.admin-button--danger{background:var(--m-danger);color:var(--m-ink)}.admin-notice{margin:0;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.6;border:1px solid var(--m-line);background:var(--m-surface-2)}.admin-notice--error{border-color:var(--m-danger);color:var(--m-danger)}.admin-notice--ok{border-color:var(--m-accent);color:var(--m-bright)}.admin-fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:10px}.admin-fieldset__legend{padding:0;font-size:13px;color:var(--m-muted)}.admin-radio-row{display:flex;gap:18px;flex-wrap:wrap}.admin-radio,.admin-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.admin-kind-row{display:flex;gap:12px;flex-wrap:wrap}.admin-kind{flex:1 1 240px;display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--m-line-strong);border-radius:12px;background:var(--m-surface-2);cursor:pointer}.admin-kind.is-on{border-color:var(--m-accent);box-shadow:0 0 0 1px var(--m-accent) inset}.admin-kind input{align-self:flex-start}.admin-kind__name{font-size:15px;font-weight:600}.admin-kind__desc{font-size:12px;line-height:1.6;color:var(--m-muted)}.admin-search{display:flex;flex-direction:column;gap:10px}.admin-search__bar{display:flex;gap:8px}.admin-search__selected{margin:0;font-size:13px;color:var(--m-muted)}.admin-user-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.admin-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--m-surface-2);font-size:14px;cursor:pointer;flex-wrap:wrap}.admin-user__name{font-weight:600}.admin-user__meta{font-size:12px;color:var(--m-muted)}.admin-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.admin-chips__label{font-size:13px;color:var(--m-muted);margin-right:2px}.admin-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--m-line-strong);background:var(--m-surface-2);color:var(--m-ink);font-size:13px;font-family:inherit;cursor:pointer}.admin-chip:hover{border-color:var(--m-accent)}.admin-link-button{align-self:flex-start;padding:0;border:0;background:none;color:var(--m-accent);font-size:13px;font-family:inherit;text-decoration:underline;cursor:pointer}.admin-qr-box{align-self:center;padding:20px;border-radius:12px;background:#fff;line-height:0}.admin-qr{display:block}.admin-copyable{display:flex;flex-direction:column;gap:8px}.admin-copyable__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-secret{margin:0;padding:14px;border-radius:10px;background:var(--m-surface-2);border:1px dashed var(--m-line-strong);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.08em;word-break:break-all;text-align:center}.admin-backup-codes{list-style:none;margin:0;padding:14px;border-radius:10px;background:var(--m-surface-2);border:1px solid var(--m-line-strong);display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;text-align:center}.admin-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,var(--m-bg) 80%,transparent);z-index:50}.admin-modal__card{width:min(460px,100%);display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--m-line-strong);border-radius:16px;background:var(--m-surface);box-shadow:var(--m-shadow-card);max-height:90vh;overflow-y:auto}.admin-modal__title{margin:0;font-size:17px;font-weight:700}.admin-modal__warning{margin:0;padding:10px 12px;border-radius:8px;border:1px solid var(--m-danger);color:var(--m-danger);font-size:13px;line-height:1.6}.admin-modal__actions{display:flex;justify-content:flex-end;gap:10px}.admin-summary{margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.admin-summary>div{display:flex;gap:12px}.admin-summary dt{flex:0 0 64px;color:var(--m-muted)}.admin-summary dd{margin:0;font-weight:600}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--m-line);vertical-align:top}.admin-table th{color:var(--m-muted);font-weight:500;white-space:nowrap}.admin-empty{margin:0;font-size:13px;color:var(--m-muted)}@media (max-width: 640px){.admin-panel{overflow-x:auto}.admin-summary>div{flex-direction:column;gap:2px}}