@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("/brand/dm-sans.woff2") format("woff2")}
:root{color-scheme:dark;font-family:"DM Sans",sans-serif;background:#0b1f33;color:#fbf9f3}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;min-height:100%}
body{min-height:100svh}
.aurora{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;user-select:none}
.entry{position:relative;min-height:100svh;min-height:100dvh;display:grid;place-content:center;padding:24px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
.composer{display:flex;align-items:center;gap:12px;width:min(680px,calc(100vw - 48px));padding:22px 26px;border:1px solid rgba(208,242,236,.34);border-radius:28px;background:rgba(7,25,40,.78);box-shadow:0 12px 50px rgba(0,9,20,.22),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .18s,box-shadow .18s}
.composer:focus-within{border-color:rgba(137,237,217,.82);box-shadow:0 0 0 3px rgba(93,213,186,.13),0 16px 56px rgba(0,9,20,.25)}
#idea{display:block;flex:1;min-width:0;width:100%;height:30px;min-height:30px;max-height:180px;margin:0;padding:0;border:0;border-radius:0;outline:none;resize:none;overflow-y:auto;background:transparent;color:#fbf9f3;caret-color:#9de7d5;font:400 21px/30px "DM Sans",sans-serif;letter-spacing:-.015em;scrollbar-width:thin;scrollbar-color:#536f7a transparent}
#idea::placeholder{color:#e0eae9;opacity:1}
.composer-tools{flex:0 0 auto;align-self:flex-end}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){.entry{padding:20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.composer{width:calc(100vw - 40px);padding:20px 22px;border-radius:25px}#idea{font-size:18px;line-height:28px;min-height:28px;height:28px;max-height:168px}}
@media(max-height:440px){.entry{padding-top:20px;padding-bottom:20px}#idea{max-height:112px}}
@media(prefers-reduced-motion:reduce){.composer{transition:none}}
@media(forced-colors:active){.composer{border:2px solid CanvasText;background:Canvas}#idea{color:CanvasText}#idea::placeholder{color:GrayText}}