.postit-section{display:grid;grid-template-columns:1fr 1fr;background:#141431;color:#fff}
.human-preview-result[hidden],#human-preview-hint[hidden]{display:none}
.prototype .human-teaser .fake-options button{transition:none}
.prototype .human-teaser .fake-options button.selected,.prototype .human-teaser .fake-options button:hover{background:#141431;color:#fff}
.postit-intro{min-height:590px;padding:clamp(38px,6vw,92px) 5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.postit-intro h2{margin:36px 0 22px;font-size:clamp(52px,6.5vw,110px);line-height:.85;letter-spacing:-.065em}
.postit-intro h2 em{color:#e964a3;font-style:normal}
.postit-intro p{font-size:clamp(18px,1.7vw,24px);margin:0 0 28px}
.postit-open,.postit-submit{border:2px solid #fff;border-radius:9px;background:#e964a3;color:#141431;font-weight:800;letter-spacing:.035em;padding:15px 20px;cursor:pointer;box-shadow:5px 5px 0 #fff}
.postit-open:hover,.postit-submit:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #fff}
.postit-dolls{min-height:590px}.postit-dolls img{object-position:center center}
.postit-board{grid-column:1/-1;min-height:225px;padding:26px 5vw 38px;background:#f6f3ed;color:#141431;border-top:3px solid #141431;background-image:radial-gradient(#14143118 .7px,transparent .7px);background-size:18px 18px}
.postit-board h3{margin:0 0 34px;font-size:clamp(28px,3vw,43px);line-height:1;letter-spacing:-.04em}
.postit-empty{font-size:clamp(28px,4vw,56px);font-weight:800;letter-spacing:-.04em;margin:15px 0}.postit-empty[hidden]{display:none}
.postit-notes{display:flex;gap:22px;align-items:center;overflow-x:auto;overflow-y:hidden;padding:15px 12px 18px;scrollbar-color:#e964a3 transparent;scrollbar-width:thin}
.postit-note{position:relative;flex:0 0 174px;width:174px;height:174px;padding:34px 13px 12px;background:var(--postit-color,#fff);border:1.5px solid #141431;box-shadow:5px 6px 0 #141431;transform:rotate(var(--tilt));overflow-wrap:anywhere;overflow:hidden}
.postit-note::before{content:'';position:absolute;width:19px;height:19px;top:10px;left:50%;border-radius:50%;background:radial-gradient(circle at 31% 28%,#fff9 0 17%,#ed398d 28%,#9c1b51 76%);border:1px solid #791443;box-shadow:2px 4px 2px #1414318c;transform:translateX(-50%);z-index:2}
.postit-note::after{content:'';position:absolute;width:4px;height:15px;top:25px;left:50%;background:#141431;transform:translateX(-50%) rotate(8deg);z-index:1}
.postit-note-head{display:flex;align-items:center;gap:7px;border-bottom:1px solid #14143169;padding-bottom:5px}
.postit-note-icon{width:31px;height:31px;flex:0 0 31px}.postit-note-icon svg{width:100%;height:100%}
.postit-note strong{font-size:12px;line-height:1.1}.postit-note p{font-size:12px;line-height:1.25;margin:7px 0 0;max-height:60px;overflow-y:auto;scrollbar-width:thin}.postit-note small{font-size:9px;display:block;margin-top:7px}
.postit-dialog{width:min(580px,calc(100vw - 26px));max-height:min(92vh,850px);border:2px solid #141431;border-radius:15px;padding:0;background:#f7f6f2;color:#141431;box-shadow:9px 9px 0 #e964a3;overflow:auto}
.postit-dialog::backdrop{background:#080820c9}.postit-dialog form{padding:27px clamp(20px,4vw,35px) 35px;position:relative}
.postit-confirmation{padding:44px clamp(24px,5vw,42px) 40px;min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.postit-confirmation[hidden]{display:none}.postit-confirmation h2{margin:16px 0 20px}.postit-confirmation p{font-size:18px;line-height:1.45;margin:0 0 26px;max-width:460px}.postit-confirm-close{border:2px solid #141431;border-radius:9px;background:#e964a3;color:#141431;font:inherit;font-weight:800;padding:13px 22px;cursor:pointer;box-shadow:4px 4px 0 #141431}
.postit-close{position:absolute;right:18px;top:13px;background:#fff;border:2px solid #141431;border-radius:50%;width:39px;height:39px;font-size:25px;line-height:1;cursor:pointer}
.postit-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#b21e64}.postit-dialog h2{font-size:clamp(40px,7vw,66px);line-height:.9;letter-spacing:-.06em;margin:13px 42px 28px 0}
.postit-dialog fieldset{border:0;padding:0;margin:0 0 24px}.postit-dialog legend,.postit-field{font-size:12px;font-weight:800;letter-spacing:.06em}.postit-dialog legend{margin-bottom:10px}
.postit-choice{display:flex;gap:8px;flex-wrap:wrap}.postit-choice legend{width:100%}.postit-choice label{cursor:pointer}.postit-choice input{position:absolute;opacity:0}.postit-choice span{display:block;padding:11px 15px;border:2px solid #141431;border-radius:7px;background:#fff}.postit-choice input:checked+span{background:#f4a5ce;box-shadow:3px 3px 0 #141431;transform:translate(-2px,-2px)}.postit-choice input:focus-visible+span,.postit-avatar input:focus-visible+span{outline:3px solid #b21e64;outline-offset:3px}
.postit-avatars>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.postit-avatar{cursor:pointer}.postit-avatar input{position:absolute;opacity:0}.postit-avatar span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:94px;padding:6px 3px;border:2px solid #141431;border-radius:9px;background:var(--postit-color,#fff);text-align:center;font-size:10px;font-weight:700;line-height:1.15}.postit-avatar svg{width:47px;height:47px}.postit-avatar input:checked+span{background:#e964a3;box-shadow:3px 3px 0 #141431;transform:translate(-2px,-2px)}
.postit-field{display:block;margin:20px 0}.postit-field small{font-size:10px;letter-spacing:0;font-weight:400;margin-left:5px}.postit-field input,.postit-field textarea{display:block;width:100%;margin-top:8px;border:2px solid #141431;border-radius:7px;padding:12px;background:#fff;color:#141431;font-family:inherit;font-size:16px;line-height:1.4;letter-spacing:0}.postit-field textarea{resize:vertical;min-height:80px}.postit-field input:focus-visible,.postit-field textarea:focus-visible{outline:3px solid #e964a3;outline-offset:2px}
.postit-volume{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;cursor:pointer}.postit-volume input{accent-color:#b21e64;width:18px;height:18px}.postit-email[hidden]{display:none}.postit-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#postit-feedback{font-size:14px;min-height:20px;margin:20px 0;color:#9d1b53}.postit-submit{border-color:#141431;box-shadow:4px 4px 0 #141431;width:100%}.postit-submit:disabled{opacity:.6;cursor:wait}
@media(max-width:900px){.postit-section{grid-template-columns:1fr}.postit-intro{min-height:0;padding:62px 5vw}.postit-dolls{min-height:480px}.postit-board{grid-column:auto}}
@media(max-width:540px){.postit-avatars>div{grid-template-columns:repeat(3,1fr)}.postit-avatar span{font-size:9px;min-height:85px}.postit-avatar svg{width:40px;height:40px}.postit-dolls{min-height:360px}.postit-note{flex-basis:160px;width:160px;height:160px}.postit-dialog{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.postit-open:hover,.postit-submit:hover,.postit-avatar input:checked+span,.postit-choice input:checked+span{transform:none}}