*{box-sizing:border-box}html,body,#root{color:#e6eaf2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b132b;width:100%;height:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{overflow-x:hidden}button{font-family:inherit}a{color:#5bc0be;text-decoration:none}a:hover{color:#6fcfd0}.app{color:#e6eaf2;background:#0b132b;flex-direction:column;min-height:100dvh;display:flex}.app__header{background:#14213d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.app__header h1{letter-spacing:.02em;margin:0;font-size:18px;font-weight:600}.app__title-version{color:#9aa3b2;margin-left:8px;font-size:11px;font-weight:400}.app__content{flex-direction:column;flex:1;gap:16px;width:100%;max-width:900px;margin:0 auto;padding:16px;display:flex}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 16px;display:flex}.loading-screen__spinner{border:4px solid #5bc0be33;border-top-color:#5bc0be;border-radius:50%;width:48px;height:48px;animation:1s linear infinite loading-screen-spin}.loading-screen__label{color:#e6eaf2;margin:0;font-size:16px}.loading-screen__sublabel{color:#9aa3b2;text-align:center;max-width:280px;margin:0;font-size:13px}@keyframes loading-screen-spin{to{transform:rotate(360deg)}}.camera-view{aspect-ratio:4/4.5;background:#14213d;border:1px solid #ffffff14;border-radius:12px;width:100%;min-height:480px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.camera-view__video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.camera-view__overlay{cursor:crosshair;touch-action:none;object-fit:contain;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.camera-view__capture-btn{color:#0b132b;cursor:pointer;z-index:3;background:#5bc0be;border:none;border-radius:999px;padding:12px 28px;font-size:16px;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.camera-view__capture-btn:hover:not(:disabled){background:#6fcfd0}.camera-view__capture-btn:disabled{opacity:.6;cursor:not-allowed}.camera-view__hint{color:#e6eaf2;text-align:center;backdrop-filter:blur(4px);pointer-events:none;background:#0b132bd9;border-radius:8px;padding:8px 12px;font-size:13px;position:absolute;bottom:12px;left:12px;right:12px}.image-upload-view{aspect-ratio:4/4.5;background:#14213d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:480px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.image-upload-view__placeholder{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.image-upload-view__placeholder p{color:#9aa3b2;margin:0;font-size:14px}.image-upload-view__pick-btn,.image-upload-view__replace-btn{color:#0b132b;cursor:pointer;background:#5bc0be;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.image-upload-view__pick-btn:hover,.image-upload-view__replace-btn:hover{background:#6fcfd0}.image-upload-view__or{color:#9aa3b2;margin:4px 0 0;font-size:12px}.image-upload-view__examples{flex-wrap:wrap;justify-content:center;gap:6px;max-width:320px;display:flex}.image-upload-view__example-btn{color:#e6eaf2;cursor:pointer;background:#1c2541;border:1px solid #ffffff14;border-radius:6px;padding:6px 10px;font-size:12px;transition:background .15s}.image-upload-view__example-btn:hover{background:#ffffff0d}.image-upload-view__replace-btn{color:#e6eaf2;backdrop-filter:blur(4px);z-index:5;background:#0b132bd9;padding:6px 12px;font-size:12px;position:absolute;bottom:12px;right:12px}.image-upload-view__source{object-fit:contain;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.image-upload-view__overlay{cursor:crosshair;touch-action:none;object-fit:contain;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.image-upload-view__overlay--draggable{cursor:grab}.image-upload-view__overlay--draggable:active{cursor:grabbing}.image-upload-view__file-input{display:none}.image-upload-view__error{color:#ff8a8a;background:#ff525226;border:1px solid #ff525266;border-radius:8px;padding:8px 12px;font-size:13px;position:absolute;bottom:60px;left:12px;right:12px}.image-upload-view__hint{color:#e6eaf2;text-align:center;backdrop-filter:blur(4px);pointer-events:none;background:#0b132bd9;border-radius:8px;padding:8px 12px;font-size:13px;position:absolute;bottom:12px;left:12px;right:12px}.calibration-panel{background:#1c2541;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}.calibration-panel__header{justify-content:space-between;align-items:center;display:flex}.calibration-panel__header h2{text-transform:uppercase;letter-spacing:.08em;color:#9aa3b2;margin:0;font-size:14px;font-weight:600}.calibration-panel__reset{color:#e6eaf2;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-size:12px}.calibration-panel__reset:hover{background:#ffffff0a}.calibration-panel__sliders{flex-direction:column;gap:12px;display:flex}.calibration-panel__slider{color:#e6eaf2;flex-direction:column;gap:6px;font-size:13px;display:flex}.calibration-panel__slider input[type=range]{accent-color:#5bc0be;width:100%}.calibration-panel__slider-row{justify-content:space-between;display:flex}.calibration-panel__value{color:#5bc0be;font-variant-numeric:tabular-nums}.calibration-panel__tap{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;padding-top:8px;display:flex}.calibration-panel__tap-label{color:#9aa3b2;margin:0;font-size:13px}.calibration-panel__tap-buttons{gap:8px;display:flex}.calibration-panel__tap-btn{color:#e6eaf2;cursor:pointer;background:#14213d;border:1px solid #ffffff14;border-radius:8px;flex:1;padding:8px 10px;font-size:13px;transition:background .15s,border-color .15s}.calibration-panel__tap-btn:hover{background:#ffffff0a}.calibration-panel__tap-btn--active{color:#0b132b;background:#5bc0be;border-color:#5bc0be}.calibration-panel__tap-result{color:#9aa3b2;font-variant-numeric:tabular-nums;margin:0;font-size:12px}.calibration-panel__auto{border-top:1px solid #ffffff14;padding-top:8px}.calibration-panel__auto-btn{color:#e6eaf2;cursor:pointer;background:#14213d;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:10px 12px;font-size:13px;transition:background .15s}.calibration-panel__auto-btn:hover:not(:disabled){background:#ffffff0d;border-color:#5bc0be}.calibration-panel__auto-btn:disabled{opacity:.5;cursor:not-allowed}.ring-scale-slider{background:#1c2541;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.ring-scale-slider__label{color:#e6eaf2;flex-direction:column;gap:6px;font-size:13px;display:flex}.ring-scale-slider__label input[type=range]{accent-color:#5bc0be;width:100%}.ring-scale-slider__row{justify-content:space-between;display:flex}.ring-scale-slider__value{color:#5bc0be;font-variant-numeric:tabular-nums}.ring-scale-slider__hint{color:#9aa3b2;margin:0;font-size:11px}.bullseye-action-picker{background:#1c2541;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.bullseye-action-picker__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.bullseye-action-picker__header h2{text-transform:uppercase;letter-spacing:.08em;color:#9aa3b2;margin:0;font-size:14px;font-weight:600}.bullseye-action-picker__hint{color:#9aa3b2;font-size:11px}.bullseye-action-picker__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bullseye-action-picker__label{color:#e6eaf2;min-width:50px;font-size:13px;font-weight:500}.bullseye-action-picker__choices{flex-wrap:wrap;flex:1;gap:4px;display:flex}.bullseye-action-picker__btn{color:#e6eaf2;cursor:pointer;font-variant-numeric:tabular-nums;background:#14213d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;min-width:40px;height:32px;padding:4px 8px;font-size:14px;transition:background .15s,border-color .15s;display:inline-flex}.bullseye-action-picker__btn:hover{background:#ffffff0d;border-color:#9aa3b2}.bullseye-action-picker__btn--active{color:#0b132b;background:#5bc0be;border-color:#5bc0be;font-weight:700}.bullseye-action-picker__symbol{line-height:1}.corner-knob{z-index:4;cursor:grab;touch-action:none;user-select:none;width:88px;height:88px;position:absolute;top:12px}.corner-knob:active{cursor:grabbing}.corner-knob--top-left{left:12px}.corner-knob--top-right{right:12px}.corner-knob__svg{filter:drop-shadow(0 2px 6px #00000073);width:100%;height:100%}.corner-knob__track{fill:#0b132ba6;stroke:#ffffff2e;stroke-width:2px}.corner-knob__fill{fill:none;stroke:#5bc0be;stroke-width:4px;stroke-linecap:round}.corner-knob__handle{fill:#5bc0be;stroke:#0b132b;stroke-width:2px}.corner-knob__center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.corner-knob__label{color:#9aa3b2;text-transform:uppercase;letter-spacing:.08em;font-size:10px;line-height:1}.corner-knob__value{color:#e6eaf2;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:1.1}.warped-preview{background:#1c2541;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.warped-preview__canvas-wrap{width:100%;max-width:500px;position:relative}.warped-preview__canvas{aspect-ratio:1;width:100%;image-rendering:-webkit-optimize-contrast;cursor:crosshair;background:#14213d;border-radius:8px}.warped-preview__tooltip{color:#e6eaf2;pointer-events:none;font-variant-numeric:tabular-nums;backdrop-filter:blur(4px);background:#0b132beb;border-radius:6px;max-width:220px;padding:6px 10px;font-size:12px;line-height:1.4;position:absolute;top:8px;left:8px}.warped-preview__controls{flex-direction:column;gap:4px;width:100%;display:flex}.warped-preview__toggle{color:#9aa3b2;cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.warped-preview__toggle input{accent-color:#5bc0be}.warped-preview__caption{color:#9aa3b2;margin:0;font-size:12px}.result-panel{background:#1c2541;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.result-panel__header{justify-content:space-between;align-items:center;display:flex}.result-panel__header h2{text-transform:uppercase;letter-spacing:.08em;color:#9aa3b2;margin:0;font-size:14px;font-weight:600}.result-panel__answer{color:#5bc0be;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.result-panel__answer--fault{color:#ff5252;font-size:16px}.result-panel__fault-hint{color:#e6eaf2;background:#ff525214;border:1px solid #ff525240;border-radius:8px;margin:0;padding:8px 12px;font-size:13px}.result-panel__empty{color:#9aa3b2;margin:0;font-size:13px}.result-panel__steps{color:#e6eaf2;font-variant-numeric:tabular-nums;max-height:240px;margin:0;padding-left:18px;font-size:13px;line-height:1.55;overflow-y:auto}.result-panel__details{color:#e6eaf2;border-top:1px solid #ffffff14;padding-top:12px;font-size:13px}.result-panel__details summary{cursor:pointer;color:#9aa3b2}.result-panel__table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.result-panel__table th,.result-panel__table td{text-align:left;border-bottom:1px solid #ffffff14;padding:4px 8px}.result-panel__table th{color:#9aa3b2;font-weight:500}.solver-container{flex-direction:column;gap:16px;width:100%;display:flex}.solver-container__actions{flex-wrap:wrap;gap:8px;display:flex}.solver-container__btn{color:#e6eaf2;cursor:pointer;background:#14213d;border:1px solid #ffffff14;border-radius:10px;flex:1;min-width:160px;padding:10px 14px;font-size:14px;transition:background .15s}.solver-container__btn:hover:not(:disabled){background:#ffffff0a}.solver-container__btn:disabled{opacity:.4;cursor:not-allowed}.solver-container__status{background:#1c2541;border:1px solid #ffffff14;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 12px;font-size:13px;display:flex}.solver-container__status strong{color:#5bc0be}.solver-container__status-pills{flex-wrap:wrap;gap:6px;display:flex}.solver-container__pill{font-variant-numeric:tabular-nums;background:#14213d;border:1px solid #ffffff14;border-radius:999px;padding:2px 8px;font-size:11px}.solver-container__pill--add{color:#2196f3}.solver-container__pill--sub{color:#ffeb3b}.solver-container__pill--mul{color:#ff4081}.solver-container__pill--div{color:#9c27b0}.solver-container__mode-toggle{background:#14213d;border:1px solid #ffffff14;border-radius:10px;gap:4px;padding:4px;display:flex}.solver-container__mode-btn{color:#9aa3b2;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.solver-container__mode-btn:hover{color:#e6eaf2}.solver-container__mode-btn--active{color:#0b132b;background:#5bc0be;font-weight:600}.solver-container__error-hint{color:#9aa3b2;margin-top:8px;font-size:13px}.solver-container__hint{color:#9aa3b2;background:#ff525214;border:1px solid #ff525240;border-radius:8px;margin:0;padding:8px 12px;font-size:13px}.solver-container__error{text-align:center;background:#1c2541;border:1px solid #ffffff14;border-radius:12px;padding:32px 16px}.solver-container__error h2{margin:0 0 8px;font-size:18px}.solver-container__error p{color:#9aa3b2;margin:0 0 16px;font-size:14px}.solver-container__error button{color:#0b132b;cursor:pointer;background:#5bc0be;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}.solver-container__error button:hover{background:#6fcfd0}