@font-face{font-family:Architects Daughter;src:url(/fonts/architects_daughter_regular.ttf) format("truetype");font-display:block}:root{--color-paper: #fafafa;--color-vibe-gray: #e6e6e6;--color-white: #ffffff;--color-ink: #212121;--color-soft-ink: #636363;--color-line: #e3e3e3;--color-sun-yellow: #ffd84d;--color-ground-green: #78c96b;--color-deep-green: #2e6b3e;--color-signal-red: #d94f45;--color-sky-blue: #5aa7d8;--color-pale-blue: #dceef7;--color-surface-variant: #f0f0f0;--color-black: #000000;--color-nav-indicator: #dcdcdc;--color-button-disabled: #d9d9d9;--color-danger-text: color-mix(in srgb, var(--color-signal-red) 72%, var(--color-black));--font-hand: "Architects Daughter", "Comic Sans MS", cursive;--font-sans: system-ui, -apple-system, "PingFang SC", "Noto Sans SC", sans-serif;--text-display: 34px;--text-headline: 26px;--text-title-large: 20px;--text-title-medium: 16px;--text-body-large: 16px;--text-body-medium: 14px;--text-label: 14px}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body{margin:0;height:100%;overflow:hidden;background:var(--color-vibe-gray);color:var(--color-ink);font-family:var(--font-hand);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app,.screen{height:100%}#app{position:relative;min-width:320px;max-width:500px;margin:0 auto;overflow:hidden;container-type:inline-size}.screen{position:relative;overflow:hidden;background:var(--color-vibe-gray)}h1,h2,p{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.hand-title{font-family:var(--font-hand);font-weight:400;font-size:min(36px,9.6cqw);line-height:1.17;letter-spacing:0;color:var(--color-ink);text-align:center;white-space:nowrap}.hand-text{font-family:var(--font-hand);font-size:18px;line-height:22px;color:var(--color-black);text-align:center}.hand-text.small{font-size:15px}.icon-button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:transparent}.pill-button{height:52px;border:none;border-radius:28px;font-family:var(--font-hand);font-size:20px;line-height:24px}.pill-button.white{background:var(--color-white);color:var(--color-black)}.pill-button.black{background:var(--color-black);color:var(--color-white)}.pill-button.small{height:40px;padding:0 22px;font-size:18px}.pill-button:disabled{opacity:.6}.flower-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.drifting-flower{position:absolute;animation:drift 5.8s linear infinite alternate}.soft-flower-layer{fill:var(--color-white)}@keyframes drift{0%{transform:translate(calc(-14px * var(--drift)),calc(-4.9px * var(--drift)))}to{transform:translate(calc(14px * var(--drift)),calc(4.9px * var(--drift)))}}.invite-screen{display:grid;place-items:center;padding:24px 30px}.invite-form{position:relative;width:min(100%,360px);display:grid;gap:32px;text-align:center}.invite-heading{display:grid;gap:4px;min-width:0}.invite-heading .hand-title{white-space:normal;font-size:min(32px,8.4cqw)}.invite-subtitle{font-family:var(--font-hand);font-size:18px;line-height:24px;color:var(--color-soft-ink)}.invite-fields{display:grid;gap:12px}.made-by{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translate(-50%);padding:6px 8px;border:none;background:transparent;font-family:var(--font-hand);font-size:15px;font-weight:400;color:var(--color-soft-ink);white-space:nowrap;text-decoration:underline dashed;text-underline-offset:4px}.made-by.in-page{position:static;transform:none;align-self:center;margin-top:12px}.contact-list{list-style:none;margin:0;padding:4px 0;border-radius:18px;background:var(--color-white)}.contact-row{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font-size:17px}.contact-row+.contact-row{border-top:1px solid var(--color-line)}.contact-label{color:var(--color-soft-ink)}.contact-value{min-width:0;color:var(--color-ink);overflow-wrap:anywhere;text-align:right}.maker-avatar{width:72px;height:72px;align-self:center;border-radius:50%;object-fit:cover}.pill-field{height:52px;padding:0 20px;border:none;border-radius:28px;background:var(--color-white);color:var(--color-ink);font-family:var(--font-hand);font-size:20px;text-align:center;letter-spacing:1px}.pill-field:focus{outline:2px solid var(--color-black)}.invite-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 20px}.text-link{padding:4px 2px;border:none;background:transparent;font-family:var(--font-hand);font-size:16px;color:var(--color-soft-ink);text-decoration:underline dashed;text-underline-offset:4px}.text-link:disabled{text-decoration:none}.code-field{letter-spacing:.3em}.invite-error:empty{display:none}.invite-error{min-height:0;color:var(--color-danger-text);font-family:var(--font-hand);font-size:16px}.home-screen{display:flex;flex-direction:column}.home-screen>section{position:relative;flex:1;min-height:0}.tab-bar{position:relative;flex:none;display:flex;align-items:center;gap:10px;padding:8px 16px calc(env(safe-area-inset-bottom) + 14px);background:var(--color-vibe-gray)}.tab-capsule{position:relative;flex:1;height:52px;padding:4px;display:flex;border-radius:26px;background:var(--color-white)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;border-radius:22px;background:transparent;color:var(--color-black);font-size:12px;line-height:16px;font-weight:500;transition:background-color .18s ease}.tab-item{position:relative;z-index:1}.tab-highlight{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:22px;background:var(--color-vibe-gray);transform:translate(calc(var(--tab-index, 0) * 100%));transition:transform .32s cubic-bezier(.3,.9,.3,1)}@media(prefers-reduced-motion:reduce){.tab-highlight{transition:none}}.create-orb{flex:none;width:52px;height:52px;border:none;border-radius:50%;background:var(--color-black);color:var(--color-white);display:grid;place-items:center}.create-orb:active{scale:.94}.playground{overflow:hidden}.playground-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.playground-title{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top) + 52px);pointer-events:none}.gallery{display:flex;flex-direction:column}.gallery-header{position:relative;flex:none;padding:calc(env(safe-area-inset-top) + 52px) 0 32px;display:flex;justify-content:center;align-items:flex-start}.gallery-header .hand-title{font-size:min(32px,8.6cqw);line-height:1.19}.gallery-count{margin-left:4px;font-family:var(--font-hand);font-size:16px;line-height:18px}.gallery-empty{flex:1;display:grid;place-items:center;font-family:var(--font-hand);font-size:28px}.gallery-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0 0 112px;display:flex;flex-direction:column;gap:12px}.gallery-row{position:relative;height:116px;flex:none}.gallery-date{position:absolute;left:max(0px,calc(50% - 186px));max-width:calc(50% - 116px);overflow:hidden;top:50%;transform:translateY(-50%);width:66px;text-align:center;font-family:var(--font-hand);font-size:clamp(12px,4cqw,15px);line-height:17px;white-space:nowrap}.gallery-card{position:absolute;left:50%;top:0;width:224px;height:116px;margin-left:-112px;padding:4px;display:flex;align-items:center;gap:4px;border-radius:20px;background:var(--color-white);cursor:pointer}.gallery-card.selected{background:var(--color-vibe-gray);outline:1px solid var(--color-black);outline-offset:-1px}.gallery-photo{width:108px;height:108px;flex:none;border-radius:18px;object-fit:cover}.gallery-doodle{position:relative;width:108px;height:108px;flex:none;display:grid;place-items:center}.gallery-name{position:absolute;left:6px;right:6px;bottom:4px;font-family:var(--font-hand);font-size:15px;line-height:18px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-name.small{font-size:13px;line-height:16px}.gallery-failed{padding:0 6px 16px;font-family:var(--font-hand);font-size:12px;line-height:14px;color:var(--color-danger-text);text-align:center}.select-circle{position:absolute;top:6px;right:6px;width:24px;height:24px;padding:0;border:none;background:transparent;display:grid;place-items:center}.select-circle:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--color-black)}.select-circle.selected:before{background:var(--color-black)}.select-circle.selected:after{content:"";position:absolute;width:7px;height:4px;margin-top:-2px;border-left:2px solid var(--color-white);border-bottom:2px solid var(--color-white);transform:rotate(-45deg)}.gallery-more{position:absolute;left:min(calc(100% - 48px),calc(50% + 116px));top:50%;transform:translateY(-50%);width:48px;display:grid;place-items:center}.gallery-row.menu-open{z-index:10}.menu{position:absolute;top:38px;right:4px;z-index:1;min-width:96px;padding:4px;border:1px solid var(--color-line);border-radius:10px;background:var(--color-white);box-shadow:0 4px 12px color-mix(in srgb,var(--color-black) 12%,transparent)}.menu-item{width:100%;height:36px;padding:0 12px;display:flex;align-items:center;border:none;border-radius:6px;background:transparent;font-family:var(--font-hand);font-size:16px;text-align:left}.menu-item:hover,.menu-item:focus-visible{background:var(--color-surface-variant)}.menu-item.danger,.dialog-button.danger{color:var(--color-danger-text)}.dialog-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--color-black) 32%,transparent)}.dialog{width:min(100%,312px);padding:24px 24px 16px;border-radius:28px;background:var(--color-white);font-family:var(--font-hand);display:grid;gap:12px}.dialog h2{font-size:26px;line-height:32px;font-weight:400;color:var(--color-ink)}.dialog p{font-size:17px;line-height:23px;color:var(--color-soft-ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-button{height:40px;padding:0 14px;border:none;border-radius:20px;background:transparent;font-family:var(--font-hand);font-size:18px;color:var(--color-ink)}.loading-flower{animation:spin 2.8s linear infinite}.loading-flower.small{width:36px;height:36px;object-fit:contain}.loading-flower.large{width:96px;height:96px;object-fit:contain;animation:spin 2.8s linear infinite,pulse 1.4s linear infinite alternate}@keyframes spin{to{rotate:360deg}}@keyframes pulse{0%{scale:.94}to{scale:1.08}}@media(prefers-reduced-motion:reduce){.loading-flower,.drifting-flower{animation:none}}.generating-center{position:absolute;top:0;right:0;bottom:42px;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 30px}.generating-center .hand-text:first-of-type{margin-top:10px}.generating-back,.reveal-button{position:absolute;left:30px;right:30px;bottom:calc(env(safe-area-inset-bottom) + 32px)}.reveal-screen{--card: min(58cqw, 34vh)}.reveal-title{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top) + 52px);display:flex;justify-content:center;align-items:flex-start}.reveal-title .hand-title{color:var(--color-black)}.reveal-index{margin:2px 0 0 4px;font-family:var(--font-hand);font-size:16px;line-height:18px;color:var(--color-black)}.reveal-photo{position:absolute;top:28%;width:var(--card);height:var(--card);object-fit:cover;border-radius:34px;rotate:-8deg}.reveal-card{position:absolute;top:52%;left:50%;width:var(--card);height:var(--card);margin-left:calc(var(--card) / -2);border-radius:34px;border:2px solid var(--color-black);background:var(--color-vibe-gray);rotate:8deg;display:grid;place-items:center}.step-row{position:absolute;top:50%;left:20px;right:20px;display:flex;justify-content:space-between;transform:translateY(-50%)}.step-button{width:42px;height:42px;padding:0;border:none;border-radius:50%;background:var(--color-white);color:var(--color-black);display:grid;place-items:center}.camera-screen{background:var(--color-black)}.camera-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-stroke{fill:none;stroke:var(--color-white);stroke-width:3}.overlay-fill{fill:var(--color-white)}.camera-title{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top) + 52px);color:var(--color-white);white-space:normal}.hand{position:absolute;top:50%;pointer-events:none}.hand-left{left:-50px;width:42%;transform:translateY(calc(-50% + 62px))}.hand-right{right:-38px;width:39%;transform:translateY(calc(-50% + 78px))}.camera-close,.selection-close{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:24px;color:var(--color-white)}.selection-close{left:18px}.camera-error{position:absolute;left:24px;right:24px;bottom:calc(env(safe-area-inset-bottom) + 128px);padding:10px 14px;border-radius:8px;background:var(--color-danger-text);color:var(--color-white);text-align:center;font-size:16px}.selection-error{bottom:calc(env(safe-area-inset-bottom) + 86px)}.camera-blocked{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 40px;color:var(--color-white);text-align:center}.camera-blocked h2{font-size:26px;font-weight:400}.camera-blocked p{font-size:17px;line-height:23px}.shutter{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 28px);width:66px;height:66px;margin-left:-33px;padding:0;border:none;border-radius:50%;background:var(--color-white);display:grid;place-items:center}.shutter-ring{width:52px;height:52px;border-radius:50%;border:2px solid var(--color-black)}.shutter:active .shutter-ring{scale:.94}.choose-photo{position:absolute;left:calc(50% - 132px);bottom:calc(env(safe-area-inset-bottom) + 37px);color:var(--color-white)}.selection-screen{background:var(--color-ink)}.selection-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.selection-message{position:absolute;left:34px;right:34px;top:50%;transform:translateY(-50%);color:var(--color-white);font-family:var(--font-hand);font-size:18px;line-height:22px;text-align:center;pointer-events:none}.selection-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in srgb,var(--color-black) 28%,transparent)}.spinner-ring{width:40px;height:40px;border-radius:50%;border:4px solid var(--color-white);border-right-color:transparent;animation:spin 1s linear infinite}.create-catchling{position:absolute;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 18px);border-radius:26px;background:var(--color-white);color:var(--color-ink);font-size:22px;line-height:26px}.create-catchling.disabled{background:var(--color-button-disabled)}.chip-button{height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-black);border-radius:15px;background:transparent;font-family:var(--font-hand);font-size:14px}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;background:color-mix(in srgb,var(--color-black) 32%,transparent)}.sheet{width:100%;max-height:90%;overflow-y:auto;padding:24px 20px calc(env(safe-area-inset-bottom) + 20px);border-radius:28px 28px 0 0;background:var(--color-vibe-gray);display:flex;flex-direction:column;gap:12px}.sheet>:not(.sheet-body){flex-shrink:0}.sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px}.sheet-body>*{flex-shrink:0}.sheet-title{font-size:28px;line-height:34px}.sheet-field{width:100%;padding:12px 16px;border:none;border-radius:18px;background:var(--color-white);color:var(--color-ink);font-family:var(--font-hand);font-size:16px;line-height:22px;resize:none}.sheet-field:focus{outline:2px solid var(--color-black)}.sheet-row{display:flex}.sheet-status{min-height:20px;font-family:var(--font-hand);font-size:15px;color:var(--color-soft-ink)}.sheet-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.support-qr{width:200px;max-width:70%;align-self:center;border-radius:16px;background:var(--color-white)}.support-link{display:grid;place-items:center;text-decoration:none}.toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 110px);z-index:30;transform:translate(-50%);max-width:calc(100% - 40px);padding:10px 18px;border-radius:20px;background:var(--color-black);color:var(--color-white);font-family:var(--font-hand);font-size:16px;text-align:center}.profile{overflow-y:auto;padding:calc(env(safe-area-inset-top) + 40px) 16px 24px;display:flex;flex-direction:column;gap:12px;--profile-muted: var(--color-soft-ink);--profile-faint: color-mix(in srgb, var(--color-black) 12%, var(--color-white));font-family:var(--font-hand);background:var(--color-vibe-gray)}.profile-header{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px}.avatar{position:relative;width:96px;height:96px;padding:0;margin-bottom:10px;border:none;border-radius:50%;background:var(--color-white)}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-badge{position:absolute;right:0;bottom:0;width:28px;height:28px;border-radius:50%;border:2px solid var(--color-vibe-gray);background:var(--color-black);color:var(--color-white);display:grid;place-items:center}.profile-name{width:100%;padding:2px 0;border:none;background:transparent;color:var(--color-ink);font-family:var(--font-hand);font-size:26px;line-height:32px;text-align:center}.profile-name::placeholder{color:var(--profile-muted);font-size:20px}.profile-name:focus{outline:none;text-decoration:underline dashed var(--profile-faint);text-underline-offset:6px}.profile-subtitle{font-size:16px;color:var(--profile-muted)}.profile-subtitle.add-email{padding:2px 4px;border:none;background:transparent;font-family:var(--font-hand);color:var(--color-ink);text-decoration:underline dashed;text-underline-offset:4px}.profile-card{border-radius:22px;background:var(--color-white);padding:4px 0}.profile-status{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.status-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 12px}.status-head>*{white-space:nowrap}.status-count{font-size:16px;color:var(--profile-muted)}.status-title{display:flex;align-items:center;gap:4px}.quota-flowers{align-items:center}.quota-more{width:30px;height:30px;padding:0;border:1.5px dashed var(--color-soft-ink);border-radius:50%;background:transparent;color:var(--color-ink);display:grid;place-items:center}.quota-countdown{margin-top:-2px}.rules-flower{width:56px;height:56px;align-self:center;object-fit:contain}.rules-heading{display:grid;justify-items:center;gap:6px}.rules-next{padding:4px 14px;border-radius:16px;background:var(--color-white);font-family:var(--font-hand);font-size:16px;color:var(--color-ink)}.quota-flowers{display:flex;flex-wrap:wrap;gap:10px}.quota-flower{width:30px;height:30px;object-fit:contain}.collect-row{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border:1.5px dashed var(--color-soft-ink);border-radius:18px}.collect-flower{width:30px;height:30px;flex:none;object-fit:contain;animation:flower-wiggle 1.6s ease-in-out infinite}.collect-text{flex:1;min-width:0;font-size:16px;color:var(--color-ink)}.collect-button{flex:none;height:36px;padding:0 18px;border:none;border-radius:18px;background:var(--color-black);color:var(--color-white);font-family:var(--font-hand);font-size:16px}.collect-button:disabled{background:var(--color-button-disabled)}@keyframes flower-wiggle{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}.tab-item.has-dot:after{content:"";position:absolute;top:9px;left:calc(50% + 9px);width:8px;height:8px;border-radius:50%;background:var(--color-black)}.profile-row{width:100%;min-height:58px;padding:10px 18px;display:flex;align-items:center;gap:12px;border:none;background:transparent;color:var(--color-ink);text-align:left;cursor:pointer}.profile-row.danger{color:var(--color-danger-text)}.row-icon{display:grid;color:var(--profile-muted)}.profile-row.danger .row-icon{color:var(--color-danger-text)}.row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-title{font-size:18px;line-height:24px}.row-note{font-size:15px;line-height:20px;color:var(--profile-muted)}.row-chevron{display:grid;color:var(--profile-muted)}.switch{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:30px;margin:0;border-radius:15px;background:var(--profile-faint);position:relative;cursor:pointer;transition:background-color .18s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--color-white);transition:translate .18s ease}.switch:checked{background:var(--color-black)}.switch:checked:after{translate:20px 0}.about-text{font-family:var(--font-hand);font-size:17px;line-height:24px;color:var(--color-soft-ink)}.thumb-row{display:flex;flex-wrap:wrap;gap:10px}.thumb{position:relative;width:64px;height:64px;padding:0;border:none;border-radius:14px;background:var(--color-white);overflow:visible}.thumb img{width:100%;height:100%;border-radius:14px;object-fit:cover}.add-thumb{display:grid;place-items:center;border:1.5px dashed var(--color-soft-ink);background:transparent;color:var(--color-ink)}.thumb-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;padding:0;border:2px solid var(--color-vibe-gray);border-radius:50%;background:var(--color-black);color:var(--color-white);display:grid;place-items:center}.sheet-note{font-family:var(--font-hand);font-size:15px;line-height:20px;color:var(--color-soft-ink)}.sheet-scrim{animation:fade-in .2s ease both}.sheet-scrim.no-fade{animation:none}.sheet{animation:slide-up .32s cubic-bezier(.2,.9,.3,1) both}.dialog-scrim{animation:fade-in .18s ease both}.dialog{animation:grow-in .24s cubic-bezier(.2,.9,.3,1.2) both}.menu:not([hidden]){transform-origin:top right;animation:grow-in .16s ease-out both}.toast{animation:toast-in .24s ease both}.thumb,.quota-flower{animation:grow-in .22s ease-out both}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes grow-in{0%{opacity:0;scale:.9}}@keyframes toast-in{0%{opacity:0;translate:0 8px}}@media(prefers-reduced-motion:reduce){.sheet-scrim,.sheet,.dialog-scrim,.dialog,.menu:not([hidden]),.toast,.thumb,.quota-flower{animation:none}}.usage-summary{display:flex;align-items:center;gap:12px;padding:18px;border-radius:20px;background:var(--color-white);font-family:var(--font-hand);font-size:19px}.usage-flower{width:32px;height:32px;object-fit:contain}.usage-made{flex:1}.usage-total{font-size:26px}.usage-list{list-style:none;margin:0;padding:4px 0;border-radius:18px;background:var(--color-white);font-family:var(--font-hand)}.usage-row{display:flex;align-items:center;gap:12px;padding:10px 16px}.usage-row+.usage-row{border-top:1px solid var(--color-line)}.usage-thumb{width:44px;height:44px;flex:none;border-radius:12px;object-fit:cover;background:var(--color-vibe-gray)}.usage-thumb.empty{display:grid;place-items:center}.usage-thumb.empty img{width:24px;height:24px;opacity:.4}.usage-text{flex:1;min-width:0;display:flex;flex-direction:column}.usage-cost{font-size:17px}.usage-cost.none{color:var(--color-soft-ink)}.playground-empty{position:absolute;left:24px;right:24px;top:46%;transform:translateY(-50%);font-family:var(--font-hand);font-size:28px;line-height:34px;color:var(--color-soft-ink);text-align:center;pointer-events:none}.support-soon{align-self:center}