.tapas-feedback { width: min(calc(100% - 40px), 1180px); margin: 0 auto; padding: clamp(72px, 9vw, 120px) 0; color: #f5f6f8; }
.tapas-feedback__hero { max-width: 760px; margin-bottom: 52px; }
.tapas-feedback__eyebrow { color: #b8b0ff; font: 600 12px/1.4 ui-monospace, monospace; letter-spacing: .12em; }
.tapas-feedback__hero h1 { margin: 18px 0; font-size: clamp(48px, 7vw, 84px); line-height: .96; letter-spacing: -.06em; }
.tapas-feedback__hero p, .tapas-feedback__form-card > p { color: #9da3af; font-size: 17px; line-height: 1.65; }
.tapas-feedback__notice { margin-bottom: 24px; padding: 16px 18px; border: 1px solid rgba(98,214,155,.35); background: rgba(98,214,155,.08); border-radius: 10px; color: #b9f3d5; }
.tapas-feedback__notice--error { border-color: rgba(255,126,126,.35); background: rgba(255,126,126,.08); color: #ffc1c1; }
.tapas-feedback__layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 24px; align-items: start; }
.tapas-feedback__board, .tapas-feedback__form-card { border: 1px solid rgba(255,255,255,.1); background: #101217; border-radius: 16px; }
.tapas-feedback__board { padding: 28px; }
.tapas-feedback__form-card { position: sticky; top: 92px; padding: 28px; }
.tapas-feedback__section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.tapas-feedback__section-head h2, .tapas-feedback__form-card h2 { margin: 0; font-size: 24px; letter-spacing: -.035em; }
.tapas-feedback__section-head span { color: #9da3af; font-size: 13px; }
.tapas-feedback__items { display: grid; gap: 12px; }
.tapas-feedback__item { padding: 22px; background: #171a21; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; }
.tapas-feedback__item h3 { margin: 12px 0 8px; font-size: 20px; }
.tapas-feedback__meta { display: flex; justify-content: space-between; gap: 12px; color: #b8b0ff; font: 600 12px/1.4 ui-monospace, monospace; }
.tapas-feedback__status { color: #62d69b; }
.tapas-feedback__excerpt, .tapas-feedback__empty { color: #9da3af; line-height: 1.65; }
.tapas-feedback__excerpt p { margin: 0; }
.tapas-feedback__response { margin-top: 18px; padding: 16px 18px; border-left: 3px solid #7c6cff; background: rgba(124,108,255,.08); border-radius: 0 8px 8px 0; color: #d8dbe2; }
.tapas-feedback__response > strong { display: block; margin-bottom: 8px; color: #b8b0ff; font: 700 12px/1.4 ui-monospace, monospace; letter-spacing: .06em; }
.tapas-feedback__response p { margin: 0; line-height: 1.65; }
.tapas-feedback__empty { padding: 38px 20px; text-align: center; border: 1px dashed rgba(255,255,255,.14); border-radius: 12px; }
.tapas-feedback__form { display: grid; gap: 16px; margin-top: 24px; }
.tapas-feedback__form label { display: grid; gap: 8px; color: #d8dbe2; font-size: 14px; font-weight: 600; }
.tapas-feedback__form label span { color: #777e8b; font-weight: 400; }
.tapas-feedback__form input, .tapas-feedback__form select, .tapas-feedback__form textarea { width: 100%; box-sizing: border-box; border: 1px solid rgba(255,255,255,.12); background: #0b0d11; color: #f5f6f8; border-radius: 8px; padding: 12px 13px; font: inherit; }
.tapas-feedback__form input:focus, .tapas-feedback__form select:focus, .tapas-feedback__form textarea:focus { border-color: #7c6cff; outline: 2px solid rgba(124,108,255,.18); }
.tapas-feedback__check { grid-template-columns: 18px 1fr !important; align-items: center; font-weight: 400 !important; }
.tapas-feedback__check input { width: 16px; height: 16px; }
.tapas-feedback__form button { min-height: 48px; border: 0; border-radius: 8px; background: #f5f6f8; color: #08090b; font-weight: 700; cursor: pointer; }
.tapas-feedback__form button:hover { background: #dcdfe5; }
.tapas-feedback__honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
@media (max-width: 860px) { .tapas-feedback__layout { grid-template-columns: 1fr; } .tapas-feedback__form-card { position: static; } }
@media (max-width: 520px) { .tapas-feedback { width: min(calc(100% - 28px), 1180px); padding-top: 64px; } .tapas-feedback__board, .tapas-feedback__form-card { padding: 20px; } }