.annotation{padding:2px 0;cursor:pointer;transition:opacity .2s ease}.annotation:hover{opacity:.8}.annotation-purple{background-color:rgba(155,89,182,.2);border-bottom:2px solid rgba(155,89,182,.6)}.annotation-yellow{background-color:rgba(241,196,15,.2);border-bottom:2px solid rgba(241,196,15,.6)}.annotation-green{background-color:rgba(39,174,96,.2);border-bottom:2px solid rgba(39,174,96,.6)}.annotation-cyan{background-color:rgba(22,160,133,.2);border-bottom:2px solid rgba(22,160,133,.6)}.annotation-fuchsia{background-color:rgba(233,30,99,.2);border-bottom:2px solid rgba(233,30,99,.6)}.annotation-toolbar-button{padding:.5rem;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center}.annotation-toolbar-button:hover:not(:disabled){background-color:rgba(0,0,0,.05)}.annotation-toolbar-button:disabled{opacity:.4;cursor:not-allowed}.annotation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.annotation-modal-content{background:#ffffff;color:#1a1a1a;padding:2rem;border-radius:8px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06)}.annotation-modal-content h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.annotation-selected-text{background-color:#f5f5f5;padding:1rem;border-radius:4px;margin-bottom:1.5rem;border:1px solid #e0e0e0}.annotation-selected-text strong{display:block;margin-bottom:.5rem;font-weight:600;color:#1a1a1a}.annotation-selected-text p{margin:0;font-style:italic;color:#4a4a4a}.annotation-form-group{margin-bottom:1.5rem}.annotation-form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#1a1a1a}.annotation-form-group input,.annotation-form-group textarea{width:100%;padding:.75rem;border:1px solid #d0d0d0;border-radius:4px;font-family:inherit;font-size:1rem;background-color:#ffffff;color:#1a1a1a}.annotation-form-group input::-moz-placeholder,.annotation-form-group textarea::-moz-placeholder{color:#999999}.annotation-form-group input::placeholder,.annotation-form-group textarea::placeholder{color:#999999}.annotation-form-group input:focus,.annotation-form-group textarea:focus{outline:none;border-color:#4A90E2;box-shadow:0 0 0 2px rgba(74,144,226,.2)}.annotation-color-picker{display:flex;gap:.75rem;flex-wrap:wrap}.annotation-color-option{width:50px;height:50px;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:transform .2s ease,border-color .2s ease;position:relative}.annotation-color-option:hover{transform:scale(1.1)}.annotation-color-option.selected{border-color:#333;transform:scale(1.15)}.annotation-color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.annotation-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.annotation-modal-actions button{padding:.75rem 1.5rem;border:1px solid #d0d0d0;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;font-size:1rem}.annotation-modal-actions button:first-child{background-color:#f5f5f5;color:#333333}.annotation-modal-actions button:first-child:hover{background-color:#e8e8e8;border-color:#b0b0b0}.annotation-modal-actions button:last-child{background-color:#4A90E2;color:white;border-color:#4A90E2}.annotation-modal-actions button:last-child:hover{background-color:#357ABD;border-color:#357ABD}