@font-face{font-family:Fraunces;src:url('/assets/fraunces.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:Mono;src:url('/assets/mono.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--acid:#d8ee49;--ink:#23271b;--paper:#f8f3df;--orange:#f14b26;--rule:rgba(35,39,27,.36);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--acid);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button{border:0}a{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}::selection{background:var(--ink);color:var(--acid)}[hidden]{display:none!important}
.page-shell{max-width:1600px;margin:auto;padding:0 clamp(22px,4.6vw,80px);min-height:100svh;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding:24px 0 21px;gap:24px}.home-mark{font-family:Fraunces,Georgia,serif;font-size:34px;font-weight:900;line-height:1;letter-spacing:-2px;text-decoration:none}.period{color:var(--orange)}.masthead-caption,.masthead-aside{font-family:Mono,monospace;font-size:12px;line-height:1.4;letter-spacing:.07em}.masthead-caption{margin-right:auto}.masthead-aside{text-align:right}main{flex:1;display:flex;flex-direction:column;justify-content:center}.toy{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(25px,5vw,90px);padding:35px 0 50px;min-height:630px}.identity{align-self:center;position:relative;min-width:0}.title-wrap{position:relative}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(125px,17.2vw,266px);font-weight:900;line-height:.8;letter-spacing:-.09em;margin:0 0 20px -.03em}h1 .period{letter-spacing:-.12em}.tiny-note{position:absolute;right:1%;top:-35px;font-family:Mono,monospace;font-size:12px;line-height:1.4;transform:rotate(9deg);border:1px solid var(--ink);padding:10px;border-radius:50%;height:64px;width:64px;display:grid;place-content:center;text-align:center}.creature{position:relative;margin:-18px -30px -12px -25px;transform-origin:50% 82%;transition:transform .22s ease}.creature img{display:block;width:100%;height:auto;object-fit:contain;max-height:365px;user-select:none}.creature-caption{font-family:Mono,monospace;font-size:12px;display:block;text-align:center;transform:rotate(-3deg);margin-top:-12px;margin-left:80px}.interaction{min-width:0;padding-top:7px}.eyebrow{font-family:Mono,monospace;font-size:12px;letter-spacing:.07em;margin:0 0 19px}.opening h2{font-family:Fraunces,Georgia,serif;font-size:clamp(32px,3.8vw,57px);line-height:1.05;letter-spacing:-.052em;font-weight:900;margin:0 0 30px}.opening em{font-style:normal;position:relative}.opening em:after{content:"";position:absolute;left:0;bottom:-4px;right:0;border-bottom:2px solid var(--ink);transform:rotate(-1deg)}.question-label{font-family:Mono,monospace;font-size:12px;letter-spacing:.08em;display:block;margin-bottom:9px}.input-wrap{background:var(--paper);border:1.5px solid var(--ink);padding:18px 18px 15px;box-shadow:4px 4px 0 var(--ink);transition:box-shadow .15s,transform .15s}.input-wrap:focus-within{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}textarea{display:block;resize:none;border:none;outline:none;background:none;width:100%;font-size:23px;line-height:1.3;color:var(--ink);min-height:70px;max-height:140px;border-radius:0;padding:0;margin:0 0 14px}textarea::placeholder{color:#6b6c5c;opacity:1}.ask-button{background:var(--ink);color:var(--paper);padding:15px 18px;font-size:16px;font-weight:700;width:100%;display:flex;justify-content:space-between;align-items:center;transition:background .15s,transform .15s}.ask-button:hover{background:#393f24}.ask-button:active{transform:translateY(2px)}.form-foot{display:flex;justify-content:space-between;gap:10px;padding-top:13px;min-height:37px;font-family:Mono,monospace;font-size:12px;line-height:1.6}.form-foot p{margin:0}.counter{white-space:nowrap}.suggestions{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;margin-top:12px;font-size:12px;font-family:Mono,monospace}.suggestions span{font-size:12px;opacity:.65}.suggestions button{padding:6px 0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:32px}.suggestions button:hover{text-decoration-thickness:2px}.bottom-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:Mono,monospace;font-size:12px;letter-spacing:.04em}.bottom-quote{font-family:Fraunces,Georgia,serif;font-size:24px;letter-spacing:-.045em}.issue{text-align:right}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:Mono,monospace;font-size:12px;padding:21px 0}footer button{font-size:12px;font-family:inherit;text-decoration:underline;text-underline-offset:3px;background:none;padding:8px 0}#privacy-note{font-size:14px;line-height:1.6;max-width:760px;margin:0 0 24px}.status{font-family:Mono,monospace;font-size:12px;line-height:1.6;min-height:0;margin:14px 0 0}.status:empty{display:none}
.answer-stage .eyebrow{margin-bottom:16px}.original-question{font-size:19px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 28px;max-width:480px}.original-question:before{content:'“'}.original-question:after{content:'”'}.answer{font-family:Fraunces,Georgia,serif;font-size:clamp(42px,5vw,78px);font-weight:900;line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;overflow-wrap:anywhere;outline:none;text-wrap:balance}.answer.compact{font-size:clamp(34px,4vw,60px)}.answer.short{font-size:clamp(68px,8vw,112px)}.answer-signature{display:flex;justify-content:space-between;gap:12px;align-items:center;font-family:Mono,monospace;font-size:12px;padding-bottom:23px;border-bottom:1px solid var(--rule)}.answer-domain{max-width:62%;overflow-wrap:anywhere;text-align:right;font-size:12px}.result-actions{display:flex;gap:20px;margin-top:24px;align-items:center}.share-button{background:var(--orange);color:#201b12;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;font-size:16px;font-weight:700;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);flex:1;min-height:58px;transition:transform .15s,box-shadow .15s}.share-button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.share-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.again-button{font-size:14px;background:none;padding:18px 0;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.share-fallback{margin-top:22px;background:var(--paper);border:1px solid var(--ink);padding:16px;font-size:14px}.share-fallback label{display:block;margin-bottom:10px;font-weight:700}.share-fallback>div{display:flex;gap:8px}.share-fallback input{width:0;flex:1;min-width:0;padding:10px;border:1px solid var(--ink);background:transparent;font-size:14px}.share-fallback button{background:var(--ink);color:var(--paper);font-size:14px;padding:10px}.share-fallback p{font-size:12px;line-height:1.5;margin-bottom:0}.noscript{padding:20px;background:var(--paper);border:1px solid var(--ink);text-align:center}
[data-state=thinking] .creature{animation:reluctant 1.8s ease-in-out infinite}[data-state=thinking] .ask-button{background:#41472d}[data-state=thinking] textarea{opacity:.65}[data-state=result] .answer-stage{animation:verdict .22s ease-out both}[data-state=result] .creature{transform:rotate(-2deg) translateY(4px)}[data-state=safety] .answer{font-family:Arial,Helvetica,sans-serif;font-size:24px;line-height:1.5;letter-spacing:0;font-weight:500}[data-state=safety] .creature-caption,[data-state=safety] .bottom-line,[data-state=safety] .tiny-note{visibility:hidden}[data-state=safety] .eyebrow{letter-spacing:0}[data-state=safety] .toy{align-items:center}
@keyframes reluctant{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(4px) rotate(-1deg)}}@keyframes verdict{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.toy{min-height:700px}}@media(max-width:980px){.toy{gap:30px;grid-template-columns:1fr 1fr;min-height:570px}h1{font-size:17vw}.creature{margin:0 -16px}.opening h2{font-size:38px}.masthead-aside{display:none}.tiny-note{top:-65px;right:2%}.result-actions{gap:15px;flex-wrap:wrap}.share-button{flex:auto}}
@media(max-width:700px){.page-shell{padding:0 22px}.masthead{padding:16px 0 13px;gap:20px}.home-mark{font-size:29px}.masthead-caption{margin:0;text-align:right;font-size:10px;line-height:1.5}.toy{display:flex;flex-direction:column;gap:0;padding:29px 0 30px;min-height:0;align-items:stretch}.identity{width:100%}.title-wrap{max-width:450px;margin:auto}h1{font-size:clamp(116px,29.5vw,202px);line-height:.8;margin:0 0 0 -.035em;letter-spacing:-.09em;text-align:left}.tiny-note{font-size:10px;width:53px;height:53px;padding:5px;right:0;top:9px;transform:rotate(11deg)}.creature{margin:-1px auto 6px;width:96%;max-width:460px;height:170px}.creature img{height:190px;width:100%;object-fit:contain;position:relative;top:-6px}.creature-caption{font-size:10px;position:absolute;bottom:0;right:0;margin:0;transform:rotate(-6deg)}.interaction{padding:15px 0 0}.opening .eyebrow{display:none}.opening h2{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.3;letter-spacing:-.03em;margin:0 0 24px;text-align:center;font-weight:500}.opening h2 br{display:none}.opening h2 br:after{content:' '}.opening h2 em{font-weight:700}.opening h2 em:after{bottom:-5px;border-width:1px}.question-label{font-size:11px;margin-bottom:8px}.input-wrap{padding:16px 16px 14px;box-shadow:3px 3px 0 var(--ink)}textarea{font-size:21px;min-height:60px;margin-bottom:9px;line-height:1.4}.ask-button{padding:14px 16px;min-height:50px}.form-foot{font-size:11px;padding-top:11px}.suggestions{gap:4px 13px;margin-top:6px}.suggestions button{font-size:11px}.suggestions span{font-size:10px}.bottom-line{padding:16px 0;font-size:10px;gap:12px}.bottom-quote{font-size:19px}.issue{display:none}footer{font-size:10px;padding:12px 0;gap:12px}footer button{font-size:10px}.result-actions{flex-wrap:nowrap;gap:19px}.share-button{font-size:15px;padding:16px 14px;gap:10px}.again-button{font-size:13px}.original-question{font-size:17px;margin-bottom:24px}.answer{font-size:clamp(43px,11.5vw,68px);margin-bottom:22px}.answer.compact{font-size:clamp(36px,9.5vw,54px)}.answer.short{font-size:clamp(66px,20vw,96px)}.answer-stage .eyebrow{font-size:10px;margin-bottom:16px}.answer-signature{font-size:11px;align-items:baseline;padding-bottom:17px}.answer-domain{font-size:10px}.answer-stage{padding-top:8px}[data-state=result] .toy,[data-state=safety] .toy{padding-top:23px}[data-state=result] .identity,[data-state=safety] .identity{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}[data-state=result] .title-wrap,[data-state=safety] .title-wrap{margin:0;width:50%}[data-state=result] h1,[data-state=safety] h1{font-size:clamp(68px,16vw,110px);margin:0}[data-state=result] .tiny-note,[data-state=safety] .tiny-note{display:none}[data-state=result] .creature,[data-state=safety] .creature{width:48%;height:105px;margin:0}[data-state=result] .creature img,[data-state=safety] .creature img{height:115px;top:0}[data-state=result] .creature-caption,[data-state=safety] .creature-caption{display:none}[data-state=result] .interaction,[data-state=safety] .interaction{padding-top:10px}[data-state=safety] .answer{font-size:21px}main{justify-content:flex-start}.bottom-line{margin-top:auto}}
@media(max-width:370px){.page-shell{padding:0 17px}.creature{height:148px}.creature img{height:166px}.toy{padding-top:25px}.suggestions{column-gap:10px}.result-actions{gap:13px}.share-button{font-size:14px}.again-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Give the unusually heavy display face room to speak. */
body[data-mode=safety] .masthead-caption,body[data-mode=safety] .masthead-aside,body[data-mode=safety] footer>span{visibility:hidden}body[data-mode=safety] .creature{display:none}body[data-mode=safety] .title-wrap{margin:0}
h1{letter-spacing:-.065em}.opening h2{letter-spacing:-.035em;word-spacing:.03em}.answer{letter-spacing:-.025em;word-spacing:.04em}.bottom-quote{letter-spacing:-.025em}
@media(max-width:700px){.masthead-caption,.question-label,.form-foot,.suggestions,.suggestions span,.suggestions button,.bottom-line,footer,footer button,.answer-stage .eyebrow,.answer-signature,.answer-domain{font-size:12px}.suggestions button{min-height:40px}.opening h2{font-size:20px;letter-spacing:-.02em;margin-bottom:23px}.creature-caption{font-size:12px}.tiny-note{font-size:11px}.bottom-line{align-items:center}.bottom-line>span:first-child{max-width:48%}.bottom-quote{font-size:19px}.answer-domain{max-width:62%}.toy{padding-bottom:23px}footer{align-items:flex-start;line-height:1.6}footer>span{max-width:48%}footer button{padding-top:0;text-align:right}}
@media(max-width:370px){.opening h2{font-size:18px}.result-actions{flex-wrap:wrap}.share-button{flex-basis:100%}.again-button{font-size:14px;padding:8px 0}.answer-domain{font-size:12px}}
@media(max-width:370px){.tiny-note{display:none}}