*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:linear-gradient(160deg,#1f1147,#6a2c91 55%,#d94f8c);min-height:100svh;color:#222}.page{width:100%;min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.card,.board{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000059;padding:20px;width:100%;max-width:380px;text-align:center}.photo{width:min(45vw,200px);height:min(45vw,200px);object-fit:cover;border-radius:50%;border:5px solid #d94f8c;margin-bottom:16px}.question{font-size:clamp(1.15rem,5vw,1.5rem);line-height:1.4;margin:8px 0 24px;color:#1f1147;word-break:break-word}.choices{display:flex;gap:12px;margin-bottom:16px}.choice{flex:1;padding:16px 0;font-size:1.1rem;border-radius:12px;border:2px solid #ddd;background:#f7f7f7;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.choice.yes.selected{background:#22c55e;border-color:#22c55e;color:#fff}.choice.no.selected{background:#ef4444;border-color:#ef4444;color:#fff}.submit{width:100%;padding:16px 0;font-size:1.1rem;border-radius:12px;border:none;background:#6a2c91;color:#fff;cursor:pointer;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.submit:disabled{opacity:.5;cursor:not-allowed}.results{animation:fade-in .3s ease}.thanks{font-size:1.2rem;color:#6a2c91;margin-bottom:20px}.bars{display:flex;flex-direction:column;gap:14px}.bar-row{text-align:right}.bar-label{display:block;margin-bottom:6px;font-weight:600}.bar-track{background:#eee;border-radius:8px;height:16px;overflow:hidden}.bar-fill{height:100%;transition:width .4s ease}.bar-fill.yes{background:#22c55e}.bar-fill.no{background:#ef4444}.total{margin-top:18px;color:#666;font-size:.95rem}.board{animation:fade-in .3s ease;display:flex;flex-direction:column;gap:10px}.board-question{font-size:clamp(1.05rem,4.5vw,1.3rem);color:#1f1147;margin:0 0 6px;word-break:break-word}.board-name,.board-body{width:100%;border:2px solid #ddd;border-radius:12px;padding:12px;font-family:inherit;font-size:1rem;resize:none}.board-name:focus,.board-body:focus{outline:none;border-color:#6a2c91}.board-list{list-style:none;margin:12px 0 0;padding:0;max-height:260px;overflow-y:auto;text-align:right;display:flex;flex-direction:column;gap:8px}.board-item{background:#f7f7f7;border-radius:10px;padding:10px 12px;font-size:.95rem;word-break:break-word;animation:fade-in .3s ease}.board-item-name{font-weight:700;color:#6a2c91}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 400px){.card,.board{padding:16px;border-radius:16px}}