.sl-app{--forest:#0E2A1C;--moss:#1B3D2A;--moss-soft:#2A523A;--cream:#ECE3C7;--off:#F5F1E6;--ink:#181A14;--yellow:#FFD858;--err:#7A2F1F;--err-soft:#ECC9BC;--cream-dim:rgba(14,42,28,.64);--line:rgba(14,42,28,.13);--f-display:var(--font-archivo),"Archivo","Helvetica Neue",Arial,sans-serif;--f-serif:var(--font-instrument),"Instrument Serif","Iowan Old Style","Times New Roman",serif;--f-mono:var(--font-jetbrains),"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--ease:cubic-bezier(.2,.8,.2,1);--ease-in:cubic-bezier(.55,0,.75,.2);--ease-spring:cubic-bezier(.34,1.56,.64,1);--key:64px;color-scheme:light;position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;margin:0;height:100%;padding:env(safe-area-inset-top,0) max(16px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0) max(16px,env(safe-area-inset-left,0px));background:var(--cream);color:var(--forest);font-family:var(--f-display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}.sl-app *,.sl-app :after,.sl-app :before{box-sizing:border-box}.sl-app img{max-width:100%}.sl-app button,.sl-app input{font:inherit;color:inherit}.sl-app button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sl-app :focus{outline:none}.sl-app :focus-visible{outline:2px solid var(--forest);outline-offset:3px;border-radius:6px}.sl-app [hidden]{display:none!important}.sl-app .sl-sr{width:1px;height:1px;padding:0;margin:-1px;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sl-app .sl-sr,.sl-app .sl-stage{position:absolute;overflow:hidden}.sl-app .sl-stage{inset:0}.sl-app .sl-panel{position:absolute;z-index:10;left:0;right:0;margin-inline:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);width:min(380px,calc(100% - 32px));padding:20px 20px 12px;color:var(--forest);background:var(--off);border:1px solid rgba(14,42,28,.09);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 30px 70px -36px rgba(14,42,28,.45),0 4px 14px -8px rgba(14,42,28,.25);transition:opacity .5s var(--ease),transform .6s var(--ease),visibility 0s linear 0s}.sl-app[data-view=boot] .sl-panel,.sl-app[data-view=dashboard] .sl-panel,.sl-app[data-view=intro] .sl-panel,.sl-app[data-view=success] .sl-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}.sl-app .sl-head{position:relative;display:grid;grid-gap:4px;gap:4px;margin-bottom:18px}.sl-app .sl-back{position:absolute;right:0;top:-2px;border:0;background:none;padding:6px 0 6px 10px;font:500 12px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cream-dim)}.sl-app .sl-back:hover{color:var(--forest)}.sl-app .sl-eyebrow{margin:0;padding-right:84px;font:500 11px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-app .sl-title{margin:0;font:800 26px/1.1 var(--f-display);font-variation-settings:"wdth" 92;letter-spacing:-.02em;text-wrap:balance}.sl-app .sl-title:focus{outline:none}.sl-app .sl-sub{font:400 14px/1.4 var(--f-display);min-height:1.4em}.sl-app .sl-msg,.sl-app .sl-sub{margin:0;color:var(--cream-dim);text-wrap:pretty}.sl-app .sl-msg{font:500 13px/1.4 var(--f-display)}.sl-app .sl-msg:not(:empty),.sl-app[data-view=pin] .sl-msg{margin-top:12px;min-height:1.4em}.sl-app .sl-msg.is-error{color:var(--err)}.sl-app .sl-msg.is-ok{color:var(--forest)}.sl-app .sl-foot[hidden]{display:none}.sl-app .sl-foot{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.sl-app .sl-link{border:0;background:none;padding:6px 0;font:400 12px/1.2 var(--f-mono);color:var(--cream-dim);text-decoration:underline;-webkit-text-decoration-color:rgba(14,42,28,.3);text-decoration-color:rgba(14,42,28,.3);text-underline-offset:4px}.sl-app .sl-link:hover{color:var(--forest);-webkit-text-decoration-color:var(--forest);text-decoration-color:var(--forest)}.sl-app .sl-title .sl-tw{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}.sl-app .sl-title .sl-tc{display:inline-block;animation:sl-tc .62s var(--ease) backwards;animation-delay:calc(var(--c) * 22ms)}@keyframes sl-tc{0%{transform:translateY(110%) rotate(6deg)}}.sl-app .sl-view{display:none}.sl-app .sl-view.is-on{display:block;animation:sl-view-in .5s var(--ease) both}@keyframes sl-view-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sl-app .sl-users{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.sl-app .sl-users[data-n="1"]{grid-template-columns:minmax(0,160px)}.sl-app .sl-users[data-n="2"],.sl-app .sl-users[data-n="4"]{grid-template-columns:repeat(2,1fr)}.sl-app .sl-user{position:relative}.sl-app .sl-user-pick{width:100%;min-height:92px;display:grid;justify-items:center;align-content:center;grid-gap:8px;gap:8px;padding:12px 6px 10px;border:1px solid rgba(14,42,28,.1);border-radius:14px;background:#fff;box-shadow:0 8px 18px -14px rgba(14,42,28,.5);transition:transform .35s var(--ease-spring),box-shadow .3s}.sl-app .sl-user-pick:hover{border-color:rgba(14,42,28,.3);transform:translateY(-2px)}.sl-app .sl-user-pick:active{transform:scale(.96)}.sl-app .sl-user-ini{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--cream);font:800 14px/1 var(--f-display);font-variation-settings:"wdth" 110;letter-spacing:.02em}.sl-app .sl-user-name{font:600 14px/1 var(--f-display)}.sl-app .sl-user-store{font:400 10px/1 var(--f-mono);letter-spacing:.04em;color:var(--cream-dim);text-transform:uppercase}.sl-app .sl-user-x{position:absolute;top:2px;right:2px;width:28px;height:28px;border:0;border-radius:50%;background:none;display:grid;place-items:center;color:var(--cream-dim);font:400 16px/1 var(--f-mono)}.sl-app .sl-user-x:hover{color:var(--forest);background:rgba(14,42,28,.06)}.sl-app .sl-user.is-leaving{animation:sl-user-out .28s var(--ease-in) forwards}@keyframes sl-user-out{to{opacity:0;transform:scale(.85)}}.sl-app .sl-other{width:100%;min-height:52px;border:1px dashed rgba(14,42,28,.3);border-radius:14px;background:none;font:600 14px/1 var(--f-display);display:flex;align-items:center;justify-content:center;gap:8px}.sl-app .sl-other:hover{border-style:solid}.sl-app .sl-f-label{display:block;margin:0 0 8px;font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim)}.sl-app .sl-f-row{display:flex;gap:8px;margin-bottom:12px}.sl-app .sl-f-input{flex:1 1;min-width:0;height:56px;padding:0 16px;border-radius:14px;border:1px solid rgba(14,42,28,.18);background:#fff;font:500 16px/1 var(--f-display);color:var(--forest)}.sl-app .sl-f-input::placeholder{color:rgba(14,42,28,.4)}.sl-app .sl-f-input:focus{border-color:var(--forest);outline:none;box-shadow:0 0 0 3px rgba(14,42,28,.14)}.sl-app .sl-f-go{flex:none;width:56px;height:56px;border-radius:14px;border:0;background:var(--forest);color:var(--cream);display:grid;place-items:center;font:700 20px/1 var(--f-display)}.sl-app .sl-f-submit{width:100%;height:56px;border-radius:14px;border:0;background:var(--forest);color:var(--cream);font:700 15px/1 var(--f-display)}.sl-app .sl-f-go:hover,.sl-app .sl-f-submit:hover{background:var(--moss)}.sl-app .sl-rules{display:grid;grid-gap:6px;gap:6px;margin:0 0 12px}.sl-app .sl-rule{display:flex;align-items:center;gap:8px;font:400 12px/1.3 var(--f-mono);color:var(--cream-dim)}.sl-app .sl-rule:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;border:1.5px solid}.sl-app .sl-rule.is-ok{color:var(--forest)}.sl-app .sl-rule.is-ok:before{background:var(--forest)}.sl-app .sl-slots{display:flex;justify-content:space-between;gap:6px;margin:0 0 16px;height:22px;align-items:center}.sl-app .sl-slot{position:relative;flex:1 1;height:22px;display:grid;place-items:center}.sl-app .sl-slot-in{display:block;width:100%;height:8px;background:rgba(14,42,28,.13);transform-origin:50% 100%;transition:background .2s}.sl-app .sl-slot.is-on .sl-slot-in{background:var(--forest);animation:sl-tooth .42s var(--ease-spring)}.sl-app .sl-slots.is-ghost .sl-slot:not(.is-on) .sl-slot-in{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(14,42,28,.45)}.sl-app .sl-slots.is-err .sl-slot-in{background:var(--err);animation:sl-err-t .45s var(--ease)}@keyframes sl-tooth{0%{transform:scaleY(2.6) translateY(-6px)}to{transform:none}}@keyframes sl-err-t{20%{transform:translateX(-5px)}45%{transform:translateX(4px)}70%{transform:translateX(-2px)}}.sl-app .sl-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.sl-app .sl-key{position:relative;min-height:var(--key);min-width:var(--key);border:1px solid rgba(14,42,28,.1);border-radius:16px;background:#fff;color:var(--forest);font:500 24px/1 var(--f-mono);overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;display:grid;place-items:center;box-shadow:0 6px 14px -12px rgba(14,42,28,.6);transition:transform .38s var(--ease-spring),background .25s,color .25s}.sl-app .sl-key:hover{border-color:rgba(14,42,28,.28)}.sl-app .sl-key.is-down{background:var(--forest);color:var(--cream);transform:scale(.92);transition-duration:.05s}.sl-app .sl-key svg{width:26px;height:26px}.sl-app .sl-key-blank{visibility:hidden;background:none;box-shadow:none}.sl-app .sl-timer{margin:0 0 16px;font:400 italic 34px/1.15 var(--f-serif);color:var(--forest)}.sl-app .sl-timer:empty{display:none}.sl-app .sl-st-btn{min-height:52px;padding:0 22px;border-radius:14px;border:1px solid rgba(14,42,28,.3);background:none;font:600 14px/1 var(--f-display)}.sl-app .sl-st-btn:hover{background:rgba(14,42,28,.06)}.sl-app .sl-view.is-on .sl-user{animation:sl-pop .55s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 55ms + 80ms)}.sl-app .sl-view.is-on .sl-user.is-leaving{animation:sl-user-out .28s var(--ease-in) forwards}.sl-app .sl-view.is-on .sl-other{animation:sl-pop .55s var(--ease-spring) .3s backwards}@keyframes sl-pop{0%{opacity:0;transform:translateY(14px) scale(.9)}}.sl-app .sl-view.is-on .sl-key{animation:sl-key .5s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 24ms + .12s)}@keyframes sl-key{0%{opacity:0;transform:translateY(12px) scale(.7)}}.sl-app .sl-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.sl-app .sl-word{position:absolute;left:0;top:0;z-index:5;transform-origin:0 0;white-space:nowrap;color:var(--forest);pointer-events:none;will-change:transform;opacity:0}.sl-app .sl-wm{font:800 100px/.86 var(--f-display);font-variation-settings:"wght" 800,"wdth" 100;letter-spacing:-.035em}.sl-app .sl-core{display:flex;margin-top:18px;padding-left:5px;font:500 28px/1 var(--f-mono);letter-spacing:.6em}.sl-app .sl-core span{display:inline-block;opacity:0;transform:translateY(70%)}.sl-app .sl-word.is-in .sl-core span{animation:sl-core .55s var(--ease) forwards;animation-delay:calc(var(--i) * 70ms)}@keyframes sl-core{to{opacity:1;transform:none}}.sl-app .sl-fill{position:absolute;inset:0;z-index:25;background:var(--yellow);display:grid;place-items:center;visibility:hidden;pointer-events:none}.sl-app .sl-fill.is-on{visibility:visible}.sl-app .sl-welcome{margin:0;text-align:center;color:var(--forest);font:800 clamp(46px,10vw,156px)/.92 var(--f-display);letter-spacing:-.03em}.sl-app .sl-welcome span{display:inline-block;opacity:0}.sl-app .sl-welcome em{font:400 italic 1.08em/1 var(--f-serif);letter-spacing:0}.sl-app .sl-grain{position:fixed;inset:-50%;z-index:30;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-size:160px 160px;animation:sl-grain 1s steps(6) infinite}@keyframes sl-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.sl-app.is-hidden-tab .sl-grain{animation-play-state:paused}@media (min-width:900px) and (min-aspect-ratio:11/10){.sl-app .sl-panel{left:auto;right:max(40px,env(safe-area-inset-right,0px));bottom:auto;top:50%;margin:0;width:380px;transform:translateY(-50%)}.sl-app[data-view=dashboard] .sl-panel,.sl-app[data-view=intro] .sl-panel,.sl-app[data-view=success] .sl-panel{transform:translateY(calc(-50% + 18px))}}@media (max-height:720px) and (max-width:899px){.sl-app .sl-key{min-height:54px}.sl-app .sl-sub{display:none}.sl-app .sl-head{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.sl-app .sl-view.is-on{animation:sl-view-fade .3s linear both}@keyframes sl-view-fade{0%{opacity:0}to{opacity:1}}.sl-app .sl-grain{animation:none}.sl-app .sl-key.is-down{transform:none}.sl-app .sl-title .sl-tc,.sl-app .sl-view.is-on .sl-key,.sl-app .sl-view.is-on .sl-other,.sl-app .sl-view.is-on .sl-user{animation:none}.sl-app .sl-word.is-in .sl-core span{animation:sl-fade .3s linear forwards}@keyframes sl-fade{0%{opacity:0;transform:none}to{opacity:1;transform:none}}}