#mandu-feedback { color: #25362d; font: 15px/1.6 'Pretendard', system-ui, sans-serif; }
#mandu-feedback * { box-sizing: border-box; }
#mandu-feedback button { font: inherit; cursor: pointer; border: 1px solid #cad8cb; border-radius: 10px; padding: 10px 16px; background: #fff; color: #25362d; min-height: 44px; }
#mandu-feedback button:disabled { cursor: wait; opacity: .6; }
#mandu-feedback button:focus-visible, #mandu-feedback textarea:focus-visible, #mandu-feedback input:focus-visible, #mandu-feedback summary:focus-visible { outline: 3px solid #ca9300; outline-offset: 3px; }
#mandu-feedback #mandu-feedback-open {position:fixed;left:max(12px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:2147483000;display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#59645e;box-shadow:none}
#mandu-feedback-open::before {content:"";position:absolute;inset:8px;border:1px solid #cbd2cc;border-radius:50%;background:#fdfcf6}
#mandu-feedback-open svg {position:relative;width:18px;height:18px;pointer-events:none}
#mandu-feedback-open:hover::before {background:#eaf0e9;border-color:#829388}
body[data-mandu-statistics-open] #mandu-feedback #mandu-feedback-open {display:none}
@media (width < 600px) {#mandu-feedback #mandu-feedback-open {display:none}}
#mandu-feedback dialog { width: min(520px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); overflow-y: auto; margin: auto; padding: 24px; border: 1px solid #d2ded3; border-radius: 18px; box-shadow: 0 18px 80px #14231938; background: #fdfcf6; color: inherit; }
#mandu-feedback dialog::backdrop { background: #11241b66; }
#mandu-feedback header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#mandu-feedback h2 { margin: 0; font-size: 23px; color: #1d5034; }
#mandu-feedback-close { font-size: 24px !important; padding: 0 10px !important; border: none !important; background: transparent !important; }
#mandu-feedback p { margin: 12px 0; }
#mandu-feedback-help { font-size: 14px; }
#mandu-feedback label { display: block; margin: 12px 0 6px; font-weight: 600; }
#mandu-feedback small { display: inline-block; font-size: 12px; font-weight: 400; color: #536557; }
#mandu-feedback textarea { width: 100%; resize: vertical; font: inherit; border: 1px solid #aebfab; border-radius: 10px; padding: 12px; background: #fff; color: #25362d; }
#mandu-feedback .choice { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; font-weight: 400; }
#mandu-feedback input { flex-shrink: 0; width: 18px; height: 18px; margin: 3px 0; accent-color: #256344; }
#mandu-feedback details { margin-top: 18px; padding: 12px; background: #eef3eb; border-radius: 10px; }
#mandu-feedback summary { font-weight: 600; cursor: pointer; }
#mandu-feedback details p { font-size: 12px; }
#mandu-feedback .settings { display: flex; gap: 8px; flex-wrap: wrap; }
#mandu-feedback .settings button { font-size: 12px; padding: 6px 10px; }
#mandu-feedback footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; }
#mandu-feedback-send { background: #256344 !important; color: #fff !important; border-color: #256344 !important; }
#mandu-feedback-status { font-size: 14px; font-weight: 600; min-height: 1.6em; }
@media (max-width: 420px) { #mandu-feedback dialog { padding: 18px; } #mandu-feedback h2 { font-size: 21px; } }
@media print { #mandu-feedback { display: none; } }