@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");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}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");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}:root{--deep:#0b3a41;--pool:#0f4950;--shallow:#1d6b73;--foam:#e7f1ec;--mist:#a9d3cb;--line:#e7f1ec52;--stone:#e8a33a;--stone-ink:#2a1a04;--alert:#ffdcd2;--face:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(20px, 6vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--pool);color:var(--foam);font-family:var(--face);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;font-size:1.0625rem;line-height:1.5}::selection{background:var(--stone);color:var(--stone-ink)}:focus-visible{outline:2px solid var(--foam);outline-offset:4px;border-radius:6px}html{scrollbar-color:var(--shallow) var(--deep)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.water{z-index:0;touch-action:manipulation;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.water--static{background:radial-gradient(120% 70% at 50% 110%, var(--shallow), transparent 70%), linear-gradient(var(--deep), var(--pool))}.app{z-index:1;min-height:100dvh;position:relative}.box{max-width:36rem;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 22px) calc(env(safe-area-inset-right) + var(--gutter)) calc(env(safe-area-inset-bottom) + 28px) calc(env(safe-area-inset-left) + var(--gutter));flex-direction:column;margin:0 auto;display:flex}.mark{text-align:center;letter-spacing:.06em;color:var(--mist);margin:0;font-size:.8125rem;font-weight:600;font-stretch:100%}.compose,.done,.login{flex-direction:column;flex:1;display:flex}.question{text-align:center;letter-spacing:-.035em;text-wrap:balance;margin:clamp(36px,9vh,96px) 0 clamp(28px,5vh,48px);font-size:clamp(2.9rem,14.5vw,5.75rem);font-weight:760;font-stretch:78%;line-height:.92}.question:focus{outline:none}.question--done{margin-bottom:20px}.question--inbox{margin-top:clamp(28px,6vh,64px);font-size:clamp(2.5rem,11vw,4.5rem)}.field{flex-direction:column;display:flex}.field textarea,.field input{width:100%;font:inherit;color:var(--foam);caret-color:var(--stone);border:0;border-bottom:1.5px solid var(--line);transition:border-color .3s var(--ease-out), border-width .3s var(--ease-out);-webkit-appearance:none;appearance:none;background:0 0;border-radius:0;padding:10px 2px 12px}.field textarea{resize:none;text-align:center;min-height:calc(4.05em + 22px);font-size:1.375rem;font-weight:450;line-height:1.35;overflow:hidden}.field input{font-size:1.0625rem}.field textarea::placeholder,.field input::placeholder{color:var(--mist);opacity:1}.field textarea:focus,.field input:focus{border-bottom-color:var(--foam);border-bottom-width:2.5px;outline:none}.field textarea:focus-visible{outline:none}.field input:focus-visible{outline:none}.field textarea[aria-invalid]{border-bottom-color:var(--alert)}.count{text-align:center;color:var(--mist);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:.875rem}.count--over{color:var(--alert)}.field--name{margin-top:30px}.field--name label{color:var(--mist);letter-spacing:.02em;font-size:.875rem;font-weight:600}.field--name input{padding-top:6px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.drop-row{flex-direction:column;align-items:stretch;margin-top:auto;padding-top:36px;display:flex}.as{text-align:center;color:var(--mist);min-height:1.5em;margin:0 0 12px;font-size:.9375rem}.as strong{color:var(--foam);font-weight:650}.drop{font:inherit;letter-spacing:-.01em;color:var(--stone-ink);background:var(--stone);cursor:pointer;touch-action:manipulation;min-height:64px;transition:background-color .25s var(--ease-out), opacity .25s;border:0;border-radius:44% 56% 52% 48%/62% 58% 42% 38%;padding:0 28px;font-size:1.25rem;font-weight:700;font-stretch:88%;box-shadow:0 10px 24px -10px #0000008c,inset 0 -8px 14px -6px #78460073}.drop:hover{background:#f0b250}.drop:disabled{opacity:.55;cursor:default}.drop:focus-visible{outline-offset:5px;border-radius:44% 56% 52% 48%/62% 58% 42% 38%}.error{text-align:center;min-height:1.5em;color:var(--alert);margin:12px 0 0;font-size:.9375rem}.error:empty{visibility:hidden}.stone{z-index:5;pointer-events:none;will-change:transform, width, height;display:none;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 14px 20px -12px #0009,inset 0 -8px 14px -6px #78460066}.stone span{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 2px 12px;font-size:1.375rem;line-height:1.35;display:block}.ring{border:1.5px solid var(--mist);opacity:0;pointer-events:none;z-index:0;border-radius:50%;width:220px;height:70px;margin:-35px 0 0 -110px;position:fixed}.ring--show{animation:1.6s ease-out ring-fade}@keyframes ring-fade{0%{opacity:.8}to{opacity:0}}.done{text-align:center}.receipt{font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;margin:0;display:flex}.receipt__no{font-size:1.5rem;font-weight:700;font-stretch:85%}.receipt__from{color:var(--mist)}.thanks{max-width:24ch;margin:28px auto 0;font-size:1.1875rem;line-height:1.4}.again{font:inherit;color:var(--foam);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--mist);text-decoration-color:var(--mist);cursor:pointer;background:0 0;border:0;margin:auto auto 8px;padding:16px 12px;font-weight:650}.again:hover{-webkit-text-decoration-color:var(--foam);text-decoration-color:var(--foam)}.box--inbox{max-width:46rem}.lede{text-align:center;color:var(--mist);margin:-16px 0 28px}.login .drop{margin-top:36px}.inbox-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.inbox-head .mark{text-align:left}.inbox-head__actions{gap:4px;display:flex}.link{font:inherit;color:var(--mist);cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:10px 8px;font-size:.9375rem;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.link:hover{color:var(--foam);-webkit-text-decoration-color:var(--mist);text-decoration-color:var(--mist)}.link:disabled{opacity:.6;cursor:default}.tabs{background:#052529b8;border:1px solid #e7f1ec1f;border-radius:999px;align-self:center;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tab{font:inherit;color:var(--mist);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative}.tab__label,.tab__count{position:relative}.tab__count{font-variant-numeric:tabular-nums;opacity:.8;font-size:.8125rem}.empty{text-align:center;color:var(--mist);max-width:30ch;margin:48px auto}.ideas{flex-direction:column;margin:8px 0 0;padding:0;list-style:none;display:flex}.idea{border-bottom:1px solid #e7f1ec24;padding:22px 4px 18px}.idea__meta{color:var(--mist);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;font-size:.875rem;display:flex}.idea__no{color:var(--foam);font-weight:700}.idea--new .idea__no:after{content:"";background:var(--stone);vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.idea__text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:65ch;margin:8px 0 12px;font-size:1.1875rem;line-height:1.45}.idea__actions{flex-wrap:wrap;gap:4px;margin-left:-8px;display:flex}.idea__actions button{font:inherit;color:var(--mist);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:40px;padding:10px 8px;font-size:.875rem;font-weight:600;transition:color .2s,background-color .2s}.idea__actions button:hover{color:var(--foam);background:#e7f1ec14}@media (min-width:720px){.field textarea{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.drop{border-radius:48% 52% 46% 54%/60% 56% 44% 40%;align-self:center;width:min(100%,17rem);min-height:72px}.tabs{scrollbar-width:none;width:100%}.tabs::-webkit-scrollbar{display:none}.tab{flex:1;justify-content:center;gap:6px;padding:10px 6px}.field textarea,.field input{border-bottom-color:#e7f1ec80}.field__label{text-align:center;color:var(--mist);letter-spacing:.02em;font-size:.875rem;font-weight:600}.as{color:var(--foam)}.idea--new .idea__no:after{background:var(--foam)}@media (min-width:720px){.question{letter-spacing:-.02em}}.tabs{background:0 0;border:0;border-bottom:1.5px solid #e7f1ec38;border-radius:0;gap:0;padding:0}.tab{color:var(--mist);border-radius:0}.tab[aria-pressed=true]{color:var(--foam)}.tab__line{background:var(--foam);border-radius:2px;height:2.5px;position:absolute;bottom:-1.5px;left:10%;right:10%}.field textarea:disabled{color:#0000}:root{--mist-small:#cae7e0}.idea__meta,.idea__actions button,.lede,.tab,.link,.count,.field__label,.field--name label,.receipt__from,.mark,.empty{color:var(--mist-small)}.tab[aria-pressed=true],.link:hover,.idea__actions button:hover{color:var(--foam)}.idea__actions .danger{color:var(--alert)}.idea--archived .idea__text{color:var(--mist-small)}.tab__count{opacity:1}