:root{--teal:#087f89;--teal-dark:#066c75;--teal-soft:#e9f6f6;--navy:#071a35;--ink:#101828;--slate:#445970;--muted:#667085;--line:#d8e0e8;--soft:#f6f9fb;--font:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:30px}.feedback-page{margin:0;color:var(--ink);background:#fbfdfd;font:15px/1.65 var(--font);letter-spacing:-.02em;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.58}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #087f89;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:3;padding:12px;background:white;border:2px solid var(--teal)}.skip-link:focus{top:12px}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}button{touch-action:manipulation}
.board-header{min-height:85px;border-bottom:1px solid var(--line);padding:18px max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-size:19px;font-weight:850;letter-spacing:-.035em;white-space:nowrap}.brand:hover{text-decoration:none}.brand svg{width:33px;height:33px;color:var(--teal);stroke-width:2.4}.back-link{font-size:14px;font-weight:650;color:var(--slate);display:flex;align-items:center;gap:9px;min-height:44px}.back-link span{font-size:20px}.board-shell{max-width:1240px;padding:60px 28px 78px;margin:auto}.board-intro{position:relative;padding-bottom:34px}.eyebrow{color:var(--teal-dark);font-size:13px;font-weight:750;letter-spacing:.04em;margin-bottom:13px}h1{color:var(--navy);font-size:clamp(30px,3.1vw,42px);line-height:1.3;letter-spacing:-.045em;font-weight:800}.intro-copy{color:var(--slate);margin-top:16px;line-height:1.8}.mobile-break{display:none}.write-shortcut{position:absolute;right:0;bottom:37px;font-weight:750;display:flex;gap:23px;align-items:center;border-bottom:1px solid var(--teal);padding:10px 0}.public-notice{display:flex;align-items:flex-start;gap:13px;border:1px solid #cfe4e7;background:#eef7f7;padding:17px 21px;border-radius:12px;margin-bottom:36px;color:#28515a}.public-notice svg{width:22px;height:22px;margin-top:2px;color:var(--teal)}.public-notice strong{font-size:14px;display:block}.public-notice span{display:block;font-size:13px;margin-top:2px}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:36px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 24px}.section-heading h2,.composer h2{font-size:21px;line-height:1.4;letter-spacing:-.04em;color:var(--navy)}.section-heading p,.composer-heading p{color:var(--muted);font-size:13px;margin-top:5px}.quiet-button{border:0;background:transparent;border-radius:7px;min-height:44px;padding:8px;color:var(--slate);font-size:13px;font-weight:650}.quiet-button:hover{background:var(--teal-soft);color:var(--teal-dark)}.refresh-button{display:flex;gap:7px;align-items:center;flex:none}.refresh-button svg{width:16px;height:16px}.filter-list{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:18px;border-bottom:1px solid var(--line)}.filter-list button{border:1px solid transparent;background:transparent;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:650;min-height:40px;color:var(--slate)}.filter-list button:hover{background:#eef4f4}.filter-list button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}.list-status{font-size:12px;color:var(--muted);min-height:20px;margin:14px 0}.post-list{display:grid;gap:14px}.post-card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px 24px}.post-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.post-category{padding:3px 9px;border-radius:5px;font-weight:750;font-size:11px;color:var(--teal-dark);background:var(--teal-soft)}.post-state{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.post-state::before{content:"";width:5px;height:5px;background:#83a1a7;border-radius:50%}.post-card h3{font-size:18px;line-height:1.55;color:var(--navy);word-break:break-word;overflow-wrap:anywhere}.post-body{font-size:14px;color:var(--slate);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;margin-top:11px;line-height:1.9}.post-meta{border-top:1px solid #eff2f4;margin-top:21px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--muted);font-size:11px}.post-byline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.post-nickname{font-weight:650;color:var(--slate);overflow-wrap:anywhere;max-width:100%}.post-actions{flex:none}.delete-button{font-size:11px;min-height:34px;padding:5px 8px}.delete-confirm{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;color:var(--slate);font-size:13px}.delete-confirm p{margin-bottom:9px}.delete-confirm button{margin-right:8px}.danger-button{border:1px solid #dbaaa6;color:#9c2e27;background:#fff7f6;border-radius:6px;font-weight:700;padding:7px 12px;font-size:12px;min-height:40px}.delete-status{font-size:12px;color:#9c2e27;margin-top:10px}.list-message{border:1px dashed #c5d9dc;background:#f5fafa;text-align:center;border-radius:12px;padding:43px 20px 39px}.message-mark{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #c5d9dc;background:white;border-radius:12px;color:var(--teal);font-size:29px;line-height:1;margin:0 auto 17px}.list-message h3{font-size:17px;color:var(--navy)}.list-message p{font-size:13px;color:var(--slate);margin-top:8px;white-space:pre-line}.list-message button{margin-top:18px}.secondary-button{background:white;color:var(--teal-dark);border:1px solid #b9cfd2;border-radius:8px;font-size:13px;font-weight:700;padding:10px 17px;min-height:44px}.secondary-button:hover{background:var(--teal-soft)}.load-more{width:100%;margin-top:20px}.composer{background:white;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:12px;padding:25px 24px 20px;box-shadow:0 8px 28px rgba(7,26,53,.035)}.composer-heading{display:flex;gap:12px;align-items:center;margin-bottom:26px}.composer-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:10px;background:var(--teal-soft);color:var(--teal-dark);font-size:24px}.composer h2{font-size:19px}fieldset{border:0;margin:0;padding:0;min-width:0}.field{margin-bottom:17px;min-width:0}.field label{font-size:13px;font-weight:750;color:var(--navy);display:block;margin-bottom:7px}.required{font-size:10px;font-weight:500;color:var(--muted);margin-left:3px}.form-row{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:12px}.label-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.char-count{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}input,select,textarea{display:block;width:100%;border:1px solid #c7d1db;border-radius:7px;padding:10px 12px;color:var(--ink);background:white;min-height:44px;font-size:13px;line-height:1.65}select{padding-right:22px}textarea{resize:vertical;min-height:166px;max-height:620px}input::placeholder,textarea::placeholder{color:#738091;font-size:12px}input:hover,select:hover,textarea:hover{border-color:#8daab0}fieldset:disabled{opacity:.7}fieldset:disabled input,fieldset:disabled textarea,fieldset:disabled select{background:#f5f7f8}.field-hint{display:block;font-size:10px;color:var(--muted);margin-top:5px}.storage-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:3px}.storage-note strong{color:var(--slate);font-weight:650}.form-status{font-size:12px;line-height:1.7;color:var(--teal-dark);margin:13px 0;overflow-wrap:anywhere}.form-status[data-tone="error"],.notice-error{color:#a1342c}.form-status[data-tone="error"]{background:#fff5f4;border:1px solid #f1d0cb;padding:10px 12px;border-radius:7px}.primary-button{border:1px solid var(--teal);border-radius:8px;background:var(--teal);color:white;min-height:48px;padding:11px 16px;width:100%;font-size:14px;font-weight:750;display:flex;justify-content:space-between;align-items:center}.primary-button:hover{background:var(--teal-dark)}.primary-button span{font-size:20px}.form-footnote{font-size:10px;color:var(--muted);text-align:center;margin-top:9px}.website-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.board-footer{max-width:1184px;margin:0 auto;padding:24px 0 36px;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;font-size:12px;color:var(--muted)}.board-footer>span{font-size:12px;font-weight:800;letter-spacing:.025em;color:var(--slate)}.board-footer a{margin-left:auto;font-size:12px}.notice-error{padding:14px}
@media(min-width:1000px){.composer{position:sticky;top:24px}}
@media(max-width:1100px){.board-layout{grid-template-columns:minmax(0,1fr) 350px;gap:24px}.board-footer{margin-inline:28px}.composer{padding:23px 20px 18px}.form-row{grid-template-columns:minmax(0,1fr) 112px}}
@media(max-width:800px){.board-header{padding:16px 22px;min-height:76px}.brand{font-size:16px;gap:8px}.brand svg{width:29px;height:29px}.back-link{font-size:12px}.board-shell{padding:38px 22px 50px}.board-intro{padding-bottom:28px}.write-shortcut{position:static;display:inline-flex;gap:25px;margin-top:18px;padding:7px 0}.board-layout{grid-template-columns:1fr;gap:30px}.composer{grid-row:1;max-width:none}.composer-heading{margin-bottom:20px}.form-row{grid-template-columns:minmax(0,1fr) 180px}.composer textarea{min-height:128px}.composer .storage-note{max-width:520px}.public-notice{margin-bottom:27px}.board-footer{margin-inline:22px;gap:12px;flex-wrap:wrap}.board-footer p{order:3;width:100%;font-size:11px}.section-heading{margin-bottom:18px}}
@media(max-width:480px){.board-header{padding:12px 16px;gap:8px}.brand{font-size:14px}.brand svg{width:25px;height:25px}.back-link{font-size:10px;gap:5px}.back-link span{font-size:17px}.board-shell{padding:31px 16px 40px}.mobile-break{display:block}h1{font-size:29px}.intro-copy{font-size:14px}.eyebrow{font-size:11px}.public-notice{padding:14px;gap:10px}.public-notice strong{font-size:12px}.public-notice span{font-size:11px}.public-notice svg{width:19px;height:19px}.composer{padding:21px 17px 17px}.form-row{grid-template-columns:minmax(0,1fr) 112px;gap:10px}.section-heading h2{font-size:20px}.section-heading p{font-size:11px}.refresh-button{font-size:11px;padding-right:0}.filter-list{gap:4px}.filter-list button{font-size:12px;padding:8px 11px}.post-card{padding:19px 18px}.post-card h3{font-size:17px}.post-body{font-size:13px}.board-footer{margin-inline:16px}.board-footer>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}