:root{color-scheme:dark;background:#000;color:#f6f6f6;font-family:Schibsted Grotesk,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#000}[hidden]{display:none!important}::selection{background:#ff46aa59;color:#fff}.screen{--u: min(1vw, 12px);position:relative;display:grid;justify-items:center;align-content:center;gap:max(20px,calc(var(--u) * 3.6));min-height:100dvh;padding:72px 16px 48px}.sign-in{display:grid;width:min(420px,100%);gap:12px}.sign-in label{color:#f6f6f69e;font-size:13px}.sign-in input,.sign-in button{height:48px;padding:0 16px;border-radius:10px;color:inherit;font:inherit;font-size:15px}.sign-in input{border:1px solid rgba(255,255,255,.16);background:#08080a}.sign-in input:focus{border-color:#ffffff75;outline:none}.sign-in button{border:1px solid rgba(255,255,255,.72);background:transparent;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sign-in button:hover{border-color:#ffffff75;background:#ffffff09}.sign-in button:focus-visible{outline:2px solid #f6f6f6;outline-offset:4px}.sign-in-error{margin:0;color:#ff78be;font-size:14px}.screen .screen-note{font-size:clamp(13px,calc(var(--u) * 1.3),16px)}.surface-back{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#f6f6f69e;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.surface-back:hover,.surface-back:focus-visible{color:#f6f6f6}.surface-back:focus-visible{outline:1px solid rgba(255,255,255,.7);outline-offset:-4px}.surface-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.surface-name{display:grid;justify-items:center;gap:14px;margin:0;font-size:clamp(30px,calc(var(--u) * 5),56px);font-weight:500;letter-spacing:-.03em;line-height:1}.surface-name .path-icon{width:clamp(30px,calc(var(--u) * 4),44px)}.surface-button{position:relative;display:grid;place-items:center;width:min(100%,22rem);min-height:56px;padding:14px 20px;border-radius:12px;color:#f6f6f6;text-decoration:none;font-size:17px;font-weight:500;letter-spacing:-.01em;background:linear-gradient(180deg,#ffffff0d,#ffffff04);transition:background .25s ease;-webkit-tap-highlight-color:transparent}.surface-action{display:grid;justify-items:center;gap:14px;width:min(100%,22rem)}.surface-copied{margin:0;text-align:center;text-wrap:balance;font-size:14px;line-height:1.5;color:#f6f6f6b3}.surface-copied>span{visibility:hidden;opacity:0;transition:opacity .3s ease}.surface-copied.shown>span{visibility:visible;opacity:1}.surface-copied svg{width:16px;height:16px;margin-right:6px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.surface-button:hover,.surface-button:focus-visible{background:#ffffff08}.surface-button:focus-visible{outline:none}.surface-button>:not(.ring){position:relative;z-index:1}.surface-sheet{position:fixed;inset:auto 0 0;width:min(100%,30rem);max-width:none;height:auto;max-height:88dvh;margin:0 auto;padding:0;border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:24px 24px 0 0;background:#0e0e11;color:#f6f6f6;box-shadow:inset 0 1px #ffffff12,0 -16px 48px #0009;overflow:hidden;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1),overlay .32s allow-discrete,display .32s allow-discrete}.surface-sheet[open]{display:flex;flex-direction:column;transform:none}.surface-sheet::backdrop{background:#0000;transition:background-color .32s ease,overlay .32s allow-discrete,display .32s allow-discrete}.surface-sheet[open]::backdrop{background:#0000009e}@starting-style{.surface-sheet[open]{transform:translateY(100%)}.surface-sheet[open]::backdrop{background:#0000}}.surface-sheet:focus-visible{outline:none}.sheet-top{flex:none;padding:8px 16px 12px;border-bottom:1px solid transparent}.sheet-top:before{content:"";display:block;width:36px;height:4px;margin:0 auto 6px;border-radius:2px;background:#fff3}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px max(24px,calc(env(safe-area-inset-bottom) + 16px));scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}@supports (animation-timeline: scroll()){.surface-sheet{timeline-scope:--sheet-scroll}.sheet-body{scroll-timeline:--sheet-scroll block}.sheet-top{animation:sheet-edge linear both;animation-timeline:--sheet-scroll;animation-range:0px 24px}}@keyframes sheet-edge{to{border-bottom-color:#ffffff14}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head h2{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.2}.sheet-close{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffffff12;color:#f6f6f6b3;cursor:pointer;transition:background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.sheet-close:hover{background:#ffffff1f;color:#f6f6f6}.sheet-close:focus-visible{outline:1px solid rgba(255,255,255,.7);outline-offset:2px}.sheet-close:after{content:"";position:absolute;inset:-6px}.sheet-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.sheet-body p{margin:0;font-size:15px;line-height:1.5;color:#f6f6f6b3}.sheet-body p b{font-weight:600;color:#f6f6f6}.sheet-steps{margin:18px 0 0;padding:0;list-style:none;counter-reset:step}.sheet-steps li{position:relative;padding:0 0 32px 36px;counter-increment:step}.sheet-steps li:last-child{padding-bottom:0}.sheet-steps li:before{content:counter(step);position:absolute;left:0;top:-1px;display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.2);border-radius:50%;font:500 12px/1 IBM Plex Mono,monospace;color:#f6f6f6c7}.sheet-steps li:not(:last-child):after{content:"";position:absolute;left:11.5px;top:30px;bottom:7px;width:1px;background:#ffffff14}.sheet-steps .sheet-maybe:before{border-style:dashed;border-color:#ffffff4d}.sheet-shot{position:relative;display:block;width:min(100%,300px);margin-top:12px;container-type:inline-size}.sheet-shot-inset{margin-left:calc(min(100%,300px) * -13 / 600)}.sheet-shot img{display:block;width:100%;height:auto}@property --s{syntax: "<length>"; inherits: false; initial-value: 0px;}.sheet-mark{--o: 3px;--s: 0px;position:absolute;pointer-events:none;left:calc(var(--x) - var(--o) - var(--s));top:calc(var(--y) - var(--o) - var(--s));width:calc(var(--w) + 2 * (var(--o) + var(--s)));height:calc(var(--h) + 2 * (var(--o) + var(--s)));border-radius:999px;box-shadow:0 0 0 3px #7c4dff12,0 0 14px #7c4dff38}.sheet-mark:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from 0deg,#7c4dff,#ff8a3d 30deg,#ff2fd0 55deg,#7c4dff 85deg,#22d3ee 110deg,#7c4dff 135deg 180deg,#22d3ee 205deg,#7c4dff 230deg,#ff2fd0 260deg,#ff8a3d 285deg,#7c4dff 315deg);-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}.sheet-mark-pair{--o: 4px;border-radius:calc(100cqw * 25 / 600 + var(--o) + var(--s))}.sheet-steps.settle .sheet-mark{--s: 8px;opacity:0;transition:opacity .5s ease .35s,--s .8s cubic-bezier(.2,.7,.2,1) .35s}.sheet-steps.settle .sheet-mark.seen{--s: 0px;opacity:1}.sheet-body .sheet-then{margin-top:32px}.sheet-field{display:grid;gap:8px;margin-top:12px}.sheet-label{font-size:13px;line-height:1.3;color:#f6f6f68c}.sheet-key{width:100%;min-height:52px;margin:0;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#17171d;color:#f6f6f6;font:15px/22px IBM Plex Mono,monospace;text-align:left}input.sheet-key{height:52px;padding-block:0}.sheet-key:focus-visible{outline:none;border-color:#ffffffb3}button.sheet-key{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;cursor:pointer;transition:background .2s ease;-webkit-tap-highlight-color:transparent}button.sheet-key:hover,button.sheet-key:active{background:#1d1d24}.sheet-key-value,.sheet-key-done{grid-area:1 / 1}.sheet-key-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-key-done{display:flex;align-items:center;gap:8px;visibility:hidden;font:500 15px/22px Schibsted Grotesk,system-ui,sans-serif}.sheet-key svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sheet-key-icon{color:#f6f6f680}.sheet-key.copied .sheet-key-value,.sheet-key.copied .sheet-key-icon{opacity:0}.sheet-key.copied .sheet-key-done{visibility:visible}.sheet-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sheet-body .sheet-key-none{font:14px/22px Schibsted Grotesk,system-ui,sans-serif;color:#f6f6f68c}@media(scripting:none){.surface-sheet{display:block;position:static;width:min(100%,22rem);max-height:none;margin:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;overflow:visible}.sheet-top{display:none}.sheet-body{padding:0;overflow:visible}}@media(prefers-reduced-motion:reduce){.surface-sheet,.surface-sheet::backdrop,.surface-copied>span{transition:none}.sheet-steps.settle .sheet-mark{--s: 0px;opacity:1;transition:none}}.surface-qr{display:grid;justify-items:center;gap:18px;margin:0}.surface-qr .qr{display:block;width:min(64vw,232px);height:auto;border-radius:12px;shape-rendering:crispEdges}.surface-qr figcaption{max-width:30ch;text-align:center;font-size:15px;line-height:1.55;color:#f6f6f6b3}
