@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{.keypad{bottom:calc(var(--spacing,.25rem) * 0);box-sizing:border-box;--tw-translate-x: -50% ;width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);touch-action:none;--tw-shadow:0 -2px 6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);-webkit-user-select:none;user-select:none;max-width:300px;padding:10px;position:fixed;left:50%;overflow:hidden}@media(min-height:527px){.keypad{max-width:400px}}.keypad{background-color:#e8eaf6;border-top-left-radius:12px;border-top-right-radius:12px}.keypad:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.row{margin-bottom:calc(var(--spacing,.25rem) * 2);justify-content:center;display:flex}.num-btn,.action-btn{margin-inline:calc(var(--spacing,.25rem) * 1);cursor:pointer;border-radius:var(--radius-lg,8px);--tw-border-style:none;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);height:45px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-style:none;flex:1}@media(min-height:527px){.num-btn,.action-btn{height:60px}}.num-btn,.action-btn{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px))}@media(min-height:527px){.num-btn,.action-btn{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}.num-btn,.action-btn{background-color:var(--color-white,#fff);color:var(--color-main,#3f51b5)}:is(.num-btn,.action-btn):where(.dark,.dark *){background-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-gray-100,oklch(96.7% .003 264.542))}.num-btn:active,.action-btn:active{background-color:#e8eaf6;scale:.98}:is(.num-btn:active,.action-btn:active):where(.dark,.dark *){background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.action-btn{color:var(--color-white,#fff);background-color:#9fa8da}.action-btn:active{background-color:#7986cb}.totalTimeDisplay,#totalTimeDisplay{margin-bottom:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-lg,8px);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);border-width:1px}@media(min-width:48rem){.totalTimeDisplay,#totalTimeDisplay{margin-top:calc(var(--spacing,.25rem) * 5)}}.totalTimeDisplay,#totalTimeDisplay{border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-700,oklch(37.3% .034 259.733))}:is(.totalTimeDisplay,#totalTimeDisplay):where(.dark,.dark *){border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-700,oklch(37.3% .034 259.733));color:var(--color-gray-300,oklch(87.2% .01 258.338))}#summaryContainer{gap:calc(var(--spacing,.25rem) * 4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:48rem){#summaryContainer{gap:calc(var(--spacing,.25rem) * 6);grid-template-columns:repeat(2,minmax(0,1fr))}}.table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-container::-webkit-scrollbar{width:calc(var(--spacing,.25rem) * .5)}.table-container::-webkit-scrollbar-thumb{border-radius:3.40282e38px}.table-container::-webkit-scrollbar-thumb{background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}.table-container:where(.dark,.dark *)::-webkit-scrollbar-thumb{background-color:var(--color-neutral-500,oklch(55.6% 0 0))}.table-container::-webkit-scrollbar-track{border-radius:3.40282e38px}.table-container::-webkit-scrollbar-track{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}.table-container:where(.dark,.dark *)::-webkit-scrollbar-track{background-color:var(--color-neutral-700,oklch(37.1% 0 0))}table{border-collapse:collapse;width:100%}th{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-main,#3f51b5)}th:where(.dark,.dark *){background-color:var(--color-neutral-800,oklch(26.9% 0 0));color:var(--color-gray-100,oklch(96.7% .003 264.542))}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}th.sortable:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}th.sortable:hover:where(.dark,.dark *){background-color:var(--color-gray-600,oklch(44.6% .03 256.802))}th.sortable:after{margin-left:calc(var(--spacing,.25rem) * 1);height:calc(var(--spacing,.25rem) * 0);width:calc(var(--spacing,.25rem) * 0);vertical-align:middle;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));content:"";display:inline-block}th.sortable[data-sort="0"]:after{border-top-style:var(--tw-border-style);border-top-width:5px;border-right-style:var(--tw-border-style);border-right-width:5px;border-bottom-style:var(--tw-border-style);border-bottom-width:5px;border-left-style:var(--tw-border-style);border-color:#999 #0000;border-left-width:5px}th.sortable[data-sort="1"]:after{border-top-style:var(--tw-border-style);border-top-width:5px;border-right-style:var(--tw-border-style);border-right-width:5px;border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-left-style:var(--tw-border-style);border-color:#999 #0000 #0000;border-left-width:5px}th.sortable[data-sort="2"]:after{border-top-style:var(--tw-border-style);border-top-width:0;border-right-style:var(--tw-border-style);border-right-width:5px;border-bottom-style:var(--tw-border-style);border-bottom-width:5px;border-left-style:var(--tw-border-style);border-color:#0000 #0000 #999;border-left-width:5px}.time-standard{margin-bottom:calc(var(--spacing,.25rem) * 2);justify-content:space-around;display:flex}.standard-item{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);border-radius:.25rem}.standard-pass{color:#2196f3;background-color:#e3f2fd}.standard-pass:where(.dark,.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.standard-pass:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900,oklch(37.9% .146 265.522)) 30%,transparent)}}.standard-pass:where(.dark,.dark *){color:var(--color-blue-300,oklch(80.9% .105 251.813))}.standard-good{color:#4caf50;background-color:#e8f5e9}.standard-good:where(.dark,.dark *){background-color:#0d542b4d}@supports (color:color-mix(in lab,red,red)){.standard-good:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900,oklch(39.3% .095 152.535)) 30%,transparent)}}.standard-good:where(.dark,.dark *){color:var(--color-green-300,oklch(87.1% .15 154.449))}.standard-excellent{color:#ffc107;background-color:#fff8e1}.standard-excellent:where(.dark,.dark *){background-color:#733e0a4d}@supports (color:color-mix(in lab,red,red)){.standard-excellent:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-yellow-900,oklch(42.1% .095 57.708)) 30%,transparent)}}.standard-excellent:where(.dark,.dark *){color:var(--color-yellow-300,oklch(90.5% .182 98.111))}.user-result{margin-top:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);border-radius:.25rem}.result-pass{color:#fff;background-color:#2196f3}.result-pass:where(.dark,.dark *){background-color:var(--color-blue-600,oklch(54.6% .245 262.881))}.result-good{color:#fff;background-color:#4caf50}.result-good:where(.dark,.dark *){background-color:var(--color-green-600,oklch(62.7% .194 149.214))}.result-excellent{color:var(--color-gray-800,oklch(27.8% .033 256.848));background-color:#ffc107}.result-excellent:where(.dark,.dark *){background-color:var(--color-amber-400,oklch(82.8% .189 84.429));color:var(--color-gray-900,oklch(21% .034 264.665))}.result-fail{color:#757575;background-color:#ececec}.result-fail:where(.dark,.dark *){background-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-gray-300,oklch(87.2% .01 258.338))}.result-tips{margin-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.result-tips:where(.dark,.dark *){color:var(--color-gray-300,oklch(87.2% .01 258.338))}}.correct{color:#4caf50;font-weight:700}.incorrect{color:#f44336;font-weight:700}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
