@font-face{font-family:Besley;src:url(/assets/fonts/besley-latin-wght-normal.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Besley;src:url(/assets/fonts/besley-latin-ext-wght-normal.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#e3e2de;--ink:#000;--ink-70:#000000b3;--ink-35:#00000059;--tile:#0000000d;--surface:#f7f6f4;--field:#0000000d;--field-border:#0000001a;--divider:#00000014;--icon:#1c1f21;--on-dark:#f1f0ed;--danger:#b3261e;--r-sm:8px;--r-md:16px;--r-lg:20px;--r-xl:32px;--r-full:40px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--glass:#ffffff80;--glass-strong:#ffffffe6;--card-shadow:0 0 1.5px #00000040, 0 1.5px 6px #00000026;--card:#edece9;--card-ink:#000;--card-ink-70:#000000b3;--card-edge:#ffffff80;--card-back:#0b0b0b;--card-back-ink:#f0eeeae0;--card-back-edge:#ffffff14;--card-font:var(--font);--card-size:1;--card-weight:500;--card-tile-weight:500;--font:"Besley", Georgia, "Times New Roman", serif;--type-display:500 36px/1.1 var(--font);--type-title:500 24px/1.1 var(--font);--type-heading:500 18px/1.2 var(--font);--type-lead:400 18px/1.4 var(--font);--type-body:400 16px/1.4 var(--font);--type-button:600 16px/1 var(--font);--type-label:500 14px/1.1 var(--font);--type-small:400 14px/1.4 var(--font);--st:env(safe-area-inset-top,0px);--top:calc(var(--st) + 16px);--stage-top:calc(var(--top) + 80px);--sb:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{min-height:100vh;background:var(--bg);min-height:100dvh;color:var(--ink);font:var(--type-label);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img{display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.bg{z-index:0;isolation:isolate;background:var(--bg);pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.bg-art{background:bottom/cover no-repeat;display:none;position:absolute;top:0;bottom:0;left:0;right:0}body[data-art=lilies] .bg-art{background-image:url(/assets/art/lilies.webp);display:block}body[data-art=meadow] .bg-art{background-image:url(/assets/art/meadow.webp);display:block}body[data-art=clouds] .bg-art{background-image:url(/assets/art/clouds.webp);display:block}body[data-art=rose] .bg-art{background-image:url(/assets/art/rose.webp);display:block}body[data-art=damask] .bg-art{background-image:url(/assets/art/damask.webp);display:block}body[data-art=garden] .bg-art{background-image:url(/assets/art/garden.webp);display:block}.bg-paper{mix-blend-mode:overlay;background:url(/assets/paper.jpg) 50%/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}#root{z-index:1;position:relative}.pill{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--r-full);height:48px;font:var(--type-button);white-space:nowrap;-webkit-user-select:none;user-select:none;flex:none;padding:0 20px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 10px #00000026}.pill>*{position:relative}.ic{color:var(--icon);flex:none;display:block}.pill.dark .ic{color:var(--on-dark)}.count .ic,.swatch.photo .ic{color:var(--ink-70)}.pill:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pill:after{content:"";pointer-events:none;background:linear-gradient(#ffffff5e,#fff0);border-radius:1000px;height:15px;position:absolute;top:4px;left:13px;right:12px}.pill.dark{color:var(--on-dark);background:linear-gradient(#171717,#000);border:1px solid #000}.pill.dark:before{box-shadow:inset 0 -3px #0000002e,inset 0 -2px 6px #ffffffbf,inset 0 -4px 16px #0000004d}.pill.light{color:var(--ink);background:linear-gradient(#ffffff9e,#ffffff29);border:1px solid #fffc;box-shadow:0 1px 10px #00000014,0 0 0 .5px #0000000f}.pill.light:before{box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -6px 12px #ffffff59,inset 0 -1px 2px #fff9}.pill.light:after{background:linear-gradient(#ffffffb3,#fff0)}.pill.round{width:48px;padding:0}.pill.round:after{left:9px;right:9px}.pill{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.pill:active{transition-duration:80ms;transform:scale(.97)}.pill[disabled]{opacity:.45;pointer-events:none}.topbar{z-index:5;padding:var(--top) 16px 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar>*{pointer-events:auto}.stack{flex:none;width:110.354px;height:119px;position:relative}.stack.wide{width:143px}.stack i{border-radius:var(--r-md);border:1.5px solid var(--card-edge);background:var(--card);width:72px;height:96px;box-shadow:var(--card-shadow);margin:-48px 0 0 -36px;position:absolute;top:50%;left:50%}.stack .s1{transform:translateY(.07px)rotate(30deg)}.stack .s2{transform:translateY(.07px)rotate(15deg)}.stack .s3{transform:translate(-3px,.07px)}.stack .cover{background:var(--glass);border-radius:11px;width:62px;height:85px;position:absolute;top:50%;left:calc(50% - 3.18px);overflow:hidden;transform:translate(-50%,-50%)}.stack .cover img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.stack .cover img.art{object-position:50% 80%}.stack .emoji{opacity:.8;white-space:nowrap;font-size:39px;line-height:1;position:absolute;top:50%;left:calc(50% - 3px);transform:translate(-50%,-50%)}.deck-head .stack i,.deck-head .stack>span{animation-duration:1s;animation-delay:.3s;animation-fill-mode:both}.deck-head .stack .s1{animation-name:fan-s1}.deck-head .stack .s2{animation-name:fan-s2}.deck-head .stack .s3{animation-name:fan-s3}.deck-head .stack>span{animation-name:fan-top}@keyframes fan-s1{0%{animation-timing-function:cubic-bezier(.25,.7,.3,1);transform:translateY(.07px)rotate(30deg)}40%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(8.34px,.8px)rotate(40deg)}to{transform:translateY(.07px)rotate(30deg)}}@keyframes fan-s2{0%{animation-timing-function:cubic-bezier(.25,.7,.3,1);transform:translateY(.07px)rotate(15deg)}40%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(3.35px,.19px)rotate(19deg)}to{transform:translateY(.07px)rotate(15deg)}}@keyframes fan-s3{0%{animation-timing-function:cubic-bezier(.25,.7,.3,1);transform:translate(-3px,.07px)}40%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(-9.68px,.54px)rotate(-8deg)}to{transform:translate(-3px,.07px)}}@keyframes fan-top{0%{animation-timing-function:cubic-bezier(.25,.7,.3,1);transform:translate(-50%,-50%)}40%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(-50%,-50%)translate(-6.68px,.47px)rotate(-8deg)}to{transform:translate(-50%,-50%)}}::view-transition-group(deck-cover){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(deck-cover){object-fit:none;height:100%}::view-transition-new(deck-cover){object-fit:none;height:100%}::view-transition-old(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.pile{flex:none;width:59.5px;height:55.177px;position:relative}.pile i{border-radius:var(--r-sm);border:.75px solid var(--card-edge);background:var(--card);width:36px;height:48px;margin:-24px 0 0 -18px;position:absolute;top:50%;left:50%;box-shadow:0 0 .75px #00000040,0 .75px 3px #00000026}.pile .p1{transform:translate(.03px)rotate(30deg)}.pile .p2{transform:translate(.03px)rotate(15deg)}.pile .p3{transform:translate(-1.46px)}.pile.empty:before{content:"";border-radius:var(--r-sm);border:1.5px dashed #00000080;width:36px;height:48px;margin:-24px 0 0 -18px;position:absolute;top:50%;left:50%}.pile b{font:500 20px/1 var(--font);color:var(--card-ink-70);opacity:.8;font-variant-numeric:tabular-nums;position:absolute;top:calc(50% - .18px);left:calc(50% - 2.5px);transform:translate(-50%,-50%)}.sn{font-variant-numeric:tabular-nums;display:inline-flex}.sn-d{clip-path:inset(0);display:inline-block;position:relative}.sn-size{visibility:hidden}.sn-col{translate:0 calc(var(--d) * -10%);flex-direction:column;transition:translate .6s cubic-bezier(.34,1.36,.64,1);display:flex;position:absolute;top:0;left:0;right:0}.sn-col span{display:block}.home-head{padding:var(--top) 16px 0 24px;justify-content:space-between;align-items:center;gap:8px;display:flex}.home-head h1{font:var(--type-display);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.decks{gap:var(--space-md);padding:var(--space-xl) var(--space-xl) calc(var(--sb) + 110px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.deck-tile{align-items:center;gap:var(--space-md);padding:var(--space-xl);border-radius:var(--r-lg);background:var(--tile);flex-direction:column;min-width:0;display:flex;overflow:hidden}.deck-tile p{width:100%;font:500 14px/1.1 var(--font);text-align:center;overflow-wrap:anywhere;margin:0}.deck-tile{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.deck-tile:active{transition-duration:80ms;transform:scale(.98)}.note{gap:var(--space-md);padding:var(--space-lg) 20px;border-radius:var(--r-lg);background:var(--tile);font:var(--type-small);color:var(--ink-70);grid-column:1/-1;justify-content:space-between;align-items:flex-start;display:flex}.note p{margin:0}.note strong{color:var(--ink);font-weight:500}.note button{color:var(--ink);text-underline-offset:3px;flex:none;font-weight:500;text-decoration:underline}.empty{text-align:center;color:var(--ink-70);font:var(--type-small);grid-column:1/-1;padding:48px 16px 0}.empty strong{color:var(--ink);font:var(--type-heading);margin-bottom:6px;display:block}.deck-head{flex-direction:column;align-items:center;gap:20px;max-width:342px;margin:-9px auto 0;padding:0 24px;display:flex}.deck-meta{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.deck-meta h1{font:var(--type-display);text-align:center;overflow-wrap:anywhere;margin:0}.counts{justify-content:center;gap:var(--space-sm);display:flex}.count{align-items:center;gap:var(--space-xs);border-radius:var(--r-lg);background:var(--tile);height:22px;font:var(--type-small);color:var(--ink-70);font-variant-numeric:tabular-nums;border:1px solid #0000000d;padding:0 7px 0 6px;display:inline-flex}.cards{gap:var(--space-md);padding:var(--space-xl) var(--space-xl) calc(var(--sb) + 130px);grid-template-columns:repeat(3,minmax(0,1fr));max-width:390px;margin:0 auto;display:grid}.card-tile{aspect-ratio:122/165;border-radius:var(--r-md);border:1px solid var(--card-edge);background:var(--card);box-shadow:var(--card-shadow);font:var(--card-tile-weight) calc(14px * var(--card-size))/1.1 var(--card-font);color:var(--card-ink-70);text-align:center;justify-content:center;align-items:center;min-width:0;padding:10px;display:flex;position:relative;overflow:hidden}.card-tile span,.zoom-tile span{-webkit-line-clamp:6;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-tile{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.card-tile:active{transition-duration:80ms;transform:scale(.98)}.gather{z-index:40;position:fixed;top:0;bottom:0;left:0;right:0}.gather .card-tile{will-change:transform;transform-origin:50%}.gather .zoom{transform-origin:50%}.zoom-tile{font:var(--card-tile-weight) calc(14px * var(--card-size))/1.1 var(--card-font);color:var(--card-ink-70);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;top:50%;left:50%}body.gathering .cards .card-tile{visibility:hidden}body.gathering .topbar,body.gathering .deck-head,body.gathering .dock,body.gathering .cards .empty{opacity:0;transition:opacity .3s ease-out}.intro{animation:.45s ease-out both fade}.dock{left:0;right:0;bottom:calc(var(--sb) + 30px);z-index:6;justify-content:center;gap:var(--space-md);padding:0 var(--space-xl);pointer-events:none;display:flex;position:fixed}.dock>*{pointer-events:auto}.practice-top{left:0;right:0;top:var(--top);z-index:3;height:52px;padding:0 16px;position:fixed}.practice-top .pile{position:absolute;top:-3.59px;left:50%;transform:translate(calc(-50% - .25px))}.stage{left:24px;right:24px;top:var(--stage-top);bottom:calc(var(--sb) + 132px);z-index:4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed}.slot{width:100%;max-width:342px;height:100%;max-height:479px;position:relative}.pcard{z-index:1;perspective:1600px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.pcard *{touch-action:none}.pcard:active{cursor:grabbing}.slot{pointer-events:auto}.pcard.flying{z-index:4;pointer-events:none}.pcard.top{z-index:3}.pcard.next{z-index:1;pointer-events:none;visibility:hidden}.pcard.appear{animation:.3s ease-out appear}.face{padding:var(--space-2xl);border-radius:var(--r-xl);border:1px solid var(--card-edge);background:var(--card);box-shadow:var(--card-shadow);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.front-text{font:var(--card-weight) calc(24px * var(--card-size))/1.1 var(--card-font);color:var(--card-ink);text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.front-text.long{font-size:calc(20px * var(--card-size))}.face.back{background:var(--card-back);border-color:var(--card-back-edge)}.back-text{width:100%;font:400 calc(16px * var(--card-size))/1.4 var(--card-font);color:var(--card-back-ink);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.piles{left:24px;right:24px;bottom:calc(max(var(--sb), 20px) + 1px);z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:fixed}.piles button{pointer-events:auto;flex-direction:column;align-items:center;gap:10px;transition:opacity .15s;display:flex}.pile-label{font:var(--type-label);color:var(--ink-70)}.piles button:active{opacity:.6}.scrim{z-index:20;background:#0000002e;animation:.2s ease-out fade;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{left:0;right:0;bottom:var(--kb,0px);z-index:21;max-width:440px;max-height:calc(100dvh - var(--kb,0px) - var(--top));-webkit-overflow-scrolling:touch;gap:var(--space-xl);padding:var(--space-xl) var(--space-xl) max(var(--space-xl), calc(var(--sb) - 10px));border-radius:var(--r-xl) var(--r-xl) 0 0;border:1px solid var(--glass);background:var(--surface);box-shadow:var(--card-shadow);border-bottom:0;flex-direction:column;margin:0 auto;animation:.28s cubic-bezier(.2,.8,.2,1) rise;display:flex;position:fixed;overflow:auto}.sheet.tall{top:max(16px, calc(var(--st) - 11px));max-height:none}.sheet.tall .sh-foot,.sheet.tall .sh-actions{margin-top:auto}.sheet.still,.scrim.still{animation:none}.grab{background:#e5e4e4;border-radius:13px;width:48px;height:4px;position:absolute;top:7px;left:calc(50% + 1px);transform:translate(-50%)}.sh-head{align-items:center;gap:var(--space-sm);font:var(--type-lead);color:var(--ink);display:flex}.sh-head.center{text-align:center;justify-content:center}.sh-text.center{text-align:center}.sh-head h2{font:inherit;margin:0}.sh-text{font:var(--type-small);color:var(--ink-70);margin:-12px 0 0}.field{flex-direction:column;gap:6px;margin:0;display:flex}.field>span{font:var(--type-label);color:var(--ink-70)}.fl{margin:0;display:block;position:relative}.fl textarea,.fl input{z-index:1;border-radius:var(--r-md);width:100%;height:120px;font:var(--type-body);color:var(--ink);resize:none;-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:none;margin:0;padding:13px 19px;display:block;position:relative}.fl input{height:52px;padding-top:15px;padding-bottom:15px}.fl textarea.tall{height:200px}.fl textarea::placeholder,.fl input::placeholder{color:#0000;transition:color .2s}.fl:focus-within textarea::placeholder,.fl:focus-within input::placeholder{color:var(--ink-35)}.fl fieldset{z-index:0;border:1px solid var(--field-border);border-radius:var(--r-md);background:var(--field);pointer-events:none;min-width:0;margin:0;padding:0 15px;transition:border-color .22s cubic-bezier(.33,.55,.2,1);position:absolute;top:-6px;bottom:0;left:0;right:0}.fl legend{max-width:.01px;height:12px;font:500 12px/12px var(--font);white-space:nowrap;visibility:hidden;padding:0;transition:max-width 80ms cubic-bezier(.33,.55,.2,1);display:block;overflow:hidden}.fl legend span{opacity:0;padding:0 4px;display:inline-block}.fl-label{z-index:2;max-width:calc(100% - 38px);font:var(--type-body);color:#00000080;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transform-origin:0 0;transition:transform .26s cubic-bezier(.33,.55,.2,1),color .22s;position:absolute;top:13px;left:19px;overflow:hidden}.fl.single .fl-label{top:15px}.fl:focus-within fieldset{border-color:#0006}.fl:focus-within legend{max-width:100%;transition:max-width .2s cubic-bezier(.33,.55,.2,1) 50ms}.fl:has(>textarea:not(:placeholder-shown),>input:not(:placeholder-shown)) legend{max-width:100%;transition:max-width .2s cubic-bezier(.33,.55,.2,1) 50ms}.fl:focus-within .fl-label{color:#000000b3;max-width:calc(133.333% - 50.6667px);transform:translateY(-21px)scale(.75)}.fl:has(>textarea:not(:placeholder-shown),>input:not(:placeholder-shown)) .fl-label{color:#000000b3;max-width:calc(133.333% - 50.6667px);transform:translateY(-21px)scale(.75)}.fl.single:focus-within .fl-label{transform:translateY(-23px)scale(.75)}.fl.single:has(>textarea:not(:placeholder-shown),>input:not(:placeholder-shown)) .fl-label{transform:translateY(-23px)scale(.75)}.fl:focus-within .fl-label{color:var(--ink)}.sh-foot{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.sh-foot>.grow{flex:1}.sh-actions{gap:var(--space-md);flex-direction:column;display:flex}.sh-actions>.pill{width:100%}.hint{font:var(--type-small);color:var(--ink-70);margin:-14px 0 0}.page{z-index:21;-webkit-overflow-scrolling:touch;background:var(--bg);isolation:isolate;animation:.34s cubic-bezier(.2,.8,.2,1) rise;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.page-bg{z-index:0;isolation:isolate;background:var(--bg);pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.editor{z-index:1;max-width:390px;padding:var(--top) var(--space-xl) calc(var(--sb) + var(--space-xl));flex-direction:column;margin:0 auto;display:flex;position:relative}.editor-top{align-items:center;gap:var(--space-sm);margin:0 calc(-1 * var(--space-sm)) var(--space-2xl);display:flex}.editor-top h2{text-align:center;font:var(--type-heading);color:var(--ink);flex:1;margin:0}.text-field{flex-direction:column;gap:6px;display:flex}.text-field span,.choice-label{font:var(--type-label);color:var(--ink-70)}.text-field input{border:1px solid var(--field-border);border-radius:var(--r-md);background:var(--field);width:100%;height:48px;font:var(--type-body);color:var(--ink);-webkit-appearance:none;appearance:none;outline:none;margin:0;padding:0 19px;transition:border-color .2s}.text-field input::placeholder{color:var(--ink-35)}.text-field input:focus{border-color:#0006}.preview{border-radius:var(--r-md);background:var(--field);isolation:isolate;justify-content:center;align-items:center;height:216px;margin:23px 0 0;display:flex;position:relative;overflow:hidden}.preview-art{object-fit:cover;object-position:50% 92%;opacity:.7;z-index:-1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pv{aspect-ratio:124/165;border-radius:var(--r-md);width:109px;box-shadow:var(--card-shadow);text-align:center;flex:none;justify-content:center;align-items:center;display:flex}.pv p{overflow-wrap:anywhere;-webkit-line-clamp:5;-webkit-box-orient:vertical;width:81px;margin:0;line-height:1.1;display:-webkit-box;overflow:hidden}.pv.front{z-index:2;background:var(--card);border:1px solid var(--card-edge);font:var(--card-tile-weight) calc(14px * var(--card-size)) var(--card-font);color:var(--card-ink-70);margin-right:-26px;transform:rotate(-15deg)}.pv.back{z-index:1;background:var(--card-back);border:1px solid var(--card-back-edge);font:400 calc(10px * var(--card-size)) var(--card-font);color:var(--card-back-ink);transform:rotate(15deg)}.choice{flex-direction:column;gap:10px;margin-top:18px;display:flex}.preview+.choice{margin-top:23px}.swatches{gap:var(--space-sm);flex-wrap:wrap;display:flex}.swatch{border-radius:var(--r-md);border:1px solid var(--field-border);background:var(--field);width:40px;height:40px;color:var(--ink);flex:none;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden}.swatch[aria-pressed=true]{box-shadow:0 0 0 1px var(--ink);border-color:#efede9}.swatch img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.swatch.art img{opacity:.7;object-position:50% 96%}.swatch.emoji{font-size:20px;line-height:1}.swatch.photo .ic{color:var(--ink-70)}.pop-root{z-index:25;position:fixed;top:0;bottom:0;left:0;right:0}.pop{border-radius:var(--r-lg);background:var(--surface);transform-origin:100% 0;min-width:228px;max-width:calc(100vw - 32px);padding:6px;animation:.18s cubic-bezier(.2,.8,.2,1) pop;position:fixed;box-shadow:0 0 0 .5px #00000014,0 10px 30px #00000024,0 2px 6px #0000000f}.pop button{text-align:left;width:100%;font:var(--type-body);color:var(--ink);border-radius:14px;padding:12px 14px;transition:background .12s;display:block}.pop button:active{background:#0000000f}.pop button.danger{color:var(--danger)}.pop-caption{border-bottom:1px solid var(--divider);font:var(--type-small);color:var(--ink-70);margin:0 0 4px;padding:10px 14px 12px}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.table-preview{border-radius:var(--r-md);background:var(--field);border:1px solid var(--divider);margin:-8px 0 0;padding:0;list-style:none;overflow:hidden}.table-preview li{gap:var(--space-md);font:var(--type-small);border-top:1px solid #0000000f;grid-template-columns:1fr 1fr;padding:10px 14px;display:grid}.table-preview li:first-child{border-top:0}.table-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-preview span:first-child{font-weight:500}#toast{left:50%;bottom:calc(var(--sb) + 96px);z-index:30;border-radius:var(--r-full);max-width:calc(100% - 48px);color:var(--on-dark);font:var(--type-label);opacity:0;pointer-events:none;background:linear-gradient(#171717,#000);padding:10px 18px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,8px);box-shadow:0 1px 10px #00000026}#toast.show{opacity:1;transform:translate(-50%)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}@keyframes appear{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.done{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0 8px;animation:.3s ease-out appear;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.done h2{font:var(--type-display);color:var(--ink);text-wrap:balance;margin:0}.done p{font:var(--type-lead);color:var(--ink-70);text-wrap:balance;margin:0}.done .row{gap:var(--space-md);flex-direction:column;width:100%;max-width:240px;margin-top:34px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.stretch-word{white-space:nowrap;display:inline-block}.stretch-ch{transform-origin:50% 100%;animation:.9s both stretch;display:inline-block}@keyframes stretch{0%{animation-timing-function:cubic-bezier(.5,0,.75,0);transform:scale(1)}18%{animation-timing-function:cubic-bezier(.25,1,.5,1);transform:scale(1.32,.75)}45%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.86,1.18)}66%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.07,.94)}84%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.98,1.02)}to{transform:scale(1)}}
