/* kedici? — Minimal home / two-character outputs. No decorative actions. */
:root{font-family:Arial,Helvetica,system-ui,sans-serif;color:#0b0b0b;background:#fff;font-synthesis:none;--black:#0b0b0b;--lime:#d9ff52;--lilac:#e7d7ff}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%}
body{min-height:100svh;overflow-x:hidden}
button,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,textarea:focus-visible{outline:3px solid #266df5;outline-offset:3px}
[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
main,.home{width:100%;min-height:100svh}
.home{display:grid;place-items:center;padding:30px 20px}
.home-inner{width:min(100%,550px);margin-top:-4vh}
.brand{display:flex;justify-content:center;line-height:0;margin:0}
.brand img{display:block;width:min(100%,355px);height:auto}
.subtitle{text-align:center;margin:6px 0 34px;font-size:clamp(14px,2.8vw,16px);line-height:1.4;color:#121212;letter-spacing:-.018em}
.prompt-box{width:100%;border:1px solid #d8d8d8;background:#fff;border-radius:30px;box-shadow:0 7px 21px rgba(14,14,14,.055);transition:border-color .18s,box-shadow .18s}
.prompt-box:focus-within{border-color:#a8a8a8;box-shadow:0 7px 26px rgba(14,14,14,.09)}
#phrase{display:block;width:100%;min-height:59px;height:59px;resize:none;overflow:hidden;scrollbar-width:none;border:0;border-radius:30px;background:transparent;color:#222;padding:17px 23px;font-size:17px;line-height:25px;outline:0;box-shadow:none}
#phrase::-webkit-scrollbar{display:none}
#phrase::placeholder{color:#999}
.choices{display:flex;gap:12px;align-items:stretch;margin-top:20px}
.choice{display:flex;flex:1;align-items:center;justify-content:center;gap:12px;min-height:55px;min-width:0;border:0;border-radius:16px;padding:12px 15px;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:800;white-space:nowrap;line-height:1.15;transition:transform .17s,filter .17s;touch-action:manipulation}
.choice:hover{filter:brightness(.97);transform:translateY(-1px)}
.choice-symbol{flex-shrink:0;font-size:23px;line-height:1}
.choice .glasses{width:30px;height:25px;flex:none}
.alpha-choice{color:#0b0b0b;background:var(--lime)}
.boomer-choice{color:#0b0b0b;background:var(--lilac)}
.destination{position:relative;display:flex;align-items:center;justify-content:center;min-height:100svh;width:100%;height:auto;padding:100px clamp(22px,6vw,90px) 80px;isolation:isolate;overflow-x:clip;overflow-y:visible}
.back{position:absolute;top:clamp(18px,3vw,30px);left:clamp(18px,4vw,38px);z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:transparent;color:inherit;font-size:33px;line-height:1;border:1px solid currentColor;transition:transform .16s}
.back:hover{transform:translateX(-4px)}
.answer-wrap{width:min(100%,1050px);min-width:0;position:relative;z-index:1}
.answer{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;hyphens:auto;text-align:center;text-wrap:balance;line-height:1.14}
.answer.is-long{text-wrap:pretty}
/* Content + viewport responsive type: long answers scroll with the page, never shrink below 21px. */
body[data-view=alpha]{background:#0c100b;color:#d9ff52}
body[data-view=alpha] .destination{background:radial-gradient(ellipse at 50% 43%,#182715 0%,#0c100b 75%)}
body[data-view=alpha] .answer{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.044em;font-size:clamp(22px,9vw,112px);line-height:1.08}
body[data-view=alpha] .back{border-color:rgba(217,255,82,.35)}
body[data-view=boomer]{background:#f8efd4;color:#69377a}
body[data-view=boomer] .destination{background:radial-gradient(circle at 17% 12%,rgba(244,174,95,.19),transparent 35%),radial-gradient(circle at 88% 85%,rgba(124,75,172,.15),transparent 39%),#f8efd4}
body[data-view=boomer] .answer{font-family:Georgia,'Times New Roman',serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(22px,7vw,88px);line-height:1.22}
body[data-view=boomer] .back{background:#fff7df;border:2px solid #69377a}
@media(max-width:520px){.home-inner{margin-top:-6vh}.brand img{width:min(100%,320px)}.subtitle{margin-bottom:30px}.choices{gap:10px}.choice{padding:11px 9px;font-size:15px;min-height:53px;gap:8px}.choice-symbol{font-size:21px}.choice .glasses{width:27px}.destination{padding:95px 25px 66px}}
@media(max-width:350px){.choice{font-size:14px;gap:5px}.choice-symbol{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}