:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#1a1a1a;--muted:#6b6b6b;--line:#d8d8d8;--feeling-swatch-bg:#e7e4df;--feeling-swatch-ink:#33312e;--card-w:37.5em;--emoji-w:15em;--col-gap:1.75em;--row-gap:1.25em;--card-h:none}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background-color:#faf6ef;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%3E%3Cg%20fill='%23efe1cc'%3E%3Ccircle%20cx='20'%20cy='20'%20r='1.6'/%3E%3Ccircle%20cx='0'%20cy='0'%20r='1.6'/%3E%3Ccircle%20cx='40'%20cy='0'%20r='1.6'/%3E%3Ccircle%20cx='0'%20cy='40'%20r='1.6'/%3E%3Ccircle%20cx='40'%20cy='40'%20r='1.6'/%3E%3C/g%3E%3C/svg%3E");place-items:center;margin:0;padding:2em;font:1em/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid}main{flex-direction:column;align-items:center;gap:1.25em;display:flex}h1{letter-spacing:.01em;text-transform:lowercase;color:var(--muted);margin:0;font-family:Caveat,ui-sans-serif,cursive;font-size:2em;font-weight:700}h1 .tld{opacity:.5}.footer{border-top:1px solid var(--line);letter-spacing:.08em;width:100%;color:var(--muted);grid-template-columns:repeat(2,minmax(0,max-content));justify-content:space-between;align-items:start;gap:.4em 2.5em;margin-top:.5em;padding-top:1.5em;font-size:.75em;display:grid}.footer-col{text-align:start;flex-direction:column;align-items:flex-start;gap:.4em;display:flex}.footer .gh{margin-top:.375em;line-height:0}.footer a{color:inherit;text-underline-offset:.2em;text-decoration:underline}.contrast-toggle{letter-spacing:.08em;color:var(--muted);font-size:.75em}.contrast-toggle label{cursor:pointer;letter-spacing:.08em;align-items:center;gap:.45em;display:inline-flex}.contrast-toggle input{accent-color:var(--ink);cursor:pointer;margin:0}.footer a:hover{color:var(--ink)}.stage{grid-template-columns:minmax(10em, var(--emoji-w)) minmax(0, var(--card-w)) minmax(0, max-content);column-gap:var(--col-gap);row-gap:var(--row-gap);grid-template-areas:".head.""emoji card keys"".feelings.";justify-content:center;align-items:start;display:grid}.stage>.head{flex-direction:column;grid-area:head;align-items:stretch;gap:.5em;display:flex}.head-top{justify-content:space-between;align-items:baseline;gap:1em;margin-bottom:.25em;display:flex}.head>.head-top>.masthead{align-items:baseline;gap:.875em;display:flex}.stage>.card{grid-area:card}.stage>.emoji-list{max-height:var(--card-h);grid-area:emoji;align-self:stretch;overflow:hidden}.stage>.keys{max-height:var(--card-h);flex-direction:column;grid-area:keys;align-self:stretch;min-height:0;display:flex;overflow:hidden}.stage>.feelings-col{flex-direction:column;grid-area:feelings;align-items:center;gap:1em;width:100%;display:flex}.input-meta{justify-content:space-between;align-items:baseline;gap:1em;display:flex}.input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:.625em;outline:none;padding:.75em 1em;font-size:1.125em}.input:focus{border-color:#888}.counter{letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.75em}.timing{letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:.75em;transition:opacity .2s}.counter.full{color:#c0392b}.warn{letter-spacing:.04em;color:#b06a2c;text-align:left;min-width:0;margin:0;font-size:.75em}.warn,.feeling-bar{transition:opacity .2s}.is-hidden{opacity:0;pointer-events:none}.card{width:100%;max-width:var(--card-w);aspect-ratio:1;padding:var(--card-pad,7%);justify-content:center;align-items:center;gap:var(--card-gap,6%);text-align:center;color:#161616;background:linear-gradient(135deg,#dedede,#bebebe);border-radius:1.25em;flex-direction:column;transition:color .22s;display:flex;position:relative;overflow:hidden;container-type:inline-size}@keyframes drift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes emoji-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-3px)rotate(-2deg)}40%{transform:translate(3px)rotate(2deg)}60%{transform:translate(-2px)rotate(-1deg)}80%{transform:translate(2px)rotate(1deg)}}@keyframes emoji-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes emoji-wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes emoji-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes emoji-sink{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(6px)scale(.98)}}@keyframes emoji-tremor{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}}@keyframes emoji-heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}60%{transform:scale(1)}}@keyframes emoji-lift{0%,to{transform:translateY(4px)}50%{transform:translateY(-10px)}}@keyframes emoji-tilt{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes emoji-droop{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(8px)rotate(4deg)}}@keyframes emoji-shrinkBack{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(.86)rotate(8deg)}}.card[data-feeling]{animation:drift var(--drift-sec,16s) ease-in-out infinite;background-size:200% 200%}.card-emoji{animation-duration:var(--emoji-dur,2.4s);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.card[data-emoji=shake] .card-emoji{animation-name:emoji-shake;animation-timing-function:linear}.card[data-emoji=hop] .card-emoji{animation-name:emoji-hop}.card[data-emoji=wobble] .card-emoji{animation-name:emoji-wobble}.card[data-emoji=breathe] .card-emoji{animation-name:emoji-breathe}.card[data-emoji=sink] .card-emoji{animation-name:emoji-sink}.card[data-emoji=tremor] .card-emoji{animation-name:emoji-tremor;animation-timing-function:linear}.card[data-emoji=heartbeat] .card-emoji{animation-name:emoji-heartbeat}.card[data-emoji=lift] .card-emoji{animation-name:emoji-lift}.card[data-emoji=tilt] .card-emoji{animation-name:emoji-tilt}.card[data-emoji=droop] .card-emoji{animation-name:emoji-droop}.card[data-emoji=shrinkBack] .card-emoji{animation-name:emoji-shrinkBack}.card[data-feeling]{background-size:auto;animation:none}.card[data-feeling] .card-emoji,.card[data-feeling] .card-text{animation:none!important}.share-bar{gap:.75em;display:flex;position:absolute;bottom:1.5em;left:50%;transform:translate(-50%)}.share-bar button{font:inherit;letter-spacing:.14em;text-transform:uppercase;color:inherit;cursor:pointer;opacity:.55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid;border-radius:999px;padding:.375em .75em;font-size:.75em;transition:opacity .16s}.share-bar button:hover:not(:disabled),.share-bar button:focus-visible{opacity:1;outline:none}.share-bar button:disabled{opacity:.3;cursor:default}.share-progress{appearance:none;opacity:.55;background:#ffffff2e;border:1px solid;border-radius:999px;align-self:center;width:9em;height:.4em;overflow:hidden}.share-progress::-webkit-progress-bar{background:0 0}.share-progress::-webkit-progress-value{background:currentColor}.share-progress::-moz-progress-bar{background:currentColor}main[data-exporting] .input,main[data-exporting] .emoji-list,main[data-exporting] .feelings-col{opacity:.4;pointer-events:none}.card-watermark{letter-spacing:.01em;opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Caveat,ui-sans-serif,cursive;font-size:4.4cqw;font-weight:700;line-height:1.15;position:absolute;bottom:4.5%;right:5.5%}.card-emoji{font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:var(--card-emoji,32cqw);transform:translateY(var(--card-emoji-dy,6.5cqw));flex:none;line-height:1;transition:opacity .15s;position:relative}.card-emoji-lottie{pointer-events:none;position:absolute;inset:0}.card-emoji[data-animated] .card-emoji-glyph{visibility:hidden}@keyframes glyph-spring{0%{transform:scale(.88)}30%{transform:scale(1.05)}55%{transform:scale(.98)}78%{transform:scale(1.01)}to{transform:scale(1)}}.card-emoji-glyph[data-spring]{animation:.9s ease-out glyph-spring;display:inline-block}@media (prefers-reduced-motion:reduce){.card-emoji-glyph[data-spring]{animation:none}}.card .card-emoji[data-animated]{animation:none}.card-text-box{min-height:0;max-height:var(--card-text-box-max-h,48cqw);width:100%;padding:var(--card-text-box-pad,5% 3%);flex:0 auto;justify-content:center;align-items:center;transition:opacity .15s;display:flex;overflow:hidden}.card[data-phase=out] .card-emoji,.card[data-phase=out] .card-text-box,.card[data-phase=out] .card-canvas{opacity:0}.card-canvas{width:100%;height:100%;transition:opacity .15s;display:block;position:absolute;inset:0}.card-text{word-break:break-word;overflow-wrap:anywhere;margin:0;font-weight:600}.tw{display:inline}.tw-nowrap{white-space:nowrap}.tc{white-space:pre;display:inline-block}.card-text-placeholder{opacity:.6}.feeling-bar-container{width:100%;container-type:inline-size}.feeling-bar{grid-template-columns:repeat(5,1fr);gap:.625em;width:100%;display:grid}.feeling-bar button{aspect-ratio:1;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;opacity:.8;background:var(--feeling-swatch-bg);min-width:0;min-height:0;color:var(--feeling-swatch-ink);border:none;border-radius:1em;justify-content:center;align-items:center;padding:.5em;font-size:2.3cqw;line-height:1.2;transition:opacity .16s,transform .16s,box-shadow .16s;display:flex;box-shadow:0 1px 3px #0000002e}.feeling-bar button:hover,.feeling-bar button:focus-visible{opacity:1;outline:none;transform:translateY(-2px)}.feeling-bar button.active{opacity:1;box-shadow:0 0 0 2px var(--ink), 0 3px 10px #0000003d;font-weight:700;transform:translateY(-2px)}.feeling-bar button.placeholder{box-shadow:none;opacity:1;cursor:default;background:#0000000d}.color-bar-container{width:100%;container-type:inline-size}.color-bar{grid-template-columns:repeat(5,1fr);gap:.625em;width:100%;display:grid}.color-bar button{aspect-ratio:1;cursor:pointer;opacity:.85;border:none;border-radius:1em;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;transition:opacity .16s,transform .16s,box-shadow .16s;display:flex;box-shadow:0 1px 3px #0000002e;container-type:inline-size}.color-bar button span{letter-spacing:.02em;font:600 30cqw/1 Inter,system-ui,sans-serif}.color-bar button:hover,.color-bar button:focus-visible{opacity:1;outline:none;transform:translateY(-2px)}.color-bar button.active{opacity:1;box-shadow:0 0 0 2px var(--ink), 0 3px 10px #0000003d;transform:translateY(-2px)}.color-bar button.placeholder{box-shadow:none;opacity:1;cursor:default;background:#0000000d}.emoji-list{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.625em;height:100%;margin:0;padding:.125em;list-style:none;display:grid}.emoji-list li{min-height:0;display:grid}.emoji-list:not([data-ready]) button{opacity:.4}.emoji-list:not([data-ready]) button:hover,.emoji-list:not([data-ready]) button:focus-visible{border-color:var(--line);transform:none;box-shadow:0 1px 2px #0000000d}.emoji-list button{width:100%;height:100%;font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.875em;flex-direction:column;justify-content:center;align-items:center;gap:.375em;padding:.375em;transition:border-color .16s,box-shadow .16s,transform .16s,opacity .22s;display:flex;box-shadow:0 1px 2px #0000000d;container-type:inline-size}.emoji-list button:hover,.emoji-list button:focus-visible{border-color:#9a9a9a;outline:none;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.emoji-list-glyph{font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:34cqw;line-height:1}.emoji-list-weight{color:var(--muted);font-variant-numeric:tabular-nums;font:9cqw/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.emoji-list button.active{box-shadow:0 0 0 2px var(--ink), 0 2px 8px #0000001f;border-color:currentColor}.keys{letter-spacing:.06em;color:var(--muted);font-size:.75em}.keys dl{gap:.75em;margin:0;display:grid}.keys dl>div{align-items:center;gap:.625em;display:flex}.keys dt{flex:none;gap:.25em;display:flex}.keys kbd{min-width:1.5em;font:inherit;text-align:center;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:.35em;padding:.15em .4em;font-size:.9em;line-height:1.4}.keys dd{margin:0}.emoji-rain{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.emoji-rain span{animation:linear both emoji-fall;position:absolute;top:-3rem}@keyframes emoji-fall{to{transform:translateY(110vh)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.emoji-rain{display:none}}.toast{letter-spacing:.08em;color:#fafafa;opacity:0;pointer-events:none;background:#141414e6;border-radius:999px;padding:.625em 1.125em;font-size:.8125em;transition:opacity .18s,transform .18s;position:fixed;bottom:2em;left:50%;transform:translate(-50%,.5em)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=56.25em){body{padding:1em}.stage{grid-template-columns:minmax(0, var(--card-w));grid-template-areas:"head""card""emoji""feelings"}.stage>.keys{display:none}.footer{grid-template-columns:minmax(0,max-content)}.head-top{flex-direction:column;align-items:center;gap:.5em}.stage>.emoji-list{align-self:auto}.emoji-list{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;height:auto}.emoji-list li:nth-child(n+10){display:none}.emoji-list button{aspect-ratio:1;height:auto}.feeling-bar,.color-bar{grid-template-columns:repeat(2,1fr)}.feeling-bar button{font-size:4.5cqw}}.style-preview{width:92vw;max-width:90em}.style-preview header{text-align:center;max-width:48em;margin:0 auto 2em}.style-preview h1{margin:0 0 .4em}.style-preview header p{color:var(--muted);line-height:1.5}.style-preview header code{background:var(--line);border-radius:.3em;padding:.1em .4em}.style-preview-status{text-align:center;color:var(--muted);padding:4em 1em}.style-preview-grid{grid-template-columns:repeat(auto-fill,minmax(13em,1fr));gap:1.5em;width:100%;display:grid}.style-preview-card{margin:0}.style-preview-card figcaption{text-align:center;color:var(--muted);margin-top:.5em;font-size:.85em}.style-preview-lang{text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-size:.8em}.style-preview-motif{opacity:.7}.style-preview-controls{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;font-size:.9em;display:flex}@property --shimmer-c{syntax:"<number>";inherits:false;initial-value:0}.card-shimmer{z-index:0;pointer-events:none;opacity:0;position:absolute;inset:0}.card>.card-text-box,.card>.card-emoji{z-index:1;position:relative}.footer .lang-select select{font:inherit;letter-spacing:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.4em;padding:.1em .3em}html[dir=rtl] .stage{direction:ltr}html[dir=rtl] .footer-col,html[dir=rtl] .keys dd,html[dir=rtl] .contrast-toggle,html[dir=rtl] .input-meta,html[dir=rtl] .toast{direction:rtl}html[lang=he] .feeling-bar button{font-size:3cqw}@media (width<=56.25em){html[lang=he] .feeling-bar button{font-size:5.6cqw}}