@layer components{.memcard{perspective:1400px;font-family:var(--font-round), var(--font-sans);--tilt-x:0deg;--tilt-y:0deg;--mx:50%;--my:50%;--card-ink:#1c232b;--grain-ink:16 21 27;--confetti-1:#ff9ec4;--confetti-2:#9ad9ff;--confetti-3:#ffd98a;position:relative}.memcard[data-glide]{transition:height .6s var(--ease-glass)}.memcard:not(:has(.memcard__face--back)) .memcard__face{cursor:default}.memcard__tilt{transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .4s var(--ease-glass);will-change:transform}.memcard__pivot{transform-style:preserve-3d;transform:rotateY(var(--flip,0deg));transition:transform .85s var(--ease-glass);position:relative}.memcard[data-face=back] .memcard__pivot{--flip:180deg}.memcard__face{cursor:pointer;background:var(--card-face);border:1px solid var(--card-edge);width:100%;color:var(--card-ink);isolation:isolate;backface-visibility:hidden;border-radius:1.75rem;padding:1.15rem 1.15rem .95rem;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(.01px)}@media (min-width:640px){.memcard__face{padding:1.5rem 1.6rem 1.2rem}}.memcard__face--front{aspect-ratio:85.6/53.98;border-radius:3.7%/5.867%;flex-direction:column;padding:4.5% 5% 4%;display:flex;container-type:inline-size}.memcard:not([data-measured]) .memcard__face{position:relative}.memcard__face--back{position:absolute;transform:rotateY(180deg)}.memcard--diamond{--card-face:linear-gradient(150deg, #fff 0%, #edf7fd 24%, #d7e9f6 50%, #fff 72%, #e4f1fa 100%);--card-edge:#6b8fa466;--prism:.45;--grain:.7;--grain-ink:34 48 58}.memcard--diamond .memcard__face{box-shadow:0 0 0 1px #b6d7e88c}.memcard--onyx,.memcard--obsidian{--card-face:linear-gradient(150deg, #161b21 0%, #06070a 48%, #1b232b 100%);--card-ink:#f2f6f9;--prism:.16;--prism-blend:screen;--grain:.85;--grain-ink:255 255 255}.memcard--onyx{--card-edge:#e2ecf529}.memcard--onyx .memcard__face{box-shadow:0 0 0 1px #e2ecf512}.memcard--obsidian{--card-edge:#d6b26a8c}.memcard--obsidian .memcard__face{box-shadow:0 0 0 1px #d6b26a47}.memcard--sealed{--card-face:linear-gradient(152deg, #f3f3f4, #e6e6e8);--card-edge:#10151b1f;--prism:0;--grain:.25;filter:saturate(.45)}.memcard__finish{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.memcard__prism,.memcard__grain{display:block;position:absolute;inset:0}.memcard__prism{opacity:var(--prism,0);mix-blend-mode:var(--prism-blend,overlay);background-image:repeating-linear-gradient(108deg,#ff005a8c 0%,#ffd60080 6%,#00e29e80 12%,#00a8ff8c 18%,#ba68ff8c 24%,#ff005a8c 30%);background-size:300% 300%;background-position:var(--mx) var(--my);transition:background-position .4s var(--ease-glass)}.memcard__grain{opacity:var(--grain,0);background-image:repeating-linear-gradient(62deg, rgb(var(--grain-ink) / .05) 0 1px, transparent 1px var(--grain-a,26px)), repeating-linear-gradient(-62deg, rgb(var(--grain-ink) / .035) 0 1px, transparent 1px var(--grain-b,34px))}.memcard__face--front .memcard__grain{--grain-a:3.4cqw;--grain-b:4.4cqw}.memcard__bar{z-index:2;align-items:center;gap:.6rem;display:flex;position:relative}.memcard__bar--foot{border-top:1px solid color-mix(in srgb, currentColor 14%, transparent);margin-top:auto;padding-top:3cqw}.memcard__brand{letter-spacing:.16em;color:color-mix(in srgb, currentColor 55%, transparent);white-space:nowrap;align-items:center;gap:.45rem;font-size:.66rem;font-weight:700;display:inline-flex}.memcard__face--front .memcard__bar{gap:2.4cqw}.memcard__face--front .memcard__brand-mark{--mark:9cqw;width:var(--mark);height:var(--mark);margin-top:calc(var(--mark) * -.082);margin-left:calc(var(--mark) * -.082)}.memcard--onyx .memcard__face--front .memcard__brand-mark,.memcard--obsidian .memcard__face--front .memcard__brand-mark{color:#fff}.memcard__brand-mark{width:1.15em;height:1.15em}.memcard__body{z-index:2;flex:1;align-items:center;gap:4cqw;min-height:0;margin-top:4cqw;display:flex;position:relative}.memcard__face--front .avatar-tile__face{width:21cqw;height:21cqw}.avatar-tile{--d:5.5rem}.memcard__face--front .avatar-tile{--d:21cqw}.memcard[data-live] .avatar-tile{padding:calc(var(--d) * .0833);margin:calc(var(--d) * -.0833);background:var(--live-pink);border-radius:999px}.memcard[data-live] .avatar-tile__face{box-shadow:0 0 0 calc(var(--d) * .0363) var(--live-void);border-color:#0000}.memcard[data-live] .avatar-tile__pen{right:calc(var(--d) * .0833 - .4cqw);bottom:calc(var(--d) * .0833 - .4cqw)}.live-wave{--b:calc(var(--d) * .256);left:calc(var(--d) * (.8705 + .0833));top:calc(var(--d) * (.8705 + .0833));width:var(--b);height:var(--b);background:var(--live-pink);box-shadow:0 0 0 calc(var(--d) * .0406) var(--live-void);border-radius:999px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.live-wave__bars{align-items:flex-end;gap:calc(var(--b) * .117);height:calc(var(--b) * .45);display:flex}.live-wave__bar{width:calc(var(--b) * .117);border-radius:calc(var(--b) * .02);transform-origin:bottom;background:#fff;height:100%;animation:1s ease-in-out infinite live-wave}.live-wave__bar:first-child{animation-delay:-.15s}.live-wave__bar:nth-child(2){animation-delay:-.55s}.live-wave__bar:nth-child(3){animation-delay:-.85s}.memcard__live-link{cursor:pointer;border-radius:999px;flex-shrink:0;display:block}.memcard__live-link:active .avatar-tile__face{transform:scale(.97)}.memcard__face--front .avatar-tile__pen{width:8cqw;height:8cqw;bottom:-.4cqw;right:-.4cqw}.memcard__face--front .avatar-tile__pen svg{width:55%;height:55%}.memcard__face--front .avatar-tile__flag{padding:.12em .7em;font-size:2.1cqw;top:-.6cqw}.memcard__id{flex:1;min-width:0}.memcard__name{letter-spacing:-.015em;align-items:baseline;gap:.26em;font-size:5.6cqw;font-weight:700;line-height:1.2;display:flex}.memcard__name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.memcard__verified{--mark:.78em;width:calc(var(--mark) * 26 / 24);height:calc(var(--mark) * 26 / 24);margin-left:calc(var(--mark) / -24);transform:translateY(calc(var(--mark) / 24));flex-shrink:0;align-self:baseline;overflow:visible}.memcard__handle{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:color-mix(in srgb, currentColor 62%, transparent);text-underline-offset:4px;margin-top:.3em;font-size:2.9cqw;display:block;overflow:hidden}@media (hover:hover){a.memcard__handle:hover{text-decoration:underline}}.memcard__handle--empty{color:color-mix(in srgb, currentColor 38%, transparent)}.memcard__chips{flex-wrap:wrap;gap:1.6cqw;margin-top:2.6cqw;display:flex}.memcard__chip{border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);white-space:nowrap;color:color-mix(in srgb, currentColor 72%, transparent);border-radius:999px;padding:.3em .9em;font-size:2.4cqw;font-weight:600}.memcard__stamp{letter-spacing:.1em;white-space:nowrap;font-variant-numeric:tabular-nums;color:color-mix(in srgb, currentColor 45%, transparent);font-size:2.3cqw;font-weight:700}.memcard__wish{background:color-mix(in srgb, currentColor 8%, transparent);white-space:nowrap;color:color-mix(in srgb, currentColor 78%, transparent);border-radius:999px;flex-shrink:0;padding:.3em .8em;font-size:2.4cqw;font-weight:700}.memcard__a1{-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;align-items:center;gap:.7cqw;display:flex}.memcard__a1-label{letter-spacing:.08em;white-space:nowrap;color:color-mix(in srgb, currentColor 62%, transparent);font-size:2.1cqw;font-weight:700}.memcard__a1-img{filter:drop-shadow(0 .8cqw 1.2cqw #7a530057);width:17cqw;height:auto}.memcard__live{border:1px solid color-mix(in srgb, var(--color-alert) 45%, transparent);background:color-mix(in srgb, var(--color-alert) 12%, transparent);color:var(--color-alert);white-space:nowrap;border-radius:999px;align-items:center;gap:.6em;margin-left:auto;padding:.4em .94em;font-size:2.4cqw;font-weight:700;display:inline-flex}.memcard__live-word{letter-spacing:.14em}.memcard__live-sub{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--color-alert) 72%, transparent);font-weight:600}.memcard__pulse{background:var(--color-alert);border-radius:999px;width:.68em;height:.68em;animation:1.7s ease-in-out infinite live-pulse}.memcard[data-live] .memcard__face{animation:2.4s ease-out infinite live-ring}.memcard__sheet{z-index:2;margin-top:1.2rem;position:relative}.memcard__rows{flex-direction:column;gap:.9rem;display:flex}.memcard__row{flex-direction:column;gap:.2rem;display:flex}.memcard__row-label{letter-spacing:.12em;color:color-mix(in srgb, currentColor 45%, transparent);font-size:.68rem;font-weight:700}.memcard__row-value{color:color-mix(in srgb, currentColor 72%, transparent);font-size:.875rem}.memcard__rule{background:color-mix(in srgb, currentColor 12%, transparent);height:1px;margin:1.5rem 0}.memcard__h{letter-spacing:-.01em;font-size:.875rem;font-weight:700}.fold+.fold{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent)}.fold__chev,.fold__note{color:color-mix(in srgb, currentColor 45%, transparent)}.confetti{z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti__bit{top:0;left:var(--x);animation:confetti-fall 4.4s var(--delay) cubic-bezier(.35, .6, .5, 1) 1 both;display:block;position:absolute}.confetti__paper{width:var(--size);height:calc(var(--size) * .5);background:var(--tint);animation:confetti-spin var(--spin) linear infinite;border-radius:1px;display:block}.nextev{border:1px solid var(--glass-border);background:var(--glass-bg);transition:border-color .35s var(--ease-glass);border-radius:1.5rem;padding:1.05rem 1.15rem;display:block}@media (min-width:640px){.nextev{padding:1.15rem 1.4rem}}@media (hover:hover){.nextev:hover{border-color:rgb(var(--fg-rgb) / .22)}}.nextev__head{align-items:center;display:flex}.nextev__kind{letter-spacing:.12em;font-size:.62rem;font-weight:700}.nextev__kind--event{color:#fe2c55}.nextev__kind--notice{color:#00c9c1}.nextev__icon{width:1.15rem;height:1.15rem;color:rgb(var(--fg-rgb) / .28);margin-left:auto}.nextev__big{color:rgb(var(--fg-rgb) / .5);margin-top:.45rem;font-size:.8rem}.nextev__big b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:2rem;font-weight:700}.nextev__big--today b{color:#fe2c55}.nextev__title{margin-top:.35rem;font-size:.9rem;font-weight:700;line-height:1.5}.nextev__when{font-variant-numeric:tabular-nums;color:rgb(var(--fg-rgb) / .45);margin-top:.15rem;font-size:.72rem}.avatar-tile[data-status=pending]:before{content:"";background:conic-gradient(from 0deg, transparent 0deg, var(--color-crystal) 58deg, var(--color-crystal-soft) 84deg, #fff 104deg, var(--color-crystal) 138deg, transparent 196deg, transparent 360deg);border-radius:999px;animation:2.8s linear infinite polish-spin;position:absolute;inset:-.25rem}.avatar-tile__face{position:relative}.renew{border:1px solid color-mix(in srgb, var(--color-alert) 35%, transparent);background:color-mix(in srgb, var(--color-alert) 7%, transparent);border-radius:1.5rem;flex-direction:column;gap:.9rem;padding:1rem 1.15rem;display:flex}@media (min-width:640px){.renew{flex-direction:row;align-items:center;gap:1.2rem;padding:1.1rem 1.4rem}}.renew--done{border-color:var(--glass-border);background:var(--glass-bg)}.renew__title{letter-spacing:-.01em;font-size:.9rem;font-weight:700}.renew__lead{color:rgb(var(--fg-rgb) / .55);margin-top:.35rem;font-size:.75rem;line-height:1.7}.renew__link{color:var(--color-crystal-deep);text-underline-offset:4px;text-decoration:underline}.renew__error{color:var(--color-alert);margin-top:.5rem;font-size:.75rem;font-weight:700}.share{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:1.5rem;flex-direction:column;gap:.9rem;padding:1rem 1.15rem;display:flex}@media (min-width:640px){.share{flex-direction:row;align-items:center;gap:1.2rem;padding:1.1rem 1.4rem}}.share__title{letter-spacing:-.01em;font-size:.9rem;font-weight:700}.share__lead{color:rgb(var(--fg-rgb) / .5);margin-top:.35rem;font-size:.75rem;line-height:1.7}.share__error{color:var(--color-alert);margin-top:.5rem;font-size:.75rem;font-weight:700}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}@keyframes live-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-alert) 34%, transparent)}70%,to{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-alert) 0%, transparent)}}@keyframes polish-spin{to{transform:rotate(1turn)}}@keyframes gem-glint{0%,to{opacity:1}50%{opacity:.72}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-14px)}8%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(230px)}}@keyframes confetti-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.memcard__tilt{transform:none!important}.avatar-tile[data-status=pending]:before,.live-wave__bar,.memcard[data-live] .memcard__face{animation:none}.live-wave__bar{transform:scaleY(.6)}}.memcard--onyx .memcard__face.theme-dark,.memcard--obsidian .memcard__face.theme-dark{background:var(--card-face);color:var(--card-ink)}
