:root{--bg-primary: linear-gradient(to bottom right, #fce7f3, #e9d5ff, #dbeafe);--bg-solid: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f2f4f6;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--border-primary: #e5e8eb;--border-secondary: #d1d6db;--border-focus: #3b82f6;--accent-primary: #3182f6;--accent-secondary: #4593fc;--accent-hover: #2272eb;--header-bg: #ffffff;--header-border: #e5e7eb;--upload-border: #e5e7eb;--upload-border-hover: #3b82f6;--upload-bg-hover: #f8fafc;--upload-bg-dragover: #eff6ff;--scrollbar-track: #f1f1f1;--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #a8a8a8;--slider-track: #e5e7eb;--slider-thumb: #6366f1;--slider-thumb-hover: #4f46e5;--slider-thumb-active: #4338ca;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--checkboard-color: #f8f9fa;--grey-50: #f9fafb;--grey-100: #f2f4f6;--grey-200: #e5e8eb;--grey-300: #d1d6db;--grey-400: #b0b8c1;--grey-500: #8b95a1;--grey-600: #6b7684;--grey-700: #4e5968;--grey-800: #333d4b;--blue-500: #3182f6;--blue-600: #2272eb;--teal-500: #18a5a5;--green-500: #03b26c;--red-500: #f04452;--yellow-500: #eab308;--orange-500: #f97316;--purple-500: #a855f7;--pink-500: #ec4899;--purple-glow-0: rgba(168, 85, 247, 0);--purple-glow-35: rgba(168, 85, 247, .35);--purple-glow-45: rgba(168, 85, 247, .45);--purple-glow-65: rgba(168, 85, 247, .65);--blue-glow-0: rgba(59, 130, 246, 0);--blue-glow-05: rgba(59, 130, 246, .05);--blue-glow-1: rgba(59, 130, 246, .1);--blue-glow-3: rgba(59, 130, 246, .3);--purple-glow-1: rgba(168, 85, 247, .1)}.dark{--bg-primary: #1a1a2e;--bg-solid: #1a1a2e;--bg-card: #2d2d44;--bg-card-hover: #363654;--bg-secondary: #252542;--bg-tertiary: #1f1f38;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--border-primary: #404060;--border-secondary: #4b4b6b;--border-focus: #60a5fa;--accent-primary: #60a5fa;--accent-secondary: #818cf8;--accent-hover: #3b82f6;--header-bg: #1a1a2e;--header-border: #404060;--upload-border: #404060;--upload-border-hover: #60a5fa;--upload-bg-hover: #252542;--upload-bg-dragover: #1e3a5f;--scrollbar-track: #252542;--scrollbar-thumb: #404060;--scrollbar-thumb-hover: #4b4b6b;--slider-track: #404060;--slider-thumb: #818cf8;--slider-thumb-hover: #6366f1;--slider-thumb-active: #4f46e5;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--checkboard-color: #252542;--grey-50: #252542;--grey-100: #2d2d44;--grey-200: #363654;--grey-300: #404060;--grey-400: #4b4b6b;--grey-500: #9ca3af;--grey-600: #d1d5db;--grey-700: #e5e8eb;--grey-800: #f2f4f6;--blue-500: #64a8ff;--blue-600: #4593fc;--teal-500: #58c7c7;--green-500: #3fd599;--red-500: #fb8890;--yellow-500: #facc15;--orange-500: #fb923c;--purple-500: #c084fc;--pink-500: #f472b6;--purple-glow-0: rgba(192, 132, 252, 0);--purple-glow-35: rgba(192, 132, 252, .35);--purple-glow-45: rgba(192, 132, 252, .45);--purple-glow-65: rgba(192, 132, 252, .65);--blue-glow-0: rgba(96, 165, 250, 0);--blue-glow-05: rgba(96, 165, 250, .05);--blue-glow-1: rgba(96, 165, 250, .1);--blue-glow-3: rgba(96, 165, 250, .3);--purple-glow-1: rgba(192, 132, 252, .1)}html{transition:background-color .3s ease,color .3s ease}body{margin:0;font-family:Inter,-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:var(--grey-50);color:var(--text-primary);min-height:100vh;transition:background .3s ease,color .3s ease}.dark body{background:var(--bg-solid)}img[src$=".png"],img[src$=".jpg"],img[src$=".jpeg"]{image-rendering:-webkit-optimize-contrast}.lazy-img{content-visibility:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.25}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.25}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}.h-20{height:80px}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiline-text-stable{word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-hover:hover{transform:translateY(-2px);transition:transform .2s ease-in-out}.text-heading1{font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--text-primary)}.text-heading2{font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.text-heading3{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.text-body1{font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-primary)}.text-body2{font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-secondary)}.text-caption{font-size:.75rem;font-weight:400;line-height:1.4;color:var(--text-tertiary)}.section-header-tds{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:600;line-height:1.45;color:var(--grey-800);margin-bottom:16px;padding:0 4px}.section-header-tds__icon{font-size:1.25rem;line-height:1;flex-shrink:0}@media (min-width: 640px){.section-header-tds{font-size:1.375rem;margin-bottom:20px}.section-header-tds__icon{font-size:1.375rem}}.dark .section-header-tds{color:var(--text-primary)}.section-block-tds{display:flex;flex-direction:column;gap:0}.border-divider-full{border-bottom:1px solid var(--border-primary)}.border-divider-padding24{padding-left:24px;padding-right:24px;border-bottom:1px solid var(--border-primary)}.border-divider-height16{height:16px;border-bottom:1px solid var(--border-primary)}.divide-border-primary>*+*{border-top:1px solid var(--border-primary)}.border-divider-right{border-right:1px solid var(--border-primary)}.border-divider-top{border-top:1px solid var(--border-primary)}.input-tds{border:1px solid var(--border-primary);border-radius:.5rem;padding:.5rem .75rem;background:var(--bg-solid);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.input-tds:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #3b82f633}.input-tds::placeholder{color:var(--text-tertiary)}.slider-tds{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--slider-track);border-radius:4px;outline:none}.slider-tds::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--slider-thumb);border-radius:50%;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.slider-tds::-webkit-slider-thumb:hover{background:var(--slider-thumb-hover)}.slider-tds::-moz-range-thumb{width:20px;height:20px;background:var(--slider-thumb);border-radius:50%;cursor:pointer;border:none}.tab-list-tds{display:flex;border-bottom:1px solid var(--border-primary)}.tab-trigger-tds{flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.tab-trigger-tds:hover{color:var(--text-primary)}.tab-trigger-tds--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.result-tds{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-primary)}.result-tds .result-tds__icon{font-size:3rem;margin-bottom:1rem;color:var(--text-tertiary)}.result-tds .result-tds__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.result-tds .result-tds__desc{font-size:.875rem;color:var(--text-secondary)}.skeleton-tds{background:linear-gradient(90deg,var(--grey-200) 25%,var(--grey-100) 50%,var(--grey-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:.5rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.list-footer-tds{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--accent-primary);text-align:center;border-top:1px solid var(--border-primary);cursor:pointer;transition:color .2s,background .2s}.list-footer-tds:hover{color:var(--accent-hover);background:var(--grey-50)}.text-button-tds{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem 0;font-size:.875rem;font-weight:500;color:var(--accent-primary);background:transparent;border:none;border-bottom:1px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.text-button-tds:hover{color:var(--accent-hover);border-bottom-color:var(--accent-primary)}.segmented-control-tds{display:inline-flex;padding:.25rem;background:var(--grey-100);border-radius:.5rem;gap:.25rem}.segmented-control-tds__option{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:color .2s,background .2s}.segmented-control-tds__option:hover{color:var(--text-primary)}.segmented-control-tds__option--active{color:var(--text-primary);background:var(--bg-solid);box-shadow:var(--shadow-sm)}.progress-stepper-tds{display:flex;align-items:center;gap:.5rem;padding:1rem 0}.progress-stepper-tds__step{flex:1;height:4px;border-radius:2px;background:var(--grey-200);transition:background .2s ease}.progress-stepper-tds__step--active{background:var(--accent-primary)}.progress-stepper-tds__step--done{background:var(--green-500)}.progress-stepper-tds__labels{display:flex;justify-content:space-between;margin-top:.5rem;gap:.25rem}.progress-stepper-tds__label{flex:1;font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-align:center;transition:color .2s ease}.progress-stepper-tds__label--active{color:var(--accent-primary)}.progress-stepper-tds__label--done{color:var(--green-500)}.stepper-tds{display:flex;flex-direction:column;gap:0}.stepper-row-tds{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;position:relative}.stepper-row-tds:not(:last-child):after{content:"";position:absolute;left:.6875rem;top:2.25rem;bottom:-.75rem;width:2px;background:var(--border-primary)}.stepper-number-tds{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent-primary);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.stepper-content-tds{flex:1;min-width:0}.stepper-content-tds .text-heading3{margin-bottom:.25rem}.stepper-content-tds .text-body2{color:var(--text-secondary)}.top-tds{text-align:center;padding:1.5rem 0}.top-tds__upper{margin-bottom:1rem}.top-tds__title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}@media (min-width: 640px){.top-tds__title{font-size:1.5rem}}@media (min-width: 1024px){.top-tds__title{font-size:1.75rem}}.top-tds__subtitle{font-size:1rem;font-weight:500;color:var(--text-secondary);line-height:1.5}@media (min-width: 640px){.top-tds__subtitle{font-size:1.125rem}}.modal-tds__overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-tds__content{background:var(--bg-card);border-radius:1rem;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);max-width:28rem;width:100%;max-height:90vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.fade-in-fast{animation:fadeIn .15s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite;will-change:transform}.btn-feedback{transition:transform .1s ease-out,background-color .2s ease}.btn-feedback:active:not(:disabled){transform:scale(.98)}.progress-smooth{transition:width .3s ease-out}.gradient-bg{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)}.upload-area{border:2px dashed var(--upload-border);transition:all .3s ease;min-height:192px;background-color:var(--bg-card)}.upload-area:hover{border-color:var(--upload-border-hover);background-color:var(--upload-bg-hover)}.upload-area.dragover{border-color:var(--upload-border-hover);background-color:var(--upload-bg-dragover)}.upload-area-tds{border:2px dashed var(--upload-border);border-radius:.75rem;background:var(--bg-card);transition:border-color .2s ease,background-color .2s ease;min-height:192px}.upload-area-tds:hover,.upload-area-tds:focus-visible{border-color:var(--upload-border-hover);background:var(--upload-bg-hover);outline:none}.upload-area-tds--dragover{border-color:var(--upload-border-hover);background:var(--upload-bg-dragover)}.upload-area-tds__icon{color:var(--text-tertiary);transition:color .2s ease}.upload-area-tds:hover .upload-area-tds__icon,.upload-area-tds:focus-visible .upload-area-tds__icon,.upload-area-tds--dragover .upload-area-tds__icon{color:var(--accent-primary)}.upload-area-tds__cta{color:var(--accent-primary);font-size:.875rem;font-weight:500}.rating-reaction-tds{margin:2rem auto;max-width:400px;padding:1.5rem;text-align:center}.rating-reaction-tds__title{margin-bottom:.75rem}.rating-reaction-tds__stars{display:inline-flex;gap:.5rem;align-items:center}.rating-reaction-tds__star{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:none;border-radius:.375rem;cursor:pointer;color:var(--grey-300);transition:color .2s ease,transform .15s ease}.rating-reaction-tds__star:hover{color:var(--yellow-500);transform:scale(1.1)}.rating-reaction-tds__star--filled{color:var(--yellow-500)}.rating-reaction-tds__star-icon{display:flex;width:1.5rem;height:1.5rem}.rating-reaction-tds__total{margin-top:.5rem}.rating-reaction-tds__loading{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-primary)}.rating-reaction-tds__error{text-align:center;padding:1rem}.info-card-tds{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;transition:background .2s ease,box-shadow .2s ease}.info-card-tds:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-sm)}.info-card-tds__icon{width:3rem;height:3rem;margin-bottom:1rem}.info-banner-tds{display:block;padding:1.5rem 1.5rem 2rem;text-align:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;transition:background .2s ease,box-shadow .2s ease}.info-banner-tds:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-sm)}.info-banner-tds__icon{width:3rem;height:3rem;margin:0 auto 1rem}.tool-card-tds{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;transition:background .2s ease,box-shadow .2s ease}.tool-card-tds:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-sm)}.tool-card-tds__icon-wrap{background:var(--grey-100);border-radius:12px;flex-shrink:0}.tool-card-tds__title{color:var(--grey-800);font-size:1rem;font-weight:600;line-height:1.4}.tool-card-tds__desc{color:var(--grey-600);font-size:.875rem;font-weight:400;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dark .tool-card-tds__title{color:var(--text-primary)}.dark .tool-card-tds__desc{color:var(--text-secondary)}*{box-sizing:border-box}input[type=range]{height:8px;border-radius:4px;-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type=range]::-webkit-slider-track{width:100%;height:8px;background:var(--slider-track);border-radius:4px;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;-webkit-transition:all .15s ease;transition:all .15s ease}input[type=range]::-webkit-slider-thumb:hover{background:var(--slider-thumb-hover);transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:active{background:var(--slider-thumb-active);transform:scale(1.05);box-shadow:0 1px 2px #0000004d}input[type=range]::-moz-range-track{width:100%;height:8px;background:var(--slider-track);border-radius:4px;border:none}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;-moz-transition:all .15s ease;transition:all .15s ease}input[type=range]::-moz-range-thumb:hover{background:var(--slider-thumb-hover);transform:scale(1.1)}input[type=range]::-moz-range-thumb:active{background:var(--slider-thumb-active);transform:scale(1.05);box-shadow:0 1px 2px #0000004d}input[type=range]::-ms-track{width:100%;height:8px;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:var(--slider-track);border-radius:4px}input[type=range]::-ms-fill-upper{background:var(--slider-track);border-radius:4px}input[type=range]::-ms-thumb{width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;-ms-transition:all .15s ease;transition:all .15s ease}input[type=range]::-ms-thumb:hover{background:var(--slider-thumb-hover);transform:scale(1.1)}input[type=range]::-ms-thumb:active{background:var(--slider-thumb-active);transform:scale(1.05)}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #6366f14d}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 3px #6366f14d}input[type=range]:focus::-ms-thumb{box-shadow:0 0 0 3px #6366f14d}input[type=radio]{width:16px;height:16px}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]:hover::-webkit-inner-spin-button,input[type=number]:hover::-webkit-outer-spin-button{-webkit-appearance:auto;opacity:1}input[type=number]:focus::-webkit-inner-spin-button,input[type=number]:focus::-webkit-outer-spin-button{-webkit-appearance:auto;opacity:1}button{min-height:40px;padding:8px 16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .8s ease-out forwards}.text-gradient{background:linear-gradient(135deg,var(--blue-600),var(--green-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.auto-scale-text{font-size:clamp(.75rem,2vw,.875rem);line-height:1.25;word-break:keep-all;overflow-wrap:break-word}.auto-scale-text-desc{font-size:clamp(.625rem,1.5vw,.75rem);line-height:1.3;word-break:keep-all;overflow-wrap:break-word}.uniform-card-grid{display:grid;gap:24px}@media (max-width: 640px){.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.h-48{height:160px}main{padding-bottom:64px}.grid,.text-center.mb-16{margin-bottom:48px}.auto-scale-text{font-size:clamp(.875rem,3vw,1rem)}.auto-scale-text-desc{font-size:clamp(.75rem,2.5vw,.875rem)}}@media (min-width: 641px) and (max-width: 1023px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.h-48{height:176px}}@media (min-width: 1024px) and (max-width: 1279px){.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-content-spacing>*+*{margin-top:16px}.w-16{width:64px}.h-16{height:64px}.h-8{height:32px;min-height:32px}.h-12{height:48px;min-height:48px}.p-6{padding:24px}.gap-6{gap:24px}.mb-4{margin-bottom:16px}.mb-2{margin-bottom:8px}.uniform-card{aspect-ratio:1 / 1.2;min-height:192px}.text-overflow-safe{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.rounded-2xl{border-radius:16px}@media (max-width: 768px){footer .grid{grid-template-columns:1fr;gap:32px}footer .space-y-3>*+*{margin-top:12px}footer .space-y-3 a{justify-content:center}footer .flex.flex-col.md\\:flex-row{text-align:center}}@media (min-width: 769px) and (max-width: 1023px){footer .grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width: 1024px){footer .grid{grid-template-columns:repeat(4,1fr);gap:32px}}.react-compare-slider{border-radius:16px;overflow:hidden}.react-compare-slider-handle{transition:all .2s ease-in-out}.react-compare-slider-handle:hover{transform:scale(1.1)}.react-compare-slider-handle-line{transition:all .2s ease-in-out}.image-container-bg{background-image:linear-gradient(45deg,var(--checkboard-color) 25%,transparent 25%),linear-gradient(-45deg,var(--checkboard-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkboard-color) 75%),linear-gradient(-45deg,transparent 75%,var(--checkboard-color) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}@keyframes sparkle-twinkle{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 var(--purple-glow-0)) brightness(1);opacity:1}20%{transform:scale(1.04) rotate(6deg);filter:drop-shadow(0 0 6px var(--purple-glow-45)) brightness(1.1);opacity:.95}50%{transform:scale(1.08) rotate(-8deg);filter:drop-shadow(0 0 10px var(--purple-glow-65)) brightness(1.2);opacity:1}70%{transform:scale(1.03) rotate(4deg);filter:drop-shadow(0 0 6px var(--purple-glow-35)) brightness(1.05);opacity:.9}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 var(--purple-glow-0)) brightness(1);opacity:1}}.sparkle-star{animation:sparkle-twinkle 2.2s ease-in-out infinite;transform-origin:50% 50%;will-change:transform,filter,opacity}@keyframes nova-star-mystic{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 4px var(--purple-glow-35)) brightness(1)}25%{transform:scale(1.06) rotate(5deg);filter:drop-shadow(0 0 8px var(--purple-glow-45)) brightness(1.15)}50%{transform:scale(1.02) rotate(-4deg);filter:drop-shadow(0 0 12px var(--purple-glow-65)) brightness(1.25)}75%{transform:scale(1.05) rotate(3deg);filter:drop-shadow(0 0 6px var(--purple-glow-35)) brightness(1.1)}}.nova-icon-mystic{animation:nova-star-mystic 3.5s ease-in-out infinite;transform-origin:50% 50%;will-change:transform,filter}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 var(--blue-glow-0)}50%{box-shadow:0 0 20px 5px var(--blue-glow-3)}}.card-3d{transform-style:preserve-3d;transition:all .15s cubic-bezier(.4,0,.2,1);will-change:transform}.card-3d:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes grid-fade{0%{opacity:.3}50%{opacity:.5}to{opacity:.3}}.animated-bg-grid{background-image:linear-gradient(var(--blue-glow-05) 1px,transparent 1px),linear-gradient(90deg,var(--blue-glow-05) 1px,transparent 1px);background-size:40px 40px;animation:grid-fade 4s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background:linear-gradient(270deg,var(--blue-glow-1),var(--purple-glow-1),var(--blue-glow-1));background-size:200% 200%;animation:gradient-shift 8s ease infinite}.glow-on-hover{position:relative;overflow:hidden}.glow-on-hover:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.glow-on-hover:hover:before{opacity:1}.gpu-accelerated{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;will-change:transform}.icon-rotate{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.scroll-fade-in{animation:fade-up .6s ease-out forwards}.card-grid-enhanced{display:grid;gap:clamp(12px,2vw,24px);align-items:stretch;grid-auto-rows:minmax(140px,auto)}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-spinner{animation:loading-spin 1s linear infinite}.page-transition{animation:fade-in .3s ease-out}.text-transition{transition:color .2s ease-in-out}.border-glow{position:relative;border:1px solid transparent;background:var(--bg-card);background-clip:padding-box}.border-glow:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,var(--accent-primary),var(--purple-500),var(--accent-primary));border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.border-glow:hover:before{opacity:.4;animation:gradient-shift 3s ease infinite}@media (max-width: 640px){.card-grid-enhanced{gap:12px}}@media (min-width: 641px) and (max-width: 1024px){.card-grid-enhanced{gap:16px}}@media (min-width: 1025px){.card-grid-enhanced{gap:24px}}.usage-badge{background:var(--grey-100);border:1px solid var(--border-primary)}.footer-dark{--footer-text-primary: #f3f4f6;--footer-text-secondary: #d1d5db;--footer-text-tertiary: #9ca3af;--footer-text-muted: #6b7280}.dark-card{background-color:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.dark-card:hover{background-color:var(--bg-card-hover)}.dark-text-primary{color:var(--text-primary)}.dark-text-secondary{color:var(--text-secondary)}.dark-text-tertiary{color:var(--text-tertiary)}.dark-bg-primary{background:var(--bg-primary)}.dark-bg-card{background-color:var(--bg-card)}.dark-bg-secondary{background-color:var(--bg-secondary)}.dark-border{border-color:var(--border-primary)}.dark-header{background-color:var(--header-bg);border-color:var(--header-border)}@keyframes theme-toggle-rotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.8)}to{transform:rotate(360deg) scale(1)}}.theme-toggle-animation{animation:theme-toggle-rotate .5s ease-in-out}.dark .bg-white{background-color:#2d2d44!important}.dark .bg-gray-50{background-color:#1a1a2e!important}.dark .bg-gray-100{background-color:#252542!important}.dark .text-gray-800{color:#f3f4f6!important}.dark .text-gray-700{color:#e5e7eb!important}.dark .text-gray-600{color:#d1d5db!important}.dark .text-gray-500{color:#9ca3af!important}.dark .text-gray-400{color:#6b7280!important}.dark .border-gray-200{border-color:#404060!important}.dark .border-gray-300{border-color:#4b4b6b!important}.dark .border-gray-100{border-color:#363654!important}.dark input[type=text],.dark input[type=number],.dark input[type=email],.dark input[type=url],.dark textarea,.dark select{background-color:#1a1a2e!important;color:#f3f4f6!important;border-color:#404060!important}.dark input[type=text]::placeholder,.dark input[type=number]::placeholder,.dark input[type=email]::placeholder,.dark input[type=url]::placeholder,.dark textarea::placeholder{color:#6b7280!important}.dark input[type=text]:focus,.dark input[type=number]:focus,.dark input[type=email]:focus,.dark input[type=url]:focus,.dark textarea:focus,.dark select:focus{border-color:#60a5fa!important;outline:none}.dark .bg-blue-50{background-color:#3b82f626!important}.dark .bg-blue-100{background-color:#3b82f633!important}.dark .bg-green-50{background-color:#22c55e26!important}.dark .bg-green-100{background-color:#22c55e33!important}.dark .bg-red-50{background-color:#ef444426!important}.dark .bg-red-100{background-color:#ef444433!important}.dark .bg-yellow-50{background-color:#eab30826!important}.dark .bg-yellow-100{background-color:#eab30833!important}.dark .bg-purple-50{background-color:#a855f726!important}.dark .bg-purple-100{background-color:#a855f733!important}.dark .bg-indigo-50{background-color:#6366f126!important}.dark .bg-indigo-100{background-color:#6366f133!important}.dark .bg-orange-50{background-color:#f9731626!important}.dark .bg-orange-100{background-color:#f9731633!important}.dark .bg-emerald-50{background-color:#10b98126!important}.dark .bg-emerald-100{background-color:#10b98133!important}.dark .bg-teal-50{background-color:#14b8a626!important}.dark .bg-teal-100{background-color:#14b8a633!important}.dark .bg-pink-50{background-color:#ec489926!important}.dark .bg-pink-100{background-color:#ec489933!important}.dark .bg-violet-50{background-color:#8b5cf626!important}.dark .bg-violet-100{background-color:#8b5cf633!important}.dark .bg-slate-50{background-color:#64748b26!important}.dark .bg-slate-100{background-color:#64748b33!important}.dark .shadow-xl{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d!important}.dark .shadow-lg{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d!important}.dark .shadow-md{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d!important}.dark .shadow-sm{box-shadow:0 1px 2px #0000004d!important}.dark .hover\:bg-gray-50:hover{background-color:#363654!important}.dark .hover\:bg-gray-100:hover{background-color:#404060!important}.dark .hover\:bg-blue-50:hover{background-color:#3b82f633!important}.dark .bg-gradient-to-br.from-pink-300{background:#1a1a2e!important}.dark .image-container-bg{background-image:linear-gradient(45deg,#252542 25%,transparent 25%),linear-gradient(-45deg,#252542 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252542 75%),linear-gradient(-45deg,transparent 75%,#252542 75%)!important}.dark .ring-blue-500{--tw-ring-color: rgba(96, 165, 250, .5) !important}.dark .focus\:ring-blue-500:focus{--tw-ring-color: rgba(96, 165, 250, .5) !important}.dark .focus\:border-blue-500:focus{border-color:#60a5fa!important}.dark .hover\:text-blue-600:hover{color:#60a5fa!important}.dark .hover\:border-blue-300:hover{border-color:#60a5fa!important}.backoffice-shell{min-height:calc(100vh - 64px);background:radial-gradient(circle at top left,rgba(79,141,248,.08),transparent 28%),linear-gradient(180deg,#f5f7fb,#eef2f8);padding:32px 16px 56px}.backoffice-container{max-width:1360px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.backoffice-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.backoffice-eyebrow{margin:0 0 4px;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.backoffice-title{margin:0;font-size:clamp(2rem,5vw,2.6rem);line-height:1.05;color:#111827}.backoffice-updated{margin:8px 0 0;color:#6b7280;font-size:.95rem}.backoffice-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.backoffice-segmented{display:inline-flex;gap:6px;padding:6px;background:#ffffffe0;border:1px solid #dbe3ef;border-radius:16px;box-shadow:0 10px 30px #0f172a0a}.backoffice-segmented__button{min-height:38px;padding:8px 14px;border:none;border-radius:12px;background:transparent;color:#64748b;font-size:.92rem;font-weight:700}.backoffice-segmented__button--active{background:#fff;color:#111827;box-shadow:0 6px 18px #0f172a0f}.backoffice-range{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border-radius:16px;background:#ffffffe0;border:1px solid #dbe3ef;box-shadow:0 10px 30px #0f172a0a}.backoffice-date-input{min-height:38px;padding:8px 10px;border:none;background:transparent;color:#111827;font-size:.92rem}.backoffice-date-input:focus{outline:none}.backoffice-card{border-radius:28px;background:#fffffff5;border:1px solid #e3e8f1;box-shadow:0 18px 48px #0f172a0f;padding:24px}.backoffice-card--hero{padding-top:26px}.backoffice-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.backoffice-card__header h2{margin:0;font-size:1.7rem;color:#111827}.backoffice-card__header p{margin:6px 0 0;color:#6b7280;font-size:.95rem}.backoffice-secondary-button{min-height:40px;padding:8px 16px;border-radius:14px;border:1px solid #dbe3ef;background:#fff;color:#2563eb;font-weight:700;box-shadow:0 6px 20px #2563eb0f}.backoffice-chart-wrap{height:260px}.backoffice-chart-wrap--large{height:320px}.backoffice-chart-wrap--medium{height:300px}.backoffice-grid{display:grid;gap:20px}.backoffice-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.backoffice-grid--three{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(280px,.8fr)}.backoffice-donut-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:16px;align-items:center}.backoffice-donut-chart{height:240px}.backoffice-breakdown-list{display:flex;flex-direction:column;gap:12px}.backoffice-breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#f8fafc}.backoffice-breakdown-label{display:inline-flex;align-items:center;gap:10px;color:#334155;font-weight:600}.backoffice-breakdown-value{display:flex;align-items:center;gap:14px;color:#475569}.backoffice-breakdown-value strong{color:#111827}.backoffice-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.backoffice-stats{display:grid;gap:12px}.backoffice-stat{border-radius:18px;background:linear-gradient(180deg,#f8fbff,#f2f6ff);border:1px solid #dce7ff;padding:16px}.backoffice-stat strong{display:block;margin-top:8px;font-size:1.35rem;color:#111827}.backoffice-stat p{margin:8px 0 0;color:#64748b;font-size:.92rem}.backoffice-stat__label{color:#2563eb;font-size:.88rem;font-weight:700}.backoffice-retention-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.backoffice-checkbox{display:inline-flex;align-items:center;gap:8px;color:#475569;font-weight:600}.backoffice-table-scroll{overflow-x:auto;margin-top:18px;border:1px solid #e2e8f0;border-radius:20px}.backoffice-retention-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;min-width:1660px;background:#fff}.backoffice-retention-col--date{width:122px}.backoffice-retention-col--cohort{width:128px}.backoffice-retention-col--day{width:72px}.backoffice-retention-table th,.backoffice-retention-table td{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:10px 8px;text-align:center;vertical-align:middle;white-space:nowrap;overflow:hidden}.backoffice-retention-table th{background:#f8fafc;color:#334155;font-size:.86rem;font-weight:700;position:-webkit-sticky;position:sticky;top:0;z-index:2}.backoffice-retention-table td{font-size:.84rem;color:#1e293b;text-overflow:ellipsis}.backoffice-retention-table td strong{display:block}.backoffice-retention-table td span{display:block;margin-top:3px;color:#475569;font-size:.78rem}.backoffice-retention-table__sticky,.backoffice-retention-table__sticky-secondary{position:-webkit-sticky;position:sticky;left:0;background:#fff;z-index:3;box-shadow:1px 0 #e2e8f0}.backoffice-retention-table__sticky-secondary{left:122px}.backoffice-retention-table th.backoffice-retention-table__sticky,.backoffice-retention-table th.backoffice-retention-table__sticky-secondary{z-index:4;background:#f8fafc}.backoffice-retention-table td.backoffice-retention-table__sticky,.backoffice-retention-table td.backoffice-retention-table__sticky-secondary{background:#f8fafc}.backoffice-retention-table__entry{text-align:left;font-weight:600;text-overflow:ellipsis}.backoffice-retention-pagination{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.backoffice-retention-pagination__info{color:#64748b;font-size:.92rem;font-weight:600}.backoffice-retention-pagination__controls{display:inline-flex;align-items:center;gap:10px}.backoffice-retention-pagination__button[disabled]{opacity:.45;cursor:default;box-shadow:none}.backoffice-retention-pagination__page{min-width:68px;text-align:center;color:#334155;font-weight:700}.backoffice-retention-mobile-list,.backoffice-usage-mobile-list{display:none}.backoffice-retention-mobile-card,.backoffice-usage-mobile-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:14px}.backoffice-retention-mobile-card__header,.backoffice-usage-mobile-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.backoffice-retention-mobile-card__header strong,.backoffice-usage-mobile-card__header strong{color:#111827}.backoffice-retention-mobile-card__header span,.backoffice-usage-mobile-card__header span{color:#64748b;font-size:.88rem}.backoffice-retention-mobile-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.backoffice-retention-mobile-card__cell{border-radius:12px;padding:10px;background:#f8fafc}.backoffice-retention-mobile-card__cell span,.backoffice-retention-mobile-card__cell small{display:block;color:#64748b}.backoffice-retention-mobile-card__cell strong{display:block;margin:4px 0;color:#111827}.backoffice-usage-table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;background:#fff}.backoffice-usage-table th,.backoffice-usage-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;text-align:left;color:#334155;white-space:nowrap}.backoffice-usage-table th{background:#f8fafc;font-size:.86rem;font-weight:700;color:#475569}.backoffice-usage-table td strong{color:#111827}.backoffice-usage-mobile-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.backoffice-usage-mobile-card__stats span{display:block;color:#64748b;font-size:.82rem}.backoffice-usage-mobile-card__stats strong{display:block;margin-top:4px;color:#111827}.backoffice-empty,.backoffice-error{display:flex;align-items:center;justify-content:center;border-radius:18px;min-height:100%;color:#64748b;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.backoffice-error{min-height:auto;padding:14px 16px;color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}@media (max-width: 1120px){.backoffice-grid--two,.backoffice-grid--three,.backoffice-donut-layout{grid-template-columns:1fr}.backoffice-donut-chart{height:220px}}@media (max-width: 768px){.backoffice-shell{padding:20px 12px 44px}.backoffice-card{padding:18px;border-radius:22px}.backoffice-toolbar,.backoffice-retention-toolbar{width:100%;justify-content:flex-start}.backoffice-range{width:100%;justify-content:space-between}.backoffice-date-input{width:100%}.backoffice-chart-wrap--large{height:260px}.backoffice-chart-wrap,.backoffice-chart-wrap--medium{height:240px}.backoffice-table-scroll{display:none}.backoffice-retention-mobile-list,.backoffice-usage-mobile-list{margin-top:16px;display:grid;gap:12px}.backoffice-usage-mobile-card__stats{grid-template-columns:1fr}}.dark .backoffice-shell{background:radial-gradient(circle at top left,rgba(96,165,250,.12),transparent 24%),linear-gradient(180deg,#131a27,#0f1623)}.dark .backoffice-title,.dark .backoffice-card__header h2,.dark .backoffice-stat strong,.dark .backoffice-breakdown-value strong{color:#f8fafc}.dark .backoffice-updated,.dark .backoffice-card__header p,.dark .backoffice-breakdown-value,.dark .backoffice-breakdown-label,.dark .backoffice-stat p,.dark .backoffice-checkbox,.dark .backoffice-empty{color:#cbd5e1}.dark .backoffice-card,.dark .backoffice-segmented,.dark .backoffice-range,.dark .backoffice-secondary-button,.dark .backoffice-retention-table,.dark .backoffice-retention-table__sticky,.dark .backoffice-retention-table__sticky-secondary{background:#111a29;border-color:#233249}.dark .backoffice-breakdown-row,.dark .backoffice-retention-table th,.dark .backoffice-retention-table td.backoffice-retention-table__sticky,.dark .backoffice-retention-table td.backoffice-retention-table__sticky-secondary{background:#172233}.dark .backoffice-segmented__button--active{background:#1d2b43;color:#f8fafc}.dark .backoffice-date-input,.dark .backoffice-secondary-button{color:#f8fafc}.dark .backoffice-retention-table th,.dark .backoffice-retention-table td,.dark .backoffice-retention-table td span{border-color:#24364d;color:#e2e8f0}.dark .backoffice-stat{background:linear-gradient(180deg,#152238,#101a2b);border-color:#233249}