:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#b8b8b8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;border:none;transition:border-color .25s}#root{width:100vw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.container{flex:1;margin:0 auto;background:#a4a4a4;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.d3Container{display:flex;justify-content:center;height:"fit-content";overflow:auto;touch-action:auto;-webkit-overflow-scrolling:touch}.btnClose{position:absolute;background-color:transparent;right:16px;top:16px;border:none;cursor:pointer;font-size:16px;color:#333;z-index:1000;font-weight:600;padding:0!important;margin:0!important}@media (max-width: 768px){.d3Container{overflow:auto}.d3Container svg{touch-action:auto;-webkit-user-select:none;user-select:none;min-height:100dvh;min-width:120%}.controls{position:sticky;top:10px!important;padding:10px;background-color:#b8b8b8}.modalFooter{justify-content:center!important}}.controls{margin:20px 0;text-align:center;position:relative;z-index:10}.tooth-note{font-size:24px;font-family:Arial,sans-serif;font-weight:500;fill:#333;cursor:pointer;text-anchor:start;dominant-baseline:central;-webkit-user-select:none;user-select:none;pointer-events:none}.modal{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;transform:none!important;zoom:1!important}.modalContent{background-color:#fff;display:flex;flex-direction:column;margin:10% auto;padding:0;border:1px solid #888;border-radius:8px;width:600px;max-width:95%;box-shadow:0 4px 20px #0000004d;transform:none!important;zoom:1!important}.modalHeader{padding:20px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;position:relative}.modalHeader h3{margin:0;color:#333}.modalBody{padding:20px;display:flex;flex-direction:column;flex:1;color:#333}.modalBody label{display:flex!important;flex-direction:column!important;margin-bottom:8px;font-weight:600;color:#333}.modalBody textarea{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Arial,sans-serif;font-size:16px;resize:vertical;min-height:80px;-webkit-appearance:none;-webkit-text-size-adjust:100%;-webkit-user-select:text}.statusSelector{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;justify-content:space-between;gap:30px}@media screen and (max-width: 480px){.statusSelector{flex:1;gap:10px}}.statusOption{display:flex;flex-direction:column;align-items:center;padding:12px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s ease;flex:1}.statusOption:hover{border-color:#303030;background-color:#f9f9f9}.statusOption input[type=radio]{display:none}.statusOption input[type=radio]:checked+.statusContent{color:#fff}.statusOption input[type=radio]:checked+.statusContent .statusIcon{transform:scale(1.1)}.statusOption:has(input[type=radio]:checked){border-color:#767676;background-color:#b5b5b5;color:#fff}.statusContent{display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.statusIcon{transition:transform .2s ease}.statusContent span{font-size:12px;font-weight:500;text-align:center}.modalFooter{padding:15px 20px;background-color:#f8f9fa;border-top:1px solid #dee2e6;border-radius:0 0 8px 8px;text-align:right}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin-left:8px}.btnPrimary{background-color:#3d9970;color:#fff;padding:12px 20px;border-radius:16px}.btnPrimary:hover{background-color:#2a7e58}.btnSecondary{background-color:#6c757d;color:#fff;padding:12px 20px;border-radius:16px}.btnSecondary:hover{background-color:#545b62}.note-header{text-align:left!important}#note-text{background-color:#dcdbdb!important;color:#000!important;font-size:16px!important}#note-text:focus{outline:2px solid #3bae7a}.loader{border:3px solid rgba(255,255,255,.668);border-left-color:transparent;width:20px;height:20px;animation:spin89345 1s linear infinite;margin-right:10px;border-radius:50%}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edit-button{padding:"8px 16px";font-size:"14px";font-weight:"bold";background-color:#3d9970;color:"#fff"!important;border:"none";border-radius:"10px";cursor:"pointer";transition:"background-color 0.3s ease";cursor:"pointer"!important}.edit-button:hover{background-color:#2a7e58}