@layer components{.sys-bg{background:radial-gradient(760px 520px at 12% 18%,rgb(var(--mb-teallt)) 0,transparent 62%),radial-gradient(680px 420px at 100% 100%,rgb(var(--mb-goldlt)/.65) 0,transparent 66%),rgb(var(--mb-paper))}.dots{background-image:radial-gradient(rgb(var(--mb-ink)/.06) 1px,transparent 1px);background-size:22px 22px}.art{position:relative;width:100%;max-width:400px;aspect-ratio:1/1;margin:0 auto}.art .halo{position:absolute;inset:0;z-index:0;border-radius:50%;border:1.5px dashed rgb(var(--mb-teal)/.28)}.art .disc{position:absolute;inset:7%;z-index:1;border-radius:50%;background:rgb(var(--mb-sheet));border:1px solid rgb(var(--mb-line));box-shadow:0 1px 2px rgb(14 31 27/.05),0 34px 70px -34px rgb(14 31 27/.4)}.art .pic{position:absolute;z-index:2;inset:21%;width:58%;height:58%;object-fit:contain}.art .tag{position:absolute;z-index:3;background:rgb(var(--mb-sheet));border:1px solid rgb(var(--mb-line));border-radius:12px;box-shadow:0 14px 30px -14px rgb(14 31 27/.35);padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.art .big{position:absolute;z-index:2;opacity:.8;font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;line-height:.8;user-select:none}.msg{box-shadow:0 1px 2px rgb(14 31 27/.05),0 18px 40px -18px rgb(14 31 27/.25)}.float-a{animation:fl 6s ease-in-out infinite}.float-b{animation:fl 7s ease-in-out -2.5s infinite}@keyframes fl{50%{transform:translateY(-6px)}}@media (max-width:1023px){.art .big{display:none}.art{max-width:240px}.art .tag{font-size:11px;padding:6px 9px}}.keyhint kbd{margin:0 2px}.pop a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgb(var(--mb-line));background:rgb(var(--mb-sheet));text-decoration:none;color:rgb(var(--mb-ink));font-size:13.5px;font-weight:500;min-width:0}.pop a:focus-visible,.pop a:hover{border-color:rgb(var(--mb-teal)/.5);background:rgb(var(--mb-teallt)/.5)}.pop a .t{width:30px;height:30px;border-radius:8px;background:rgb(var(--mb-teallt));color:rgb(var(--mb-tealdk));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lt{padding:6px 12px;border-radius:999px;border:1px solid rgb(var(--mb-line));background:rgb(var(--mb-sheet));font:inherit;font-size:13px;cursor:pointer;color:rgb(var(--mb-ink2))}.lt[aria-selected=true]{background:rgb(var(--mb-teal));border-color:rgb(var(--mb-teal));color:#fff;font-weight:600}.btn-pri kbd{color:#fff;background:rgb(255 255 255/.14);border-color:rgb(255 255 255/.3)}}