:root{--color-background: #f5f5f5;--color-card: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: #999999;--color-success: #22c55e;--color-accent: #10b981;--color-button-primary: #1a1a1a;--color-button-disabled: #9ca3af;--paint-red: #ef4444;--paint-yellow: #eab308;--paint-blue: #3b82f6;--paint-magenta: #ec4899;--paint-cyan: #06b6d4;--paint-white: #f5f5f5;--paint-black: #1a1a1a;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-swatch: 0 4px 12px rgba(0, 0, 0, .15)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;overscroll-behavior-x:none;overflow-x:hidden}button,input{font-family:inherit}._container_t19zx_1{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--spacing-md);gap:var(--spacing-md)}._modeToggle_t19zx_9{display:flex;gap:4px;background-color:var(--color-surface);border-radius:var(--radius-full);padding:4px;justify-self:start}._modeOption_t19zx_18{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;border:none;background-color:transparent;color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}._modeOption_t19zx_18:hover{background-color:#0000000d}._modeOption_t19zx_18._active_t19zx_37{background-color:#fff;color:var(--color-text-primary);box-shadow:0 1px 3px #0000001a}._icon_t19zx_43{font-size:18px;line-height:1}._stats_t19zx_48{display:flex;align-items:center;gap:var(--spacing-lg);justify-self:end}._stat_t19zx_48{display:flex;flex-direction:column;align-items:center;gap:2px}._label_t19zx_62{font-size:11px;font-weight:700;color:var(--color-text-muted);letter-spacing:.5px}._value_t19zx_69{font-size:24px;font-weight:700;color:var(--color-text-primary);line-height:1}._streak_t19zx_76{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background-color:#fef3c7;border-radius:var(--radius-full);font-size:14px;font-weight:600;color:#92400e}@media(max-width:640px){._container_t19zx_1{grid-template-columns:1fr;justify-items:center;text-align:center;padding:var(--spacing-sm)}._icon_t19zx_43{font-size:24px}._value_t19zx_69{font-size:20px}._label_t19zx_62{font-size:10px}._modeToggle_t19zx_9,._stats_t19zx_48{justify-self:center}}._subtitle_t19zx_114{text-align:center;color:var(--color-text-muted);font-size:13px;margin:0}._subtitleLink_t19zx_121{color:inherit;text-decoration:none}._subtitleLink_t19zx_121:hover{text-decoration:underline}._card_3393x_1{background-color:var(--color-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-card)}@media(max-width:640px){._card_3393x_1{padding:var(--spacing-lg)}}._button_18e3i_1{padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}._button_18e3i_1:focus-visible{outline:2px solid var(--color-button-primary);outline-offset:2px}._primary_18e3i_17{background-color:var(--color-button-primary);color:#fff}._primary_18e3i_17:hover:not(._disabled_18e3i_22){background-color:#333;transform:translateY(-1px)}._primary_18e3i_17:active:not(._disabled_18e3i_22){transform:translateY(0)}._outline_18e3i_31{background-color:transparent;color:var(--color-button-primary);border:2px solid var(--color-button-primary)}._outline_18e3i_31:hover:not(._disabled_18e3i_22){background-color:var(--color-button-primary);color:#fff}._fullWidth_18e3i_42{width:100%}._disabled_18e3i_22{background-color:var(--color-button-disabled);cursor:not-allowed;opacity:.6}._disabled_18e3i_22:hover{transform:none}._container_150ju_1{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}._label_150ju_8{font-size:14px;font-weight:600;color:var(--color-text-secondary)}._swatch_150ju_14{border-radius:var(--radius-lg);box-shadow:var(--shadow-swatch);position:relative;display:flex;align-items:center;justify-content:center}._small_150ju_23{width:80px;height:80px}._medium_150ju_28{width:150px;height:150px}._large_150ju_33{width:200px;height:200px}._valueOverlay_150ju_38{background-color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-size:18px;font-weight:700;color:var(--color-text-primary);box-shadow:0 2px 8px #00000026}@media(max-width:640px){._small_150ju_23{width:60px;height:60px}._medium_150ju_28{width:120px;height:120px}._large_150ju_33{width:160px;height:160px}._valueOverlay_150ju_38{font-size:16px;padding:6px 12px}}._container_1v941_1{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:400px;margin:0 auto}._title_1v941_10{font-size:24px;font-weight:700;text-align:center;color:var(--color-text-primary)}._subtitle_1v941_17{font-size:16px;text-align:center;color:var(--color-text-secondary);margin-top:calc(var(--spacing-sm) * -1)}._inputContainer_1v941_24{position:relative;width:100%}._input_1v941_24{width:100%;padding:12px 40px 12px 16px;border:2px solid #e5e5e5;border-radius:var(--radius-md);font-size:18px;font-weight:600;transition:border-color .2s ease}._input_1v941_24:focus{outline:none;border-color:var(--color-button-primary)}._input_1v941_24::placeholder{color:var(--color-text-muted);font-weight:400}._suffix_1v941_49{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:600;color:var(--color-text-secondary);pointer-events:none}._hint_1v941_60{font-size:13px;color:var(--color-text-muted);text-align:center}@media(max-width:640px){._title_1v941_10{font-size:20px}._subtitle_1v941_17{font-size:14px}._input_1v941_24{font-size:16px}._hint_1v941_60{font-size:12px}}._container_tz6ag_1{display:flex;align-items:center;gap:var(--spacing-md);width:100%}._colorIndicator_tz6ag_8{width:24px;height:24px;border-radius:50%;flex-shrink:0;border:2px solid rgba(0,0,0,.1)}._sliderWrapper_tz6ag_16{flex:1;display:flex;flex-direction:column;gap:4px}._label_tz6ag_23{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:capitalize}._slider_tz6ag_16{width:100%;height:8px;border-radius:var(--radius-full);background:#0003;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}._slider_tz6ag_16::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-button-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}._slider_tz6ag_16::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-button-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}._slider_tz6ag_16:focus{outline:2px solid var(--color-button-primary);outline-offset:2px}._numberInput_tz6ag_68{width:50px;padding:6px 8px;border:2px solid #e5e5e5;border-radius:var(--radius-sm);font-size:16px;font-weight:600;text-align:center;color:var(--color-text-primary);transition:border-color .2s ease}._numberInput_tz6ag_68:focus{outline:none;border-color:var(--color-button-primary)}._numberInput_tz6ag_68::-webkit-inner-spin-button,._numberInput_tz6ag_68::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._numberInput_tz6ag_68[type=number]{-moz-appearance:textfield}@media(max-width:640px){._colorIndicator_tz6ag_8{width:20px;height:20px}._label_tz6ag_23{font-size:11px}._value_tz6ag_105{font-size:14px;min-width:30px}._slider_tz6ag_16::-webkit-slider-thumb{width:18px;height:18px}._slider_tz6ag_16::-moz-range-thumb{width:18px;height:18px}}._container_jcfyz_1{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:500px;margin:0 auto}._title_jcfyz_10{font-size:24px;font-weight:700;text-align:center;color:var(--color-text-primary)}._swatchContainer_jcfyz_17{display:flex;gap:var(--spacing-lg);justify-content:center;align-items:flex-start;flex-wrap:wrap}._slidersContainer_jcfyz_25{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:500px}._controlsRow_jcfyz_33{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-md)}._resetButton_jcfyz_41{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}._resetButton_jcfyz_41:hover{background:var(--color-surface-hover);border-color:var(--color-text-secondary)}._resetButton_jcfyz_41:active{transform:translateY(1px)}._checkbox_jcfyz_62{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:14px;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}._checkbox_jcfyz_62 input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-button-primary)}._hint_jcfyz_79{font-size:13px;color:var(--color-text-muted);text-align:center}@media(max-width:640px){._title_jcfyz_10{font-size:20px}._checkbox_jcfyz_62{font-size:13px}._hint_jcfyz_79{font-size:12px}}._container_1oq6b_1{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:500px;margin:0 auto}._title_1oq6b_10{font-size:24px;font-weight:700;text-align:center;color:var(--color-text-primary)}._grayscaleContent_1oq6b_17,._colorContent_1oq6b_25{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%}._comparison_1oq6b_33{display:flex;align-items:center;gap:var(--spacing-lg);width:100%;justify-content:center;flex-wrap:wrap}._vs_1oq6b_42{font-size:18px;font-weight:700;color:var(--color-text-muted)}._feedback_1oq6b_48{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}._feedbackText_1oq6b_55{font-size:28px;font-weight:700;color:var(--color-success)}._feedbackTextLow_1oq6b_61{font-size:28px;font-weight:700;color:var(--color-text-primary)}._details_1oq6b_67{font-size:16px;color:var(--color-text-secondary)}._hintSection_1oq6b_72{margin-top:var(--spacing-sm)}._hintLink_1oq6b_76{font-size:14px;color:#3b82f6;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;font-weight:500}._hintLink_1oq6b_76:hover{color:#2563eb}._hint_1oq6b_72{font-size:15px;color:var(--color-text-primary);background-color:#fef3c7;padding:10px 16px;border-radius:var(--radius-md);border-left:3px solid #f59e0b;text-align:center;font-weight:500}._scoreSection_1oq6b_102{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:#f0fdf4;border-radius:var(--radius-lg);width:100%}._finalRoundMessage_1oq6b_113{font-size:16px;font-weight:600;color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-sm)}._trophy_1oq6b_121{font-size:32px;line-height:1}._scoreLabel_1oq6b_126{font-size:11px;font-weight:700;color:var(--color-text-muted);letter-spacing:.5px}._scoreValue_1oq6b_133{font-size:32px;font-weight:700;color:var(--color-success);line-height:1}._scoreValueLow_1oq6b_140{font-size:32px;font-weight:700;color:var(--color-text-primary);line-height:1}._retryNotice_1oq6b_147{font-size:13px;color:var(--color-text-muted);text-align:center;margin-top:var(--spacing-sm);font-style:italic}._actions_1oq6b_155{display:flex;gap:var(--spacing-md);width:100%}._actions_1oq6b_155 button{flex:1}@media(max-width:640px){._title_1oq6b_10{font-size:20px}._feedbackText_1oq6b_55{font-size:24px}._details_1oq6b_67{font-size:14px}._scoreValue_1oq6b_133{font-size:28px}._comparison_1oq6b_33{gap:var(--spacing-md)}._vs_1oq6b_42{font-size:16px}}._container_1v6ml_1{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:400px;margin:0 auto;padding:var(--spacing-xl)}._title_1v6ml_11{font-size:28px;font-weight:700;text-align:center;color:var(--color-text-primary);margin:0}._trophy_1v6ml_19{font-size:64px;line-height:1;margin:var(--spacing-md) 0}._newRecord_1v6ml_25{font-size:20px;font-weight:700;color:var(--color-success);text-align:center;animation:_pulse_1v6ml_1 .6s ease-in-out}@keyframes _pulse_1v6ml_1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}._scoreSection_1v6ml_42{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:#f0fdf4;border-radius:var(--radius-lg);width:100%}._scoreLabel_1v6ml_53{font-size:13px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}._finalScore_1v6ml_61{font-size:48px;font-weight:700;color:var(--color-success);line-height:1}._comparison_1v6ml_68{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}._comparisonItem_1v6ml_75{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:#f9fafb;border-radius:var(--radius-md)}._comparisonLabel_1v6ml_84{font-size:14px;font-weight:600;color:var(--color-text-secondary)}._comparisonValue_1v6ml_90{font-size:24px;font-weight:700;color:var(--color-text-primary)}@media(max-width:640px){._container_1v6ml_1{padding:var(--spacing-lg)}._title_1v6ml_11{font-size:24px}._trophy_1v6ml_19{font-size:48px}._newRecord_1v6ml_25{font-size:18px}._finalScore_1v6ml_61{font-size:40px}._comparisonValue_1v6ml_90{font-size:20px}}._toggleContainer_nhdvs_1{text-align:center;margin:var(--spacing-lg) 0}._toggleButton_nhdvs_6{background:none;border:none;color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s ease}._toggleButton_nhdvs_6:hover{color:var(--color-text-primary);background-color:#0000000d}._container_nhdvs_23{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px;margin:0 auto}._header_nhdvs_31{display:flex;justify-content:space-between;align-items:center}._title_nhdvs_37{font-size:24px;font-weight:700;color:var(--color-text-primary)}._closeButton_nhdvs_43{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-sm);line-height:1;transition:color .2s ease}._closeButton_nhdvs_43:hover{color:var(--color-text-primary)}._section_nhdvs_58{display:flex;flex-direction:column;gap:var(--spacing-md)}._sectionTitle_nhdvs_64{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}._mode_nhdvs_71{display:flex;flex-direction:column;gap:var(--spacing-sm)}._modeTitle_nhdvs_77{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}._text_nhdvs_84{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0}._paints_nhdvs_91{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}._paint_nhdvs_91{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--color-text-primary)}._paintDot_nhdvs_105{width:16px;height:16px;border-radius:50%;flex-shrink:0}._scoringTable_nhdvs_112{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#f9fafb;border-radius:var(--radius-md)}._tableTitle_nhdvs_121{font-size:14px;font-weight:700;color:var(--color-text-primary)}._tableRow_nhdvs_127{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--color-text-secondary);padding:var(--spacing-xs) 0}._points_nhdvs_136{font-weight:600;color:var(--color-success)}._tip_nhdvs_141{padding:var(--spacing-md);background-color:#eff6ff;border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);line-height:1.6}._tip_nhdvs_141 strong{color:#1e40af}@media(max-width:640px){._title_nhdvs_37{font-size:20px}._sectionTitle_nhdvs_64{font-size:16px}._paints_nhdvs_91{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}._app_1505h_1{min-height:100vh;background-color:var(--color-background);padding:var(--spacing-lg)}._container_1505h_7{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}._main_1505h_15{min-height:400px}._footer_1505h_19{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid #e5e5e5}._stats_1505h_25{display:flex;justify-content:space-around;gap:var(--spacing-lg);flex-wrap:wrap}._stat_1505h_25{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}._statLabel_1505h_39{font-size:11px;font-weight:700;color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase}._statValue_1505h_47{font-size:24px;font-weight:700;color:var(--color-text-primary);line-height:1}@media(max-width:640px){._app_1505h_1{padding:var(--spacing-md)}._container_1505h_7{gap:var(--spacing-md)}._main_1505h_15{min-height:300px}._statValue_1505h_47{font-size:20px}._statLabel_1505h_39{font-size:10px}}