/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */@layer components{.advanced-setting-container{padding-right:calc(var(--spacing,.25rem)*1);width:100%}.advanced-settings-btn,.table-buttons button{background-color:var(--color-gray-100,oklch(.967 .003 264.542));border-color:var(--color-gray-300,oklch(.872 .01 258.338));border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;cursor:pointer;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px));margin-left:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*1.5)}:is(.advanced-settings-btn,.table-buttons button):where(.dark,.dark *){background-color:var(--color-gray-700,oklch(.373 .034 259.733));border-color:var(--color-gray-600,oklch(.446 .03 256.802))}.table-buttons button{align-items:center;border-radius:var(--radius-lg,8px);-moz-column-gap:calc(var(--spacing,.25rem)*2);column-gap:calc(var(--spacing,.25rem)*2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));padding-block:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);background-color:var(--color-white,#fff);border-color:var(--color-gray-200,oklch(.928 .006 264.531));border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-gray-800,oklch(.278 .033 256.848));display:inline-flex}.table-buttons button:disabled{opacity:.5;pointer-events:none}.table-buttons button:focus,.table-buttons button:hover{background-color:var(--color-gray-100,oklch(.967 .003 264.542))}.table-buttons button:focus{--tw-outline-style:none;outline-style:none}.table-buttons button:where(.dark,.dark *){background-color:var(--color-neutral-800,oklch(.269 0 0));border-color:var(--color-neutral-700,oklch(.371 0 0));color:var(--color-white,#fff)}.table-buttons button:where(.dark,.dark *):focus,.table-buttons button:where(.dark,.dark *):hover{background-color:var(--color-neutral-600,oklch(.439 0 0))}.advanced-settings-btn:hover,.table-buttons button:hover{background-color:var(--color-gray-200,oklch(.928 .006 264.531));border-color:var(--color-gray-400,oklch(.707 .022 261.325))}:is(.advanced-settings-btn:hover,.table-buttons button:hover):where(.dark,.dark *){background-color:var(--color-gray-600,oklch(.446 .03 256.802));border-color:var(--color-gray-500,oklch(.551 .027 264.364))}.advanced-settings-panel{margin-top:calc(var(--spacing,.25rem)*2);min-width:calc(var(--spacing,.25rem)*0)}.digit-table{border-collapse:collapse;border-color:var(--color-gray-300,oklch(.872 .01 258.338));border-style:var(--tw-border-style);border-width:1px;margin-bottom:calc(var(--spacing,.25rem)*0);width:100%}.digit-table:where(.dark,.dark *){border-color:var(--color-gray-600,oklch(.446 .03 256.802))}.digit-table th{--tw-font-weight:var(--font-weight-normal,400);background-color:#f5f7fa;color:var(--color-main,#3f51b5);font-weight:var(--font-weight-normal,400)}.digit-table th:where(.dark,.dark *){background-color:var(--color-gray-800,oklch(.278 .033 256.848));color:var(--color-main-dark,#a3a9ff)}.digit-table td,.digit-table th{border-color:var(--color-gray-300,oklch(.872 .01 258.338));border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing,.25rem)*1);text-align:center}:is(.digit-table th,.digit-table td):where(.dark,.dark *){border-color:var(--color-gray-600,oklch(.446 .03 256.802))}.digit-table th:first-child{min-width:50px}.diagonal-header{height:40px;padding:calc(var(--spacing,.25rem)*0);padding:0!important;position:relative;width:60px}.diagonal-container{height:100%;position:relative;width:100%}.diagonal-left{bottom:calc(var(--spacing,.25rem)*.5);left:calc(var(--spacing,.25rem)*.5)}.diagonal-left,.diagonal-right{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));position:absolute}.diagonal-right{right:calc(var(--spacing,.25rem)*.5);top:calc(var(--spacing,.25rem)*.5)}.diagonal-container:after{background:linear-gradient(to top right,#0000 calc(50% - 1px),#ccc,#0000 calc(50% + 1px));content:"";height:100%;left:calc(var(--spacing,.25rem)*0);position:absolute;top:calc(var(--spacing,.25rem)*0);width:100%}.table-buttons{display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.25rem)*2.5);margin-top:calc(var(--spacing,.25rem)*2.5)}.question-area{background-color:var(--color-white,#fff);border-radius:var(--radius-lg,8px);max-width:600px;padding:calc(var(--spacing,.25rem)*2);text-align:center;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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);box-shadow:0 2px 10px #00000014;margin-inline:auto}@media (height>=620px){.question-area{margin-top:calc(var(--spacing,.25rem)*5);padding:calc(var(--spacing,.25rem)*5)}}.question-area:where(.dark,.dark *){background-color:var(--color-gray-800,oklch(.278 .033 256.848))}.question-display{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,1.11111));margin-block:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-medium,500);color:var(--color-main,#3f51b5);font-weight:var(--font-weight-medium,500)}@media (height>=527px){.question-display{margin-block:calc(var(--spacing,.25rem)*5)}}.question-display:where(.dark,.dark *){color:var(--color-main-dark,#a3a9ff)}.hint{color:var(--color-gray-500,oklch(.551 .027 264.364));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px));margin-top:calc(var(--spacing,.25rem)*2.5)}.hint:where(.dark,.dark *){color:var(--color-gray-400,oklch(.707 .022 261.325))}.page-info{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px))}.record-item{background-color:var(--color-gray-100,oklch(.967 .003 264.542));border-radius:var(--radius-lg,8px);cursor:pointer;margin-bottom:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.record-item:where(.dark,.dark *){background-color:var(--color-neutral-800,oklch(.269 0 0))}.favorite-item:not(:has(.record-item-details.show)):hover,.record-item:not(:has(.record-item-details.show)):hover{background-color:var(--color-gray-200,oklch(.928 .006 264.531))}:is(.record-item:not(:has(.record-item-details.show)):hover,.favorite-item:not(:has(.record-item-details.show)):hover):where(.dark,.dark *){background-color:var(--color-neutral-700,oklch(.371 0 0))}.favorite-item:has(.record-item-details.show):hover,.record-item:has(.record-item-details.show):hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.record-item:has(.record-detail-table:hover,button:hover){background-color:var(--color-gray-100,oklch(.967 .003 264.542))}.record-item:has(.record-detail-table:hover,button:hover):where(.dark,.dark *){background-color:var(--color-neutral-800,oklch(.269 0 0))}.record-item-header{display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*1)}.record-item-header-one{--tw-leading:1;align-items:center;display:grid;grid-template-columns:minmax(0,2fr) 1fr minmax(40px,auto);line-height:1}.record-item-header-two{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.record-item-header-one>:first-child{flex-shrink:0;min-width:130px}.record-item-title{margin-right:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-bold,700);align-items:center;display:flex;font-weight:var(--font-weight-bold,700)}.record-item-title:where(.dark,.dark *){color:var(--color-gray-100,oklch(.967 .003 264.542))}.record-item-dates{color:var(--color-gray-500,oklch(.551 .027 264.364));display:flex;font-size:var(--text-sm,.875rem);gap:calc(var(--spacing,.25rem)*4);justify-content:space-between;line-height:var(--tw-leading,var(--text-sm--line-height,21px))}.record-item-dates:where(.dark,.dark *){color:var(--color-gray-400,oklch(.707 .022 261.325))}.record-item-date{color:var(--color-gray-500,oklch(.551 .027 264.364));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px))}.record-item-date:where(.dark,.dark *){color:var(--color-gray-400,oklch(.707 .022 261.325))}.record-item-time{color:var(--color-gray-500,oklch(.551 .027 264.364));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px));text-align:right}.record-item-time:where(.dark,.dark *){color:var(--color-gray-400,oklch(.707 .022 261.325))}.record-item-details{cursor:auto;max-height:calc(var(--spacing,.25rem)*0);opacity:0;overflow:auto hidden;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-property:max-height,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.record-item-details:where(.dark,.dark *){color:var(--color-gray-300,oklch(.872 .01 258.338))}.record-item-details.show{max-height:600px;opacity:1}.record-item-details td{white-space:nowrap}.mode-badge-blue{align-items:center;background-color:var(--color-badge-blue,oklch(.85 .1 255.585));-moz-column-gap:calc(var(--spacing,.25rem)*1.5);column-gap:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-xs,.75rem);justify-content:center;line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));margin-left:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*1.5);--tw-font-weight:var(--font-weight-medium,500);border-radius:3.40282e+38px;color:var(--color-blue-800,oklch(.424 .199 265.638));display:inline-flex;font-weight:var(--font-weight-medium,500)}@media (width>=48rem){.mode-badge-blue{padding-block:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*3)}}.mode-badge-blue:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-800,oklch(.424 .199 265.638))30%,transparent);color:var(--color-blue-500,oklch(.623 .214 259.815))}.mode-badge-green{align-items:center;background-color:var(--color-teal-100,oklch(.953 .051 180.801));-moz-column-gap:calc(var(--spacing,.25rem)*1.5);column-gap:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-xs,.75rem);justify-content:center;line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));margin-left:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*1.5);--tw-font-weight:var(--font-weight-medium,500);border-radius:3.40282e+38px;color:var(--color-teal-800,oklch(.437 .078 188.216));display:inline-flex;font-weight:var(--font-weight-medium,500)}@media (width>=48rem){.mode-badge-green{padding-block:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*3)}}.mode-badge-green:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-teal-800,oklch(.437 .078 188.216))30%,transparent);color:var(--color-teal-500,oklch(.704 .14 182.503))}.handwritingStatus{display:flex;justify-content:space-between}.handwritingStatus p{margin:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*2)}.handwriting-result{margin:auto;max-height:40px;max-width:60px}.handwriting-result:where(.dark,.dark *){--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.handwriting{margin-inline:auto;max-width:600px}.star-btn{cursor:pointer;--tw-border-style:none;background-color:#0000;border-style:none;color:var(--color-gray-800,oklch(.278 .033 256.848));font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*1);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.star-btn:where(.dark,.dark *){color:var(--color-neutral-200,oklch(.922 0 0))}.star-btn:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hs-collapse-toggle{align-items:center;border-radius:var(--radius-lg,8px);border-style:var(--tw-border-style);-moz-column-gap:calc(var(--spacing,.25rem)*2);column-gap:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px));padding-block:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);--tw-font-weight:var(--font-weight-medium,500);background-color:var(--color-main,#3f51b5);border-color:#0000;border-width:1px;color:var(--color-white,#fff);display:inline-flex;font-weight:var(--font-weight-medium,500)}.hs-collapse-toggle:focus,.hs-collapse-toggle:hover{background-color:var(--color-main-hover,#303f9f)}.hs-collapse-toggle:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.hs-collapse-toggle:focus{outline:2px solid #0000;outline-offset:2px}}.hs-collapse-toggle:disabled{opacity:.5;pointer-events:none}.hs-collapse-toggle svg{color:var(--color-white,#fff);flex-shrink:0;height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.hs-collapse-toggle svg.hs-collapse-toggle.open,.hs-collapse-toggle svg.hs-collapse.open,.hs-collapse-toggle.open :is(.hs-collapse-toggle svg),.hs-collapse.open :is(.hs-collapse-toggle svg){rotate:180deg}.hs-collapse{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));width:100%;--tw-duration:.3s;overflow:hidden;transition-duration:.3s}.hs-collapse p{color:var(--color-gray-500,oklch(.551 .027 264.364))}.hs-collapse p:where(.dark,.dark *){color:var(--color-neutral-400,oklch(.708 0 0))}.record-stats{background-color:#e9f0f7;border-radius:var(--radius-lg,8px);margin-bottom:calc(var(--spacing,.25rem)*5);padding:calc(var(--spacing,.25rem)*4)}.record-stats:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(.373 .034 259.733))}.info-title{border-bottom:1px solid #ccd7e1;color:#333;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-bottom:calc(var(--spacing,.25rem)*3);margin-top:calc(var(--spacing,.25rem)*0);padding-bottom:calc(var(--spacing,.25rem)*2)}.info-title:where(.dark,.dark *){border-color:var(--color-gray-600,oklch(.446 .03 256.802));color:var(--color-gray-200,oklch(.928 .006 264.531))}.record-stats .space-between{color:#455a64}.record-stats .space-between:where(.dark,.dark *){color:var(--color-gray-300,oklch(.872 .01 258.338))}.question-formula{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));margin-block:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-bold,700);color:#2c3e50;font-weight:var(--font-weight-bold,700)}.question-formula:where(.dark,.dark *){color:var(--color-gray-200,oklch(.928 .006 264.531))}.question-type{--tw-font-weight:var(--font-weight-medium,500);color:#546e7a;font-weight:var(--font-weight-medium,500)}.question-type:where(.dark,.dark *){color:var(--color-gray-400,oklch(.707 .022 261.325))}.question-stats{display:flex;justify-content:space-between;margin-top:calc(var(--spacing,.25rem)*2)}.question-meta{color:#455a64;display:flex;flex-wrap:wrap;width:100%}@media (width>=48rem){.question-meta{flex-direction:column;row-gap:5px}}.question-meta .question-type{margin-bottom:calc(var(--spacing,.25rem)*2);width:100%}@media (width>=48rem){.question-meta .question-type{margin-bottom:calc(var(--spacing,.25rem)*0)}}.question-meta span:not(.question-type){flex:1}.empty-data{color:var(--color-gray-500,oklch(.551 .027 264.364));padding-block:calc(var(--spacing,.25rem)*8);text-align:center}.empty-data:where(.dark,.dark *){color:var(--color-gray-400,oklch(.707 .022 261.325))}.empty-data p:first-child{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-bottom:calc(var(--spacing,.25rem)*2)}.empty-data p:last-child{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px))}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--spacing,.25rem)*5)}.loading-spinner{animation:spin 1s linear infinite;border-color:#0000001a;border-left-color:var(--color-main);border-radius:3.40282e+38px;border-style:var(--tw-border-style);border-width:4px;height:calc(var(--spacing,.25rem)*10);margin-bottom:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*10)}.loading-spinner:where(.dark,.dark *){border-color:var(--color-gray-600,oklch(.446 .03 256.802));border-left-color:var(--color-main,#3f51b5)}.loading-container p{color:var(--color-gray-500,oklch(.551 .027 264.364));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px));margin:calc(var(--spacing,.25rem)*0)}.loading-container p:where(.dark,.dark *){color:var(--color-gray-400,oklch(.707 .022 261.325))}}.home-btn{background-color:var(--color-main);border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.home-btn:hover{background-color:var(--color-main,#3f51b5)}@media (width<=480px){.question-display{font-size:28px}.option-btn{font-size:14px;min-width:80px;padding:8px 15px}.record-detail-table td{padding:10px}}.chart-action{background:#282c340d;border:1px solid #0000;border-radius:6px;color:#3080d0;cursor:pointer;display:inline-block;font-size:.8rem;margin:0 8px 8px 0;padding:8px 16px;text-decoration:none!important;transition:background .25s,border-color .25s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chart-action:hover{background:#3080d026;border-color:#3080d033;color:#3080d0}#accuracyChartContainer,#timeChartContainer{background-color:var(--color-white,#fff);margin-inline:auto}:is(#timeChartContainer,#accuracyChartContainer):where(.dark,.dark *){background-color:var(--color-chart-bg-color-dark,#121212)}#timeChartContainer{min-height:300px}#accuracyChartContainer{max-width:300px}.chart-info{background-color:#f5f5f5;border-radius:8px;margin:10px 0;padding:15px}.chart-info:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(.373 .034 259.733));color:var(--color-gray-200,oklch(.928 .006 264.531))}.chart-info h3{color:#333;margin-top:0}.chart-info h3:where(.dark,.dark *){color:var(--color-gray-100,oklch(.967 .003 264.542))}.question-formula{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-bottom:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.question-formula:where(.dark,.dark *){color:var(--color-gray-100,oklch(.967 .003 264.542))}.question-meta:where(.dark,.dark *){color:var(--color-gray-300,oklch(.872 .01 258.338))}.chart-action:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(.373 .034 259.733));border-color:var(--color-gray-600,oklch(.446 .03 256.802));color:var(--color-gray-300,oklch(.872 .01 258.338))}.chart-action:hover:where(.dark,.dark *){background-color:var(--color-gray-600,oklch(.446 .03 256.802));border-color:var(--color-blue-700,oklch(.488 .243 264.376));color:var(--color-blue-400,oklch(.707 .165 254.624))}@media (width<=480px){#accuracyChartContainer{max-width:250px}}.empty-input-warning{color:#f33;display:inline-block;margin-left:5px;position:relative}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.shake-animation{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(1turn)}}

/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */@layer components{.filter-controls{display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.25rem)*2);justify-content:space-between;margin-inline:calc(var(--spacing,.25rem)*0);margin-bottom:calc(var(--spacing,.25rem)*4)}@media (width>=48rem){.filter-controls{margin-bottom:calc(var(--spacing,.25rem)*0)}}.filter-controls:where(.dark,.dark *){color:var(--color-gray-300,oklch(.872 .01 258.338))}.filter-group,.sort-group{align-items:center;display:flex;gap:calc(var(--spacing,.25rem)*2)}.filter-select{background-color:#fff;border-color:#ddd;border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px));min-width:100px;padding-block:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*2)}.filter-select:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(.373 .034 259.733));border-color:var(--color-gray-600,oklch(.446 .03 256.802))}@media (width<=600px){.filter-controls{align-items:stretch;flex-direction:column}}.favorite-item{background-color:var(--color-gray-100,oklch(.967 .003 264.542));border-radius:var(--radius-lg,8px);cursor:pointer;margin-bottom:calc(var(--spacing,.25rem)*4);padding:calc(var(--spacing,.25rem)*3);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));-webkit-user-select:none;-moz-user-select:none;user-select:none}.favorite-item:where(.dark,.dark *){background-color:var(--color-neutral-800,oklch(.269 0 0))}.favorite-item-header{align-items:center;border-bottom:1px solid #d4d4d4;display:flex;justify-content:space-between;margin-bottom:calc(var(--spacing,.25rem)*2);padding-bottom:calc(var(--spacing,.25rem)*2)}.favorite-item-header:where(.dark,.dark *){border-color:var(--color-gray-500,oklch(.551 .027 264.364))}.favorite-item-question{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-font-weight:var(--font-weight-medium,500);color:#333;font-weight:var(--font-weight-medium,500)}.favorite-item-question:where(.dark,.dark *){color:var(--color-gray-200,oklch(.928 .006 264.531))}.favorite-item-time{color:#777;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.favorite-item-time:where(.dark,.dark *){color:var(--color-gray-400,oklch(.707 .022 261.325))}.favorite-item-body{padding-block:calc(var(--spacing,.25rem)*1)}.favorite-item-answer{display:flex;justify-content:space-between;margin-bottom:calc(var(--spacing,.25rem)*3)}.favorite-item-answer span{background-color:#e8eef7;border-radius:.25rem;padding-block:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*2)}.favorite-item-answer span:where(.dark,.dark *){background-color:#2a3b55}.favorite-item-answer span.correct{background-color:#4caf501a;color:#4caf50}.favorite-item-answer span.correct:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900,oklch(.393 .095 152.535))30%,transparent)}.favorite-item-answer span.incorrect{background-color:#f443361a;color:#f44336}.favorite-item-answer span.incorrect:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900,oklch(.396 .141 25.723))30%,transparent)}.favorite-item-footer{align-items:center;color:#666;display:flex;font-size:var(--text-sm,.875rem);justify-content:space-between;line-height:var(--tw-leading,var(--text-sm--line-height,21px))}.favorite-item-footer:where(.dark,.dark *){color:var(--color-gray-400,oklch(.707 .022 261.325))}.unstar-btn{cursor:pointer;--tw-border-style:none;background-color:var(--color-white,#fff);border-radius:.25rem;border-style:none;color:var(--color-red-500,oklch(.637 .237 25.331));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px));padding-block:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*2);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.unstar-btn:where(.dark,.dark *){background-color:#1e293b;color:var(--color-red-400,oklch(.704 .191 22.216))}.unstar-btn:hover{background-color:var(--color-red-500,oklch(.637 .237 25.331));color:var(--color-white,#fff)}.unstar-btn:hover:where(.dark,.dark *){background-color:var(--color-red-600,oklch(.577 .245 27.325))}.bottom-buttons{display:flex;gap:calc(var(--spacing,.25rem)*2);justify-content:space-between;margin-top:calc(var(--spacing,.25rem)*5)}.clear-history-btn{cursor:pointer;--tw-border-style:none;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);--tw-leading:1;align-items:center;background-color:#ff4d4d;border-radius:.25rem;border-style:none;color:var(--color-white,#fff);display:flex;justify-content:center;line-height:1}.clear-history-btn:hover{background-color:#f33}.clear-history-btn:where(.dark,.dark *){background-color:var(--color-red-600,oklch(.577 .245 27.325))}.clear-history-btn:where(.dark,.dark *):hover{background-color:var(--color-red-700,oklch(.505 .213 27.518))}.clear-history-btn.delete-icon:disabled{background-color:#fda3a3;cursor:not-allowed}.record-detail-table{margin-bottom:calc(var(--spacing,.25rem)*0)}}@property --tw-font-weight{syntax:"*";inherits:false}

/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */.pagination-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-block:calc(var(--spacing,.25rem)*5)}.pagination{align-items:center;display:flex;margin-right:calc(var(--spacing,.25rem)*0)}.pagination-btn{background-color:var(--color-white,#fff);border-color:var(--color-gray-300,oklch(.872 .01 258.338));border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;color:color-mix(in oklab,var(--color-black,#000)85%,transparent);cursor:pointer;font-size:var(--text-sm,.875rem);height:calc(var(--spacing,.25rem)*9);line-height:var(--tw-leading,var(--text-sm--line-height,21px));margin-inline:calc(var(--spacing,.25rem)*.5);min-width:32px;padding-inline:calc(var(--spacing,.25rem)*1.5);text-align:center;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}@media (width>=48rem){.pagination-btn{min-width:38px}}.pagination-btn:where(.dark,.dark *){background-color:var(--color-neutral-800,oklch(.269 0 0));border-color:var(--color-gray-600,oklch(.446 .03 256.802));color:color-mix(in oklab,var(--color-white,#fff)85%,transparent)}.pagination-btn:hover{border-color:var(--color-main-hover,#303f9f);color:var(--color-main-hover,#303f9f)}.pagination-btn.active{background-color:var(--color-main,#3f51b5);border-color:var(--color-main,#3f51b5);color:var(--color-white,#fff)}.pagination-btn:disabled{background-color:var(--color-gray-200,oklch(.928 .006 264.531));border-color:var(--color-gray-300,oklch(.872 .01 258.338));color:color-mix(in oklab,var(--color-black,#000)25%,transparent);cursor:not-allowed}.pagination-btn:disabled:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(.373 .034 259.733));border-color:var(--color-gray-600,oklch(.446 .03 256.802));color:color-mix(in oklab,var(--color-white,#fff)25%,transparent)}.pagination-ellipsis{text-align:center;width:calc(var(--spacing,.25rem)*6);--tw-leading:calc(var(--spacing,.25rem)*8);display:inline-block;line-height:calc(var(--spacing,.25rem)*8)}@property --tw-leading{syntax:"*";inherits:false}

/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */.screenshot-mode{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:grid;gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr));margin:0 auto;max-width:800px;padding:20px}.screenshot-mode .bottom-buttons,.screenshot-mode .table-buttons{display:none}@media (width>=64rem){.screenshot-modal{max-width:70vw}}.screenshot-modal .modal-content{display:block}@media (width>=468px){.screenshot-modal .modal-content{display:flex;flex-direction:row;gap:calc(var(--spacing,.25rem)*6)}}.screenshot-modal .modal-left{display:flex;flex-direction:column;width:100%}@media (width>=48rem){.screenshot-modal .modal-left{width:50%}}@media (width>=64rem){.screenshot-modal .modal-left{width:40%}}.screenshot-modal .modal-right{margin-top:calc(var(--spacing,.25rem)*4);width:100%}@media (width>=48rem){.screenshot-modal .modal-right{margin-top:calc(var(--spacing,.25rem)*0);width:50%}}@media (width>=64rem){.screenshot-modal .modal-right{width:60%}}.screenshot-modal .share-preview{border:1px solid #eee;border-radius:8px;flex:1;margin:auto auto 15px;max-width:300px;overflow-y:auto;padding:10px}@media (width>=48rem){.screenshot-modal .share-preview{max-width:100%}}.screenshot-modal .share-buttons{align-items:center;display:flex;flex-flow:wrap;gap:10px;justify-content:center;margin-top:15px}.share-buttons button{flex-shrink:0;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3)}@layer components{.bg-style-selector{margin-top:calc(var(--spacing,.25rem)*4)}@media (width>=48rem){.bg-style-selector{margin-top:calc(var(--spacing,.25rem)*0)}}.section{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,oklch(.928 .006 264.531));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4)}.section:where(.dark,.dark *){border-color:var(--color-gray-700,oklch(.373 .034 259.733))}.section:last-child{--tw-border-style:none;border-style:none}.switch-item{margin-bottom:calc(var(--spacing,.25rem)*2.5);--tw-border-style:dashed;border-bottom-width:1px;border-color:var(--color-gray-200,oklch(.928 .006 264.531));border-style:dashed}.switch-item:where(.dark,.dark *){border-color:var(--color-gray-700,oklch(.373 .034 259.733))}.switch-item:last-child{margin-bottom:calc(var(--spacing,.25rem)*0);--tw-border-style:none;border-style:none;padding-bottom:calc(var(--spacing,.25rem)*0)}.bg-style-title{color:var(--color-main,#3f51b5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,21px));margin-block:calc(var(--spacing,.25rem)*2)}.bg-style-title:where(.dark,.dark *){color:var(--color-main,#3f51b5)}.bg-preview-container{display:grid;gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;margin-top:calc(var(--spacing,.25rem)*2)}@media (width>=40rem){.bg-preview-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=48rem){.bg-preview-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=64rem){.bg-preview-container{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=96rem){.bg-preview-container{grid-template-columns:repeat(6,minmax(0,1fr))}}.bg-preview-item{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);cursor:pointer;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;border-color:var(--color-gray-200,oklch(.928 .006 264.531));border-width:2px;overflow:hidden;position:relative;transition-duration:.2s;width:calc(var(--spacing,.25rem)*20)}.bg-preview-item:where(.dark,.dark *){border-color:var(--color-gray-700,oklch(.373 .034 259.733))}@media (width>=48rem){.bg-preview-item{width:90px}}@media (width>=64rem){.bg-preview-item{width:100px}}@media (width>=80rem){.bg-preview-item{width:110px}}.bg-preview-item.active{border-color:var(--color-main,#3f51b5)}.bg-preview-item.active .bg-name{background-color:var(--color-main,#3f51b5);color:var(--color-white,#fff)}.bg-preview-item.active .bg-name:where(.dark,.dark *){color:var(--color-gray-300,oklch(.872 .01 258.338))}.bg-preview-item img{display:block;height:50px;-o-object-fit:cover;object-fit:cover;width:100%}@media (width>=48rem){.bg-preview-item img{height:55px}}@media (width>=64rem){.bg-preview-item img{height:62px}}.bg-name{background-color:var(--color-gray-200,oklch(.928 .006 264.531));display:block;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));padding-block:3px;text-align:center}.bg-name:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(.373 .034 259.733))}.bg-name>span{position:relative}.dynamic-icon{font-size:.7rem;position:absolute;top:2px}@media (width>=48rem){.dynamic-icon{top:4px}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}