@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@font-face{font-family:OpticianSansLocal;src:url(https://gyncumngnaefrxdouykl.supabase.co/storage/v1/object/public/vmdata/FONTS/Optician-Sans.otf) format("opentype");font-weight:400;font-style:normal}:root{--bg-color: #ffffff;--text-color: #000000;--panel-bg: #ffffff;--panel-text: #1f2937;--panel-border: #e5e7eb;--dim-text: #6b7280;--input-bg: #f9fafb;--input-border: #d1d5db;--accent-blue: #3b82f6;--accent-green: #16a34a;--accent-purple: #9333ea;--accent-red: #dc2626;--accent-orange: #f97316;--overlay-bg: rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root{--panel-bg: #0f172a;--panel-text: #ffffff;--panel-border: #1e293b;--dim-text: #9ca3af;--input-bg: #1e293b;--input-border: #334155}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:inherit}button{background:transparent;border:none;cursor:pointer;font-family:inherit;padding:0}.block{display:block}.hidden{display:none}.app-container{min-height:100vh;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background-color .3s ease-in-out,color .3s ease-in-out;cursor:none}.app-standard{background-color:#fff;color:#000}.app-inverted{background-color:#000;color:#fff}.app-red-green{background-color:#fff;color:#000}.feedback-banner{position:fixed;top:15%;left:50%;transform:translate(-50%);background-color:#000000e6;color:#fff;padding:1.5rem 4rem;border-radius:1.5rem;font-size:4rem;font-weight:700;z-index:2000;box-shadow:0 20px 50px #0000004d;pointer-events:none;animation:fadeInOut 2s ease-in-out forwards;white-space:nowrap;border:2px solid rgba(255,255,255,.1)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-3rem)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-3rem)}}.projection-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;padding-bottom:8rem}.projection-area.special-mode{padding-bottom:0}.duo-split{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:0}.duo-left{width:50%;height:100%;background-color:red}.duo-right{width:50%;height:100%;background-color:#0c0}.duo-content-container{width:100%;height:100%;display:flex;z-index:10}.duo-half{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.optotype-font{font-family:OpticianSansLocal,sans-serif;font-weight:400;line-height:1}.optotype-chars{z-index:10;display:flex;justify-content:center;align-items:center;gap:.8em;font-weight:400;letter-spacing:0;text-shadow:none;text-align:center;max-width:100%}.multiline-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.multiline-row{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:auto}.multiline-label{position:absolute;right:5%;color:var(--text-color);font-size:2.5rem;opacity:.7;font-weight:700;font-variant-numeric:tabular-nums}.crowding-box{border:.1em solid currentColor;padding:.15em .4em;border-radius:0}.optotype-chars.shadowed{text-shadow:0 2px 8px rgba(0,0,0,.3)}.amsler-wrapper{width:90vmin;height:90vmin;display:flex;align-items:center;justify-content:center;z-index:20}.amsler-svg{width:100%;height:100%;display:block}.amsler-border{fill:none;stroke:currentColor;stroke-width:4}.amsler-lines{stroke:currentColor;stroke-width:1.5;fill:none}.amsler-dot{fill:currentColor}.worth-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:200}.worth-svg{width:70vmin;height:70vmin;display:block}.toolbar{position:fixed;bottom:0;left:0;right:0;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:50;width:100%}.label-large{font-size:6rem;line-height:.8;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.label-small{font-size:2.5rem;font-variant-numeric:tabular-nums;margin:0}.text-strong{opacity:1}.text-dim{opacity:.5}.notation-underline{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.1em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:default}.modal-wrapper{display:flex;flex-direction:row;gap:1rem;max-width:56rem;width:100%;max-height:90vh;align-items:flex-start}.modal-content{background-color:var(--panel-bg);color:var(--panel-text);border:1px solid var(--panel-border);padding:1.5rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;flex:2;position:relative;overflow-y:auto;max-height:100%}.verification-panel{background-color:var(--panel-bg);color:var(--panel-text);border:1px solid var(--panel-border);padding:1.5rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;flex:1;min-width:250px;display:flex;flex-direction:column;justify-content:center}.modal-close-btn{position:absolute;top:1rem;right:1rem;color:var(--dim-text);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close-btn:hover{background-color:var(--panel-border);color:var(--panel-text)}.modal-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.settings-stack{display:flex;flex-direction:column;gap:1.5rem}.section-header{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.center-header{justify-content:center}.text-blue{color:var(--accent-blue)}.text-green{color:var(--accent-green)}.text-purple{color:var(--accent-purple)}.text-orange{color:var(--accent-orange)}.help-text{font-size:.875rem;color:var(--dim-text);margin-bottom:1rem;line-height:1.4}.text-center{text-align:center}.separator{border:0;border-top:1px solid var(--panel-border);margin:0;width:100%}.ruler-container{display:flex;justify-content:center;background-color:var(--input-bg);padding:1rem 1rem 1.5rem;border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.ruler-bar{height:2.5rem;background-color:var(--accent-blue);box-shadow:0 1px 2px #0000000d;position:relative;min-width:10px}.ruler-label{position:absolute;bottom:-1.25rem;font-size:11px;color:var(--dim-text);white-space:nowrap}.ruler-label.left{left:0}.ruler-label.right{right:0}.input-row{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.input-label{font-size:.9rem;font-weight:500}.input-field{width:7rem;padding:.5rem;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--panel-text);border-radius:.375rem;text-align:right;font-family:monospace;font-size:1rem}.input-field:focus{outline:2px solid var(--accent-blue);border-color:transparent}.font-actions{display:flex;flex-direction:column;gap:.75rem}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--input-bg);border:1px dashed var(--input-border);color:var(--panel-text);padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.875rem;width:100%}.file-upload-label:hover{border-color:var(--accent-orange);background-color:#f973160d}.file-input-hidden{display:none}.btn-reset{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.8rem;color:var(--accent-red);opacity:.8;padding:.5rem;transition:opacity .2s}.btn-reset:hover{opacity:1;background-color:#dc26260d;border-radius:.375rem}.notation-group{display:flex;background-color:var(--input-bg);border-radius:.5rem;padding:.25rem;gap:.25rem}.notation-btn{flex:1;padding:.5rem;font-size:.875rem;border-radius:.375rem;color:var(--dim-text);font-weight:500;transition:all .2s}.notation-btn:hover{background-color:#0000000d}.notation-btn.active{background-color:var(--panel-bg);color:var(--accent-purple);box-shadow:0 1px 2px #0000001a}.verify-box{display:flex;align-items:center;justify-content:space-between;background-color:#fff;color:#000;padding:1.25rem;border-radius:.5rem;border:1px solid #e5e7eb}.verify-box.vertical{flex-direction:column;gap:1rem;text-align:center}.verify-char-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;min-width:100px}.verify-char{font-weight:400;line-height:1;background-color:transparent;border:none;color:#000;display:inline-block;align-items:center;justify-content:center;box-shadow:none;padding:0;min-width:1em;text-align:center}.verify-info{text-align:right}.verify-info.center{text-align:center}.verify-box .verify-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;margin-bottom:.25rem}.verify-box .verify-value{font-size:1.75rem;font-weight:700;font-family:monospace;color:#1f2937}.verify-value.large{font-size:2.25rem}.verify-box .verify-sub{font-size:.875rem;color:#6b7280;margin-top:.25rem}@media(max-width:768px){.modal-wrapper{flex-direction:column;align-items:stretch}.verification-panel{min-width:0;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.verify-box.vertical{flex-direction:row;padding:.5rem;background:#fff}.verify-info.center{text-align:right}.help-text.text-center{display:none}}@media(max-width:640px){.label-large{font-size:4rem}.label-small{font-size:1.25rem}}