.smb{container-type:size;--u: min(calc(100cqw / 420), calc(100cqh / 520));--wu: max(calc(100cqw / 560), calc(100cqh / 600));--sw: 364;--sha: 404;--shb: 380;--pw: 236;--ph: 56;--rw: 340;--rh: 64;background:transparent;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none}@container (min-aspect-ratio: 5 / 4){.smb-stage{--u: min(calc(100cqw / 860), calc(100cqh / 520));--sw: 600;--sha: 430;--shb: 366;--rw: 560}}.smb-stage{position:absolute;top:0;right:0;bottom:0;left:0;perspective:calc(1150 * var(--u));perspective-origin:50% 46%}.smb-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 95% at 50% 52%,transparent 52%,rgba(2,3,5,.72) 100%);pointer-events:none}.smb-world{position:absolute;left:50%;top:52%;width:0;height:0;transform-style:preserve-3d}.smb-tile{--p: calc(84 * var(--wu));position:absolute;left:calc((var(--c) - 3.5) * var(--p) - 39 * var(--wu));top:calc((var(--r) - 4) * var(--p) - 39 * var(--wu));width:calc(78 * var(--wu));height:calc(78 * var(--wu));border-radius:calc(19 * var(--wu));background:linear-gradient(rgba(1,5,22,var(--dim, 0)),rgba(1,5,22,var(--dim, 0))),linear-gradient(180deg,#fff3,#ffffff0d 28%,#fff0 44%),radial-gradient(64% 50% at 50% 30%,#96beff52,#96beff00 72%),linear-gradient(180deg,#3166dc,#2552c6 55%,#1b41a8);box-shadow:inset 0 calc(1.2 * var(--wu)) 0 #fff6,inset 0 calc(-7 * var(--wu)) calc(12 * var(--wu)) #06145073,inset calc(5 * var(--wu)) 0 calc(10 * var(--wu)) #06145029,inset calc(-5 * var(--wu)) 0 calc(10 * var(--wu)) #06145029,0 calc(6 * var(--wu)) 0 #14348a,0 calc(9 * var(--wu)) calc(14 * var(--wu)) #0000008c;transform-origin:50% 50%}.smb-card{--mw: 0;--mh: 0;--fold: 0;--tob: 0;--sh: calc(var(--sha) + (var(--shb) - var(--sha)) * var(--tob));position:absolute;left:0;top:0;width:calc(((var(--pw) + (var(--sw) - var(--pw)) * var(--mw)) * (1 - var(--fold)) + var(--rw) * var(--fold)) * var(--u));height:calc(((var(--ph) + (var(--sh) - var(--ph)) * var(--mh)) * (1 - var(--fold)) + var(--rh) * var(--fold)) * var(--u));border-radius:calc((28 - 12 * min(1,var(--mw) * 1.4) - 2 * var(--fold)) * var(--u));transform-origin:50% 50%;box-shadow:0 calc(18 * var(--u)) calc(40 * var(--u)) #0009,0 0 calc(34 * var(--u)) #3088f829}.smb-card.smb-is-sheet{overflow:hidden;box-shadow:0 0 0 1px #ffffff8c,0 calc(30 * var(--u)) calc(70 * var(--u)) #0004188c}.smb-pill{--blue: 0;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.26em;border-radius:inherit;font-size:calc(21 * var(--u));font-weight:500;letter-spacing:-.02em;color:#fff;background:linear-gradient(180deg,#1c1d22,#0d0e11 52%,#07080a);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff14}.smb-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:var(--blue);background:linear-gradient(180deg,#4a9cff,#2f7ff4 46%,#1f5fe0);box-shadow:inset 0 1.5px #ffffff8c,inset 0 calc(-3 * var(--u)) calc(10 * var(--u)) #061c6e6b}.smb-pill span{position:relative;display:inline-block;transform-origin:0% 85%}.smb-sheet{position:absolute;left:0;top:0;width:calc(var(--sw) * var(--u));color:#111;--s-fg-2: #3a3a38;--s-fg-3: #6f6f6b;--s-fg-4: #a3a39f;--s-line: rgba(17, 17, 17, .08);--s-line-2: rgba(17, 17, 17, .14)}.smb-pad{padding:calc(22 * var(--u)) calc(24 * var(--u))}.smb-head{display:flex;align-items:center;justify-content:space-between;height:calc(14 * var(--u))}.smb-head img{display:block;height:calc(10.5 * var(--u));width:auto}.smb-head span{font-size:calc(10.5 * var(--u));color:var(--s-fg-3)}.smb-step{display:flex;align-items:center;gap:calc(7 * var(--u));margin-top:calc(16 * var(--u));font:500 calc(9.5 * var(--u)) / 1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.02em;color:var(--s-fg-4)}.smb-step i{display:block;width:calc(12 * var(--u));height:1px;background:var(--s-line-2)}.smb-step i.smb-on{width:calc(22 * var(--u));background:#111}.smb-h1{margin-top:calc(12 * var(--u));font-size:calc(24 * var(--u));font-weight:500;line-height:1.06;letter-spacing:-.045em;color:#111;text-wrap:balance}.smb-sub{margin-top:calc(8 * var(--u));font-size:calc(11.5 * var(--u));line-height:1.45;color:var(--s-fg-3);max-width:calc(300 * var(--u))}.smb-kinds{margin-top:calc(16 * var(--u));display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:calc(12 * var(--u));column-gap:calc(12 * var(--u));border-top:1px solid var(--s-line)}.smb-kind{position:relative;display:grid;grid-template-columns:calc(14 * var(--u)) minmax(0,1fr) calc(7 * var(--u));align-items:center;gap:calc(5 * var(--u));height:calc(36 * var(--u));border-bottom:1px solid var(--s-line);color:var(--s-fg-2)}.smb-n{font:500 calc(8.5 * var(--u)) / 1 ui-monospace,"SF Mono",Menlo,monospace;color:var(--s-fg-4)}.smb-tx{min-width:0}.smb-tt{display:block;font-size:calc(12 * var(--u));font-weight:500;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smb-d{display:none}.smb-dot{width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:99px;border:1px solid var(--s-line-2)}.smb-kind.smb-on{color:#111}.smb-kind.smb-on .smb-dot{background:#3088f8;border-color:#3088f8;box-shadow:0 0 0 calc(3 * var(--u)) #3088f824}.smb-bar{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#111;transform-origin:left}.smb-actions{display:flex;align-items:center;gap:calc(8 * var(--u));margin-top:calc(18 * var(--u))}.smb-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(7 * var(--u));height:calc(36 * var(--u));padding:0 calc(16 * var(--u));border-radius:calc(9 * var(--u));font-size:calc(12 * var(--u));font-weight:500;letter-spacing:-.01em;white-space:nowrap}.smb-btn.smb-primary{background:#111;color:#fff}.smb-btn.smb-off{background:#efefed;color:#a9a9a5}.smb-btn.smb-back{width:calc(36 * var(--u));padding:0;border:1px solid var(--s-line-2);color:var(--s-fg-3)}.smb-arrow{width:calc(13 * var(--u));height:calc(13 * var(--u))}.smb-field{margin-top:calc(16 * var(--u))}.smb-label{display:block;font-size:calc(10 * var(--u));color:var(--s-fg-3)}.smb-input{position:relative;margin-top:calc(3 * var(--u));padding:calc(5 * var(--u)) 0 calc(8 * var(--u));min-height:calc(32 * var(--u));border-bottom:1px solid var(--s-line-2);font-size:calc(16.5 * var(--u));letter-spacing:-.02em;line-height:1.3;white-space:nowrap;overflow:hidden}.smb-input.smb-focus{border-bottom-color:#111}.smb-ph{color:#1111113d}.smb-caret{display:inline-block;width:max(1.5px,calc(1.6 * var(--u)));height:.98em;margin-left:1px;vertical-align:-.14em;background:#3088f8;border-radius:1px}.smb-choices{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u));margin-top:calc(7 * var(--u))}.smb-choice{display:inline-flex;align-items:center;height:calc(28 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(8 * var(--u));border:1px solid var(--s-line-2);font-size:calc(10.5 * var(--u));color:var(--s-fg-3);white-space:nowrap}.smb-choice.smb-on{background:#111;border-color:#111;color:#fff}.smb-row{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:calc(5 * var(--u));padding:0 calc(18 * var(--u));white-space:nowrap}.smb-row b{font-size:calc(14 * var(--u));font-weight:560;letter-spacing:-.015em;color:#111}.smb-new{position:absolute;right:calc(16 * var(--u));top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:calc(5 * var(--u));height:calc(20 * var(--u));padding:0 calc(8 * var(--u));border-radius:calc(6 * var(--u));background:#3088f81a;color:#1f6fe0;font-size:calc(10.5 * var(--u));font-weight:550}.smb-new i{width:calc(5.5 * var(--u));height:calc(5.5 * var(--u));border-radius:9px;background:#3088f8}.smb-meta{font-size:calc(10.5 * var(--u));color:#8a8a86}@container (min-aspect-ratio: 5 / 4){.smb-pad{padding:calc(26 * var(--u)) calc(34 * var(--u))}.smb-h1{font-size:calc(30 * var(--u))}.smb-sub{font-size:calc(12.5 * var(--u));max-width:none}.smb-kinds{-moz-column-gap:calc(24 * var(--u));column-gap:calc(24 * var(--u))}.smb-kind{height:calc(46 * var(--u));grid-template-columns:calc(22 * var(--u)) minmax(0,1fr) calc(8 * var(--u))}.smb-tt{font-size:calc(13.5 * var(--u))}.smb-d{display:block;margin-top:calc(2 * var(--u));font-size:calc(10 * var(--u));color:var(--s-fg-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smb-input{font-size:calc(20 * var(--u))}.smb-choices{flex-wrap:nowrap}.smb-field{margin-top:calc(20 * var(--u))}.smb-row{padding:0 calc(22 * var(--u))}.smb-row b{font-size:calc(15 * var(--u))}}
