@layer components{.koi-compose{margin-top:2.4em}.koi-connect-socials{margin-top:1.6em}.koi-copy-hint{display:none}@media (hover:hover) and (pointer:fine){.koi-copy-hint{vertical-align:bottom;color:var(--faint);margin-left:1.2ch;font-size:.8em;transition:color .15s;display:inline-grid;overflow:hidden}.koi-copy:is(:hover,:focus-visible) .koi-copy-hint{color:var(--muted)}.koi-copy-hint>span{transition:opacity .2s ease, translate .32s var(--ease-settle);grid-area:1/1}.koi-copy-done{opacity:0;color:var(--accent)}.koi-copy.is-copied .koi-copy-idle{opacity:0}.koi-copy.is-copied .koi-copy-done{opacity:1}@media (prefers-reduced-motion:no-preference){.koi-copy-done{translate:0 100%}.koi-copy.is-copied .koi-copy-idle{translate:0 -100%}.koi-copy.is-copied .koi-copy-done{translate:0}}}.koi-compose-box{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 82%, transparent);border-radius:6px;transition:border-color .15s}.koi-compose-box:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.koi-compose-row{border-bottom:1px solid var(--border);grid-template-columns:8ch minmax(0,1fr);align-items:baseline;padding:.6em .9em;display:grid}.koi-compose input,.koi-compose textarea{width:100%;color:var(--text);caret-color:var(--accent);outline:none}@media (hover:none){.koi-compose :is(input,textarea){font-size:max(16px,1em)}}.koi-compose ::placeholder{color:var(--faint)}.koi-compose textarea{resize:none;field-sizing:content;min-height:calc(5lh + 1.2em);padding:.6em .9em;display:block}.koi-compose-send{align-items:baseline;gap:1.2ch;margin-top:.9em;display:flex}.koi-compose-send button{cursor:pointer}.koi-compose-send kbd{font-size:.75em}@media (hover:none){.koi-compose-send kbd{display:none}}}