*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,sans-serif;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;line-height:1;color:var(--color-text)}h1{font-family:Copperplate,system-ui,sans-serif;font-size:4em;margin:0;line-height:1}h2{font-family:system-ui,sans-serif;font-size:2em;margin:0;line-height:1}input{width:100%;max-width:300px;padding:12px 16px;font-size:16px;border:2px solid var(--color-border-input);border-radius:12px;background-color:var(--color-background-input);color:var(--color-text);transition:all .3s ease;outline:none;box-shadow:0 2px 4px var(--color-shadow)}input:focus{border-color:var(--color-accent);box-shadow:0 4px 8px var(--color-shadow-hover)}input::placeholder{color:var(--color-text-secondary)}video{max-width:100%;max-height:100%;min-width:0;min-height:0;border-radius:16px}.local-video{transform:scaleX(-1)}.button-container{display:flex;gap:16px;justify-content:center}@media (max-width: 768px){h1{font-size:2.5em}}#root{max-width:100vw;min-width:100vw;min-height:100dvh;max-height:100dvh;padding:32px;text-align:center;display:flex;flex-direction:column}.call-container{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:32px}.video-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-template-rows:1fr;gap:32px;align-items:center;min-height:0;height:100%}.call-local-video-container,.call-remote-video-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:150px}.call-local-video-container video,.call-remote-video-container video{max-height:calc(100dvh - 300px);min-height:50dvh}.call-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-background-modal-overlay);z-index:1;display:flex;align-items:center;justify-content:center}.call-modal-sheet{background:var(--color-background-sheet);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-hover);min-width:340px;max-width:480px;width:90vw;overflow-y:auto;position:relative;padding:0 24px}@media (max-width: 768px){.video-container{grid-template-columns:1fr;grid-template-rows:repeat(auto-fill,auto)}.call-local-video-container video,.call-remote-video-container video{max-height:calc(50dvh - 150px);min-height:0}}.call-button-container{display:flex;flex-direction:column;align-items:center;gap:8px}.call-button{width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease-in-out}.call-button:active{transform:scale(.95)}.call-button-icon{width:24px;height:24px;color:var(--color-white)}.call-button-label{font-size:14px;color:var(--color-text);text-align:center}.close-button{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:var(--color-text-secondary);cursor:pointer;z-index:10;line-height:1;padding:0 4px;transition:color .2s}.close-button:hover,.close-button:focus{color:var(--color-text);outline:none}.primary-button{background-color:var(--color-eyevis-blue);color:var(--color-black);border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px var(--color-shadow);width:240px;outline:none}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px var(--color-shadow-hover)}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px var(--color-shadow)}.primary-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.primary-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-background);color:var(--color-button-disabled);border:2px solid var(--color-button-disabled);transform:none}.circular-timer-view{position:relative;display:inline-block}.circular-timer-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:system-ui,sans-serif}.distance-view-root{height:45px;width:500px;display:flex;flex-direction:column;justify-content:center}.distance-bar-container{position:relative;width:100%;height:20px}.distance-bar-gradient{position:absolute;top:14px;left:0;right:0}.distance-bar-marker{position:absolute;top:12px;bottom:0;width:10px;height:20px;border-radius:5px;opacity:1;background:var(--color-text)}.distance-bar-value{position:absolute;left:50%;top:-12px;transform:translate(-50%);font-weight:500;font-size:16px;text-align:center;width:80px;pointer-events:none;color:var(--color-text)}.distance-bar-triangle{position:absolute;top:0}.triangle{color:var(--color-text)}.distance-visualization-root{width:300px;min-height:280px;max-height:500px;display:flex;align-items:center;justify-content:center;padding:20px}.distance-visualization-scene{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.distance-visualization-monitor{display:flex;flex-direction:column;align-items:center;z-index:2}.distance-visualization-monitor-screen{width:100px;height:70px;background:var(--color-black);border:4px solid var(--color-text);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-white);font-weight:700}.distance-visualization-monitor-stand{width:30px;height:20px;background:var(--color-text);margin-top:2px;clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%)}.distance-visualization-line{width:4px;background:var(--color-text);margin:8px 0;position:relative;border-radius:2px;will-change:height}.distance-visualization-face{display:flex;flex-direction:column;align-items:center;z-index:2}.face-head{width:70px;height:80px;background:var(--color-black);border-radius:50% 50% 45% 45%;border:4px solid var(--color-text)}.recognizable-item-container{display:flex;flex-direction:column;gap:8px;transition:transform .1s}.result-item-pressed{transform:scale(.95)}.result-item-ring-wrapper{display:flex;align-items:center;justify-content:center;position:relative;transition:border .2s}.result-item-bg-circle{position:absolute;top:0;left:0;border-radius:50%;z-index:0;width:100%;height:100%;transition:background .2s}.result-item-ring-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.result-item-hovered .result-item-bg-circle{display:none}.result-item-ring-hovered{border:3px solid;border-radius:50%;box-sizing:border-box}.result-item-visus-text{text-align:center;font-size:1rem;margin-top:4px;transition:color .2s}.result-item-hovered{cursor:pointer}.result-item-hovered .result-item-visus-text{font-weight:600;cursor:pointer}.result-item-loading-indicator{display:flex;align-items:center;justify-content:center;height:120px}.result-item-loading-indicator .MuiCircularProgress-root{color:var(--color-accent)}.test-error-view-container{display:flex;flex-direction:column;align-items:center}.test-error-icon{fill:var(--color-text);width:100px!important;height:100px!important;padding:0;margin:0;display:block}.test-error-message{font-size:16px;text-align:center;max-width:100px;word-break:break-word;white-space:normal}.connecting-video-container{margin-bottom:32px}.connecting-video{max-height:calc(100dvh - 250px);max-width:calc(100vw - 50px)}@media (max-width: 768px){.connecting-video{max-height:calc(100dvh - 250px);max-width:calc(100vw - 50px)}}.dialing-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:1rem;margin-top:1rem;flex:1;min-height:0}.dialing-input{width:200px}.dialing-video{max-height:calc(100dvh - 330px);max-width:calc(100vw - 50px)}.dialing-actions{display:flex;flex-direction:column;align-items:center;gap:20px}@media (max-width: 768px){.dialing-video{max-height:calc(100dvh - 330px);max-width:calc(100vw - 50px)}}.home-container{display:flex;flex-direction:column;align-items:center;padding-top:2rem;padding-bottom:2rem;width:100%}.home-content{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1000px}.home-header{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.home-welcome{text-align:center;display:flex;flex-direction:column;gap:.5rem}.home-welcome h2{font-size:2rem;color:var(--color-text);margin:0}.home-subtitle{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.5;margin:0}@media (max-width: 768px){.home-container{padding:1.5rem}.home-content,.home-header{gap:1.5rem}.home-welcome h2{font-size:1.5rem}.home-subtitle{font-size:1rem}}.incoming-call-container{display:flex;flex-direction:column;min-height:calc(100dvh - 200px);padding:24px}.profile-icon{width:200px;height:200px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;margin:auto}.profile-icon svg{width:100px;height:100px;color:#666}.login-container{display:flex;flex-direction:column;align-items:center;padding-top:3rem;padding-bottom:2rem}.login-content{display:flex;flex-direction:column;align-items:center;gap:3rem;max-width:500px}.login-logo{display:flex;justify-content:center;align-items:center}.login-logo-image{object-fit:contain;border-radius:20px}.login-welcome{text-align:center;display:flex;flex-direction:column;gap:1rem}.login-welcome h2{font-size:2rem;color:var(--color-text);margin:0}.login-subtitle{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.login-actions{display:flex;justify-content:center;align-items:center;gap:20px}@media (max-width: 768px){.login-container{padding:1.5rem}.login-content{gap:2rem}.login-logo-image{width:256px;height:256px}.login-welcome h2{font-size:1.5rem}.login-subtitle{font-size:1rem}.login-actions{flex-direction:column}}.outgoing-call-video-container{margin-bottom:32px}.outgoing-call-video{height:min(1000px,65dvh);width:min(1000px,90vw);object-fit:cover}.room-container{display:flex;flex-direction:column;align-items:center;justify-content:start;padding:32px;gap:32px}.room-actions{display:flex}.room-list-view{display:flex;flex-direction:column;gap:24px;width:100%;max-width:800px;margin:0 auto}.room-list-header{text-align:center;margin-bottom:8px}.room-list-header h2{font-size:1.8rem;color:var(--color-text);margin:0 0 8px}.room-list-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.room-list-container{display:flex;flex-direction:column;gap:0;background:var(--color-background-list);border-radius:16px}.room-list-actions{display:flex;justify-content:center;align-items:center}.room-list-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-background-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.room-list-modal-sheet{background:var(--color-background-sheet);border-radius:16px;box-shadow:0 4px 32px var(--color-shadow);padding:2rem 2.5rem;min-width:320px;max-width:95vw;position:relative;display:flex;flex-direction:column;gap:.5rem}.room-list-modal-title{margin:0 0 1rem;font-size:1.3rem;color:var(--color-text);text-align:left}.room-list-modal-content{display:flex;flex-direction:column;gap:1rem}.room-list-modal-label{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.room-list-modal-label-text{padding-left:8px;font-weight:600;color:var(--color-text)}.room-list-modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.room-list-modal-actions .primary-button,.room-list-actions .primary-button{background-color:var(--color-green)}.room-list-modal-actions .primary-button{width:150px}.room-list-modal-actions .primary-button:disabled{background-color:var(--color-background-sheet)}@media (max-width: 768px){.room-list-view{max-width:100%;padding:0 12px}.room-list-header h2{font-size:1.5rem}.room-list-subtitle{font-size:.9rem}.room-list-container{border-radius:12px}.room-list-actions{padding:0 8px}.room-list-modal-sheet{width:100%;max-width:560px;padding:1.25rem 1rem;border-radius:12px}.room-list-modal-content{gap:.75rem}.room-list-modal-label{width:100%}.room-list-modal-input{width:100%;max-width:none}.room-list-modal-actions .primary-button{width:100%}}.room-list-item-view{display:flex;align-items:center;gap:16px;padding:16px 24px;width:100%;margin-bottom:12px}.room-list-item-view:last-child{margin-bottom:0}.room-list-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.room-icon{width:24px;height:24px;color:var(--color-text)}.room-list-item-texts{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.room-list-item-title{font-size:18px;font-weight:500;color:var(--color-text);margin-bottom:2px}.room-list-item-subtitle{font-size:14px;color:var(--color-text-secondary)}.room-list-item-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.room-list-item-actions .primary-button{width:120px;font-size:14px;padding:12px 16px;background-color:var(--color-green);border:2px solid var(--color-green)}.room-list-item-actions .primary-button:disabled{background-color:var(--color-background-list);border:2px solid var(--color-button-disabled)}.generate-link-button{display:flex;align-items:center;gap:6px;background-color:var(--color-background-list);color:var(--color-text);border:2px solid var(--color-green);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px var(--color-shadow);outline:none}.generate-link-button:hover{background-color:var(--color-green);color:var(--color-black);transform:translateY(-1px);box-shadow:0 4px 8px var(--color-shadow-hover)}.generate-link-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--color-shadow)}.generate-link-button.copied{background-color:var(--color-green);color:var(--color-black)}.generate-link-button.copied:hover{background-color:var(--color-green);color:var(--color-black);transform:none}.generate-link-button:disabled{opacity:1;cursor:default}.generate-link-icon{width:16px;height:16px}.delete-room-button{display:flex;align-items:center;justify-content:center;background-color:var(--color-background-list);color:var(--color-red);border:2px solid var(--color-red);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px var(--color-shadow);outline:none;width:48px;height:48px}.delete-room-button:hover{background-color:var(--color-red);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 8px var(--color-shadow-hover)}.delete-room-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--color-shadow)}.delete-room-button:focus{outline:2px solid var(--color-red);outline-offset:2px}.delete-room-icon{width:20px;height:20px}@media (max-width: 768px){.room-list-item-view{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.room-list-item-icon{display:none}.room-list-item-title{font-size:16px}.room-list-item-subtitle{font-size:13px}.room-list-item-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-list-item-actions .primary-button{width:100%;font-size:14px;padding:10px 12px}.generate-link-button{width:100%;justify-content:center;padding:10px 12px}.delete-room-button{width:100%;height:44px;padding:10px;grid-column:1 / -1}}.test-list-item-view{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-background);border-radius:16px;border:2px solid var(--color-background);box-shadow:0 2px 8px var(--color-shadow);width:100%;margin-bottom:12px;cursor:pointer;transition:background .2s,box-shadow .2s}.test-list-item-view:last-child{margin-bottom:0}.test-list-item-view:hover{background:var(--color-background);box-shadow:0 4px 16px var(--color-shadow-hover);outline:none;border:2px solid var(--color-accent)}.test-list-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.test-list-item-texts{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.test-list-item-title{font-size:18px;font-weight:500;color:var(--color-text)}.test-list-item-subtitle{font-size:14px;color:var(--text-secondary);margin-top:2px}.test-list-item-chevron{margin-left:12px;color:var(--color-text);display:flex;align-items:center}.test-list-item-view:hover .test-list-item-chevron{color:var(--color-accent)}.test-list-view-container{padding:24px 0 0;max-width:480px;margin:0 auto;display:flex;flex-direction:column;height:min(calc(90dvh - 100px),520px)}.test-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px 16px;border-bottom:1px solid var(--color-text);margin-bottom:16px}.test-list-title{font-size:22px;font-weight:600;flex:1;text-align:left}.test-list-items{display:flex;flex-direction:column;margin-top:16px}.visual-acuity-test-container{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:32px;min-height:0;height:100%}.visual-acuity-test-local-video-container{grid-column:1;grid-row:1}.visual-acuity-test-remote-video-container{grid-column:1;grid-row:2}.visual-acuity-test-local-video-container,.visual-acuity-test-remote-video-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:150px}.visual-acuity-test-local-video-container video,.visual-acuity-test-remote-video-container video{min-height:300px}.visual-acuity-test-button-container{display:flex;justify-content:center}.visual-acuity-test-manual-answer-container{display:flex;justify-content:center;gap:16px}.visual-acuity-test-button-container .call-button-container,.visual-acuity-test-manual-answer-container .call-button-container{width:88px}.visual-acuity-test-button-container .call-button-label,.visual-acuity-test-manual-answer-container .call-button-label{max-width:88px;white-space:normal;overflow-wrap:anywhere;text-align:center}.visual-acuity-test-status-container{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;justify-content:center}.visual-acuity-test-timer-container,.visual-acuity-test-result-item-container{width:100px;height:120px;margin-top:16px;margin-bottom:16px}.visual-acuity-test-error-container{width:100px}.visual-acuity-test-result-item-grid-container{width:100%;overflow:auto}.visual-acuity-test-pause-message{display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;color:var(--color-text);text-align:center;height:120px;margin-top:16px;margin-bottom:16px}.vat-settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-background-modal-overlay);z-index:10;display:flex;align-items:center;justify-content:center}.vat-settings-sheet{background:var(--color-background-sheet);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-hover);min-width:320px;max-width:520px;width:90vw;overflow-y:auto;position:relative;padding:24px}.vat-settings-title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--color-text)}.vat-settings-section{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.vat-settings-actions{display:flex;gap:16px;align-items:center}.vat-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vat-settings-item{display:flex;justify-content:center}@media (max-width: 520px){.vat-settings-grid{grid-template-columns:1fr 1fr}}.result-item-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,max-content));gap:16px;justify-items:start;align-items:center;justify-content:center;width:100%}.landolt-ring-svg{color:var(--color-text);transition:transform .3s cubic-bezier(.4,0,.2,1)}.landolt-ring-shape{fill:currentColor}.visual-acuity-test-result-grid-container{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:32px;min-height:0;height:100%}.visual-acuity-test-result-title{font-size:32px;font-weight:700;grid-column:1 / -1;grid-row:1;text-align:center}.visual-acuity-test-result-container{grid-column:2;grid-row:2 / -1;display:flex;flex-direction:column;justify-content:space-between;gap:24px;align-items:center;overflow-y:hidden;min-width:fit-content}.visual-acuity-test-result-local-video-container,.visual-acuity-test-result-remote-video-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:150px}.visual-acuity-test-result-local-video-container{grid-column:1;grid-row:2}.visual-acuity-test-result-remote-video-container{grid-column:1;grid-row:3}.visual-acuity-test-result-local-video-container video,.visual-acuity-test-result-remote-video-container video{min-height:300px}.visual-acuity-test-result-visus-value{font-size:48px;font-weight:700}.visual-acuity-test-result-checkmark{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.visual-acuity-test-button-container{display:flex;justify-content:center;margin-top:auto;gap:16px}.screen-distance-test-container{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:32px;min-height:0;height:100%}.screen-distance-test-local-video-container{grid-column:1;grid-row:1}.screen-distance-test-remote-video-container{grid-column:1;grid-row:2}.screen-distance-test-local-video-container,.screen-distance-test-remote-video-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:150px}.screen-distance-test-local-video-container video,.screen-distance-test-remote-video-container video{min-height:300px}.test-controls-container{grid-column:2;grid-row:1 / -1;display:flex;flex-direction:column;justify-content:center;gap:24px;align-items:center;overflow-y:hidden;min-width:fit-content}.screen-distance-test-value{font-size:48px;font-weight:700}.screen-distance-test-button-container{display:flex;justify-content:center;gap:16px}.screen-distance-test-result-grid-container{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:32px;min-height:0;height:100%}.screen-distance-test-result-title{font-size:32px;font-weight:700;grid-column:1 / -1;grid-row:1;text-align:center}.screen-distance-test-result-container{grid-column:2;grid-row:2 / -1;display:flex;flex-direction:column;justify-content:space-between;gap:24px;align-items:center;overflow-y:hidden;min-width:fit-content}.screen-distance-test-result-local-video-container,.screen-distance-test-result-remote-video-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:150px}.screen-distance-test-result-local-video-container{grid-column:1;grid-row:2}.screen-distance-test-result-remote-video-container{grid-column:1;grid-row:3}.screen-distance-test-result-local-video-container video,.screen-distance-test-result-remote-video-container video{min-height:300px}.screen-distance-test-result-value{font-size:48px;font-weight:700}.screen-distance-test-result-checkmark{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.screen-distance-test-button-container{display:flex;justify-content:center;margin-top:auto;gap:16px}.screen-distance-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-background-modal-overlay);z-index:1;display:flex;align-items:center;justify-content:center}.screen-distance-modal-sheet{background:var(--color-background-sheet);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-hover);min-width:340px;max-width:480px;width:90vw;overflow-y:auto;position:relative;padding:0 24px}.ishihara-test-container{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:32px;min-height:0;height:100%}.ishihara-test-local-video-container{grid-column:1;grid-row:1}.ishihara-test-remote-video-container{grid-column:1;grid-row:2}.ishihara-test-local-video-container,.ishihara-test-remote-video-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:150px}.ishihara-test-local-video-container video,.ishihara-test-remote-video-container video{min-height:300px}.ishihara-test-controls-container{grid-column:2;grid-row:1 / -1;display:flex;flex-direction:column;justify-content:space-between;gap:16px;align-items:center;overflow-y:hidden;min-width:fit-content}.ishihara-test-status-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;min-height:0}.ishihara-test-image-container{display:flex;align-items:center;justify-content:center;width:200px;height:200px;background-color:var(--color-white)}.ishihara-test-image{width:100%;height:100%;object-fit:contain}.ishihara-test-result-item-grid-container{width:100%;overflow:auto;min-height:0}.ishihara-test-button-container{display:flex;justify-content:center;gap:16px;margin-top:24px}.ishihara-test-button-container .call-button-container{width:88px}.ishihara-test-button-container .call-button-label{max-width:88px;white-space:normal;overflow-wrap:anywhere;text-align:center}.ishihara-result-item-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,max-content));gap:16px;justify-items:start;align-items:start;justify-content:center;width:100%}.ishihara-result-item-card{display:flex;flex-direction:column;align-items:center;gap:8px}.ishihara-result-item-image-container{width:120px;height:120px;background-color:var(--color-white);display:flex;align-items:center;justify-content:center}.ishihara-result-item-image{width:100%;height:100%;object-fit:contain}.ishihara-result-item-correctness{color:var(--color-text);text-align:center;font-size:14px}.ishihara-test-result-grid-container{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:32px;min-height:0;height:100%}.ishihara-test-result-title{font-size:32px;font-weight:700;grid-column:1 / -1;grid-row:1;text-align:center}.ishihara-test-result-container{grid-column:2;grid-row:2 / -1;display:flex;flex-direction:column;justify-content:space-between;gap:24px;align-items:center;overflow-y:hidden;min-width:fit-content}.ishihara-test-result-local-video-container,.ishihara-test-result-remote-video-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:150px}.ishihara-test-result-local-video-container{grid-column:1;grid-row:2}.ishihara-test-result-remote-video-container{grid-column:1;grid-row:3}.ishihara-test-result-local-video-container video,.ishihara-test-result-remote-video-container video{min-height:300px}.ishihara-test-result-checkmark{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.ishihara-test-result-summary{display:flex;flex-direction:column;gap:8px;font-size:20px}.ishihara-test-result-line{font-weight:500}.ishihara-test-button-container{display:flex;justify-content:center;margin-top:auto;gap:16px}.amsler-grid-test-container{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:32px;min-height:0;height:100%}.amsler-grid-test-local-video-container{grid-column:1;grid-row:1}.amsler-grid-test-remote-video-container{grid-column:1;grid-row:2}.amsler-grid-test-local-video-container,.amsler-grid-test-remote-video-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:150px}.amsler-grid-test-local-video-container video,.amsler-grid-test-remote-video-container video{min-height:300px}.test-controls-container{grid-column:2;grid-row:1 / -1;display:flex;flex-direction:column;justify-content:space-between;gap:16px;align-items:center;overflow-y:hidden;min-width:fit-content}.amsler-grid-test-button-container{display:flex;justify-content:center;gap:16px}.amsler-grid-test-surface-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:32px;width:100%;height:100%;padding:24px}.amsler-grid-test-image{max-width:100%;max-height:100%;object-fit:contain;background-color:var(--color-white);border-radius:16px}.amsler-grid-test-answer-buttons{display:flex;justify-content:center;gap:16px}.eye-selection-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding-bottom:24px;animation:fadeIn .5s;overflow:hidden}.eye-selection-button-container{display:flex;gap:24px;width:100%;justify-content:center}.eye-selection-button{padding:12px 24px;font-size:1.1rem;border-radius:12px;border:2px solid var(--color-background);background:var(--color-background);color:var(--color-text);font-weight:500;cursor:pointer}.eye-selection-button:hover:not(:disabled){border:2px solid var(--color-eyevis-blue)}.eye-selection-button.selected{border-color:var(--color-eyevis-blue);background:var(--color-background-sheet);box-shadow:0 0 0 2px var(--color-eyevis-blue) inset}.eye-selection-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-background);color:var(--color-button-disabled);border:2px solid var(--color-button-disabled);box-shadow:none}.eye-selection-start-container{margin-top:12px}.primary-button{background-color:var(--color-eyevis-blue)}.amsler-grid-test-result-grid-container{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:32px;min-height:0;height:100%}.amsler-grid-test-result-title{font-size:32px;font-weight:700;grid-column:1 / -1;grid-row:1;text-align:center}.amsler-grid-test-result-container{grid-column:2;grid-row:2 / -1;display:flex;flex-direction:column;justify-content:space-between;gap:24px;align-items:center;overflow-y:hidden;min-width:fit-content}.amsler-grid-test-result-local-video-container,.amsler-grid-test-result-remote-video-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:150px}.amsler-grid-test-result-local-video-container{grid-column:1;grid-row:2}.amsler-grid-test-result-remote-video-container{grid-column:1;grid-row:3}.amsler-grid-test-result-local-video-container video,.amsler-grid-test-result-remote-video-container video{min-height:300px}.amsler-grid-test-result-checkmark{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.amsler-grid-test-result-summary{display:flex;flex-direction:column;gap:8px;font-size:20px}.amsler-grid-test-result-line{font-weight:500}.amsler-grid-test-button-container{display:flex;justify-content:center;margin-top:auto;gap:16px}