*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}header{z-index:100;color:#888;-webkit-backdrop-filter:blur(8px);background:#16162a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin:-1rem -1rem 1.5rem;padding:.6rem 1rem;font-size:.85rem;display:flex;position:sticky;top:0}@media (width>=768px){header{margin:-2rem -2rem 1.5rem;padding:.6rem 2rem}}#header-left{align-items:center;gap:.75em;min-width:0;display:flex}#back-btn{color:#6eb5ff;font-size:1.2em;text-decoration:none;display:none}#doc-project{color:#ccc;font-weight:600;text-decoration:none}#doc-updated{color:#666;white-space:nowrap}#header-actions{flex-shrink:0;gap:.5em;display:flex}#header-actions button,.btn-approve,.btn-reject,.btn-comment{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:6px;min-width:72px;min-height:44px;padding:.55em 1em;font-size:.85em}.btn-approve{color:#6fbf6f;background:#1a3a1a;border:1px solid #2d5a2d}.btn-reject{color:#bf6f6f;background:#3a1a1a;border:1px solid #5a2d2d}.btn-comment{color:#6eb5ff;background:#1a2a3a;border:1px solid #2d4a5a}.btn-feedback-toggle{color:#aaa;background:#2a2a3e;border:1px solid #444}.btn-feedback-toggle.active{color:#6eb5ff;background:#1a2a3a;border-color:#2d4a5a}.feedback-bar{background:#1e1e32;border:1px solid #333;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75em;margin-bottom:1.5em;padding:.75em 1em;display:flex}.feedback-status{border-radius:4px;padding:.3em .75em;font-size:.95em;font-weight:600}.status-approved{color:#6fbf6f;background:#1a3a1a}.status-rejected{color:#bf6f6f;background:#3a1a1a}.status-pending{color:#888;background:#2a2a3e}.feedback-btn-group{flex-wrap:wrap;gap:.5em;display:flex}.section-heading-wrap{justify-content:space-between;align-items:center;gap:.5em;display:flex}.section-feedback-controls{flex-shrink:0;gap:.3em;display:flex}.section-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;opacity:.5;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:.2em .4em;font-size:.8em;transition:opacity .15s,border-color .15s;display:flex}.section-btn:hover,.section-btn:active{opacity:1}.section-btn.active{opacity:1;border-color:#444}.section-approve:hover{color:#6fbf6f}.section-reject:hover{color:#bf6f6f}.section-comment:hover{color:#6eb5ff}.feedback-panel{z-index:200;background:#16162a;border-left:1px solid #333;flex-direction:column;width:320px;max-width:85vw;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.feedback-panel.open{transform:translate(0)}.feedback-panel-header{border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;padding:1em;display:flex}.feedback-panel-header h3{color:#fff;margin:0;font-size:1.1em}.feedback-panel-close{color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.3em;font-size:1.2em;display:flex}.feedback-panel-content{-webkit-overflow-scrolling:touch;flex:1;padding:1em;overflow-y:auto}.feedback-empty{color:#666;text-align:center;padding:2em 0;font-style:italic}.feedback-group{margin-bottom:1.5em}.feedback-group h4{color:#ccc;border-bottom:1px solid #2a2a3e;margin-bottom:.5em;padding-bottom:.3em;font-size:.9em}.feedback-entry{background:#1e1e32;border:1px solid #2a2a3e;border-radius:6px;margin-bottom:.5em;padding:.6em}.feedback-entry.resolved{opacity:.5}.feedback-entry-meta{flex-wrap:wrap;align-items:center;gap:.5em;font-size:.8em;display:flex}.feedback-badge{text-transform:uppercase;border-radius:3px;padding:.15em .5em;font-size:.85em;font-weight:600}.badge-approved{color:#6fbf6f;background:#1a3a1a}.badge-rejected{color:#bf6f6f;background:#3a1a1a}.badge-comment{color:#6eb5ff;background:#1a2a3a}.feedback-time{color:#666;font-size:.9em}.feedback-resolve-btn{color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#2a2a3e;border:1px solid #444;border-radius:4px;min-height:32px;margin-left:auto;padding:.2em .6em;font-size:.85em}.feedback-resolved-tag{color:#555;margin-left:auto;font-size:.85em;font-style:italic}.feedback-comment{color:#bbb;margin-top:.4em;font-size:.9em;line-height:1.5}.modal-overlay{z-index:1000;-webkit-overflow-scrolling:none;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.modal-box{background:#1e1e32;border:1px solid #444;border-radius:10px;flex-direction:column;gap:.9rem;width:100%;max-width:420px;padding:1.5rem;display:flex;box-shadow:0 8px 40px #0009}.modal-box h3{color:#fff;margin:0;font-size:1.1em}.modal-box p{color:#bbb;margin:0;font-size:.95em;line-height:1.5}.modal-textarea{color:#e0e0e0;resize:vertical;background:#2a2a3e;border:1px solid #555;border-radius:6px;outline:none;width:100%;min-height:80px;padding:.6em .75em;font-family:inherit;font-size:.95em;transition:border-color .15s}.modal-textarea:focus{border-color:#6eb5ff}.modal-btn-row{justify-content:flex-end;gap:.6em;display:flex}.btn-modal-cancel{color:#aaa;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#2a2a3e;border:1px solid #444;border-radius:6px;min-width:80px;min-height:44px;padding:.6em 1.2em;font-size:.95em}.btn-modal-confirm{color:#6fbf6f;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#1a3a1a;border:1px solid #2d5a2d;border-radius:6px;min-width:80px;min-height:44px;padding:.6em 1.2em;font-size:.95em}.btn-modal-reject{color:#6eb5ff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#1a2a3a;border:1px solid #2d4a5a;border-radius:6px;min-width:80px;min-height:44px;padding:.6em 1.2em;font-size:.95em}main{max-width:720px;margin:0 auto;font-size:18px}@media (width>=768px){main{font-size:16px}body{padding:2rem}}main h1{color:#fff;margin:1em 0 .5em;font-size:1.8em}main h2{color:#fff;margin:1.2em 0 .4em;font-size:1.4em}main h3{color:#ddd;margin:1em 0 .3em;font-size:1.15em}main h4{color:#ccc;margin:.8em 0 .2em;font-size:1.05em}main p{margin:.8em 0}main a{color:#6eb5ff}main strong{color:#fff}main ul,main ol{margin:.8em 0;padding-left:1.5em}main li{margin:.3em 0}main code{background:#2a2a3e;border-radius:3px;padding:.15em .4em;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.9em}main pre{-webkit-overflow-scrolling:touch;background:#2a2a3e;border-radius:6px;margin:1em 0;padding:1rem;overflow-x:auto}main pre code{background:0 0;padding:0}main table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;margin:1em 0;display:block;overflow-x:auto}main th,main td{text-align:left;white-space:nowrap;border:1px solid #444;padding:.5em .75em}main th{color:#fff;background:#2a2a3e}main blockquote{color:#aaa;border-left:3px solid #6eb5ff;margin:1em 0;padding-left:1em}main hr{border:none;border-top:1px solid #333;margin:2em 0}main input[type=checkbox]{margin-right:.5em}.loading{color:#666;text-align:center;padding:3em 0}.error{color:#ff6b6b;text-align:center;padding:3em 0}