: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}.pixel-office{position:relative;width:min(100%,46rem);margin-inline:auto}.pixel-office__scene{position:relative;min-height:clamp(430px,62vw,620px);border:1px solid color-mix(in srgb,#5b62d6 14%,var(--border-primary));background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 14%),linear-gradient(180deg,#f4e5d3 0 18%,#d7dee7 18% 100%);overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #ffffff8c,0 28px 48px -38px #0f172a59}.pixel-office__scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:auto,18px 18px,18px 18px;opacity:.78;pointer-events:none;z-index:0}.pixel-office__scene:after{content:"";position:absolute;inset:auto 0 0;height:20%;background:linear-gradient(180deg,#fff0,#0f172a14);pointer-events:none;z-index:0}.pixel-office__lounge-wall,.pixel-office__lounge-floor,.pixel-office__corridor,.pixel-office__office-wall,.pixel-office__office-floor,.pixel-office__utility-bay,.pixel-office__row-shadow{position:absolute;pointer-events:none}.pixel-office__lounge-wall{inset:0 auto 46% 0;width:27%;background:linear-gradient(180deg,#b77848 0 6%,transparent 6%),linear-gradient(180deg,rgba(88,126,72,.34) 6% 18%,transparent 18%),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),#c7d2da;background-size:auto,auto,18px 18px,18px 18px,auto;border-right:3px solid rgba(255,255,255,.28)}.pixel-office__lounge-floor{inset:54% auto 0 0;width:27%;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),#c4d0d8;background-size:auto,18px 18px,18px 18px,auto;border-top:3px solid rgba(255,255,255,.28)}.pixel-office__corridor{inset:0 auto 0 27%;width:6%;background:linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(180deg,#f2dfc4,#ecd7ba);background-size:18px 18px,18px 18px,auto;border-left:1px solid rgba(255,255,255,.35);border-right:1px solid rgba(255,255,255,.35)}.pixel-office__office-wall{inset:0 0 auto 33%;height:18%;background:linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(180deg,#ffffff42,#fff0),#efe2d5;background-size:18px 18px,18px 18px,auto,auto;border-bottom:4px solid rgba(255,255,255,.45)}.pixel-office__office-floor{inset:18% 0 0 33%;background:linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(180deg,#ffffff38,#fff0),#d0d7e3;background-size:18px 18px,18px 18px,auto,auto}.pixel-office__utility-bay{inset:23% 2.4% 13% auto;width:13.5%;background:linear-gradient(180deg,#ffffff38,#fff0),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),#1b939d24;background-size:auto,18px 18px,18px 18px,auto;box-shadow:inset 0 0 0 1px #17939d1f;z-index:0}.pixel-office__row-shadow{left:36%;right:12%;height:18%;background:linear-gradient(180deg,#ffffff5c,#fff0),#0f172a0f;filter:blur(.2px);z-index:0}.pixel-office__row-shadow--top{top:20%}.pixel-office__row-shadow--bottom{top:54%}.pixel-office__scene-label,.pixel-office__lounge-label{position:absolute;z-index:8;display:inline-flex;align-items:center;padding:.42rem .8rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.01em;box-shadow:0 12px 24px -20px #0f172a8c;pointer-events:none}.pixel-office__scene-label{left:56%;top:1rem;transform:translate(-50%);background:#ffffffeb;color:var(--text-primary)}.pixel-office__lounge-label{left:4%;bottom:17%;background:#111827eb;color:#fff}.pixel-office__lounge-decor{position:absolute;inset:0 auto 0 0;width:27%;z-index:2;pointer-events:none}.pixel-office__lounge-tree-row,.pixel-office__lounge-topiary,.pixel-office__lounge-clock,.pixel-office__lounge-bookshelf,.pixel-office__lounge-bench,.pixel-office__lounge-worktable,.pixel-office__lounge-planter-column,.pixel-office__lounge-hedge-row,.pixel-office__lounge-garland,.pixel-office__lounge-side-table,.pixel-office__lounge-lantern,.pixel-office__lounge-rug,.pixel-office__lounge-umbrella,.pixel-office__lounge-flowerbed{position:absolute}.pixel-office__lounge-tree-row{left:3%;top:4%;width:92%;height:10%;background:radial-gradient(circle at 5% 72%,#427f38 0 26%,transparent 27%),radial-gradient(circle at 17% 66%,#508b42 0 27%,transparent 28%),radial-gradient(circle at 28% 72%,#447a37 0 26%,transparent 27%),radial-gradient(circle at 40% 64%,#5a964a 0 28%,transparent 29%),radial-gradient(circle at 51% 74%,#437835 0 26%,transparent 27%),radial-gradient(circle at 63% 66%,#4d8740 0 27%,transparent 28%),radial-gradient(circle at 75% 72%,#427936 0 26%,transparent 27%),radial-gradient(circle at 87% 66%,#579049 0 27%,transparent 28%);filter:drop-shadow(0 3px 0 rgba(85,60,33,.2))}.pixel-office__lounge-topiary{left:38%;top:1.5%;width:20%;height:15%;background:radial-gradient(circle at 42% 34%,rgba(255,255,255,.24) 0 18%,transparent 19%),radial-gradient(circle at 56% 60%,#5ea84e 0 30%,transparent 31%),radial-gradient(circle at 33% 53%,#417834 0 36%,transparent 37%),radial-gradient(circle at 65% 44%,#4f8d42 0 34%,transparent 35%),#3c6f32;box-shadow:0 3px #503a1e29;border-radius:999px}.pixel-office__lounge-topiary:after{content:"";position:absolute;left:46%;top:82%;width:8%;height:22%;background:#7b5838;transform:translate(-50%)}.pixel-office__lounge-clock{left:17%;top:15.5%;width:10.5%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 50% 50%,#f4e2b0 0 54%,transparent 55%),radial-gradient(circle at 50% 50%,#9d6031 0 68%,transparent 69%),#6b4027;box-shadow:0 2px #452b182e}.pixel-office__lounge-clock:before{content:"";position:absolute;inset:20%;background:linear-gradient(180deg,transparent 0 42%,#503522 42% 48%,transparent 48% 100%),linear-gradient(90deg,transparent 0 50%,#503522 50% 56%,transparent 56% 100%)}.pixel-office__lounge-bookshelf{left:29%;top:19.5%;width:59%;height:8%;background:linear-gradient(180deg,#ffffff2e,#fff0),#7d4f2f;box-shadow:inset 0 -3px #5a3522,0 2px #4d311d2e}.pixel-office__lounge-bookshelf:before{content:"";position:absolute;inset:18% 5%;background:linear-gradient(180deg,transparent 0 42%,#4f2f20 42% 50%,transparent 50% 100%),linear-gradient(90deg,#5390c8 0 6%,#bf5e4c 6% 12%,#e1b03f 12% 19%,#52a56e 19% 26%,#8a55bf 26% 32%,#d37044 32% 39%,#4a83c0 39% 46%,#6ab26a 46% 54%,#be5964 54% 61%,#d9a640 61% 69%,#4d91ca 69% 77%,#7f59c4 77% 85%,#d87247 85% 92%,#59a76f 92% 100%)}.pixel-office__lounge-bench{left:16%;top:25%;width:8%;height:21%;background:linear-gradient(180deg,#b77b46 0 16%,transparent 16% 100%),linear-gradient(90deg,#87512f 0 18%,transparent 18% 82%,#87512f 82% 100%)}.pixel-office__lounge-bench:before{content:"";position:absolute;left:18%;top:18%;width:64%;height:70%;background:linear-gradient(180deg,#d7b58d 0 7%,transparent 7% 100%),#b07a4e;box-shadow:inset 0 -2px #87512f}.pixel-office__lounge-worktable{left:37%;top:35%;width:46%;height:13.5%;background:linear-gradient(180deg,#ffffff29,#fff0),#b77c4f;box-shadow:inset 0 -3px #825032,0 2px #4d311d2e}.pixel-office__lounge-worktable:before{content:"";position:absolute;inset:100% 9% auto;height:16%;background:linear-gradient(90deg,#8b5b38 0 10%,transparent 10% 40%,#8b5b38 40% 50%,transparent 50% 80%,#8b5b38 80% 90%,transparent 90% 100%)}.pixel-office__lounge-worktable-stack,.pixel-office__lounge-worktable-screen,.pixel-office__lounge-worktable-pot{position:absolute}.pixel-office__lounge-worktable-stack{right:17%;top:10%;width:13%;height:24%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 34%),#e5d6b9;box-shadow:0 9px #d8c4a0,0 18px #ccb48c}.pixel-office__lounge-worktable-screen{right:5%;bottom:10%;width:18%;height:22%;background:linear-gradient(180deg,#5bc2e1,#2d4c73 65%),#1f2f42;box-shadow:inset 0 0 0 2px #233341,0 6px 0 -4px #2c4054}.pixel-office__lounge-worktable-pot{left:22%;top:58%;width:12%;height:19%;background:radial-gradient(circle at 50% 24%,#f2a3b6 0 20%,transparent 21%),radial-gradient(circle at 25% 42%,#f06c8f 0 18%,transparent 19%),radial-gradient(circle at 75% 40%,#f49db3 0 18%,transparent 19%),linear-gradient(180deg,transparent 0 38%,#5fa24d 38% 68%,#8f5d39 68% 100%)}.pixel-office__lounge-planter-column{top:22%;width:10%;height:49%;background:radial-gradient(circle at 50% 8%,#4d8942 0 32%,transparent 33%),radial-gradient(circle at 50% 18%,#8a48bf 0 12%,transparent 13%),radial-gradient(circle at 50% 28%,#3f7b38 0 32%,transparent 33%),radial-gradient(circle at 50% 38%,#9d59c6 0 12%,transparent 13%),radial-gradient(circle at 50% 48%,#4b8640 0 32%,transparent 33%),radial-gradient(circle at 50% 58%,#8a48bf 0 12%,transparent 13%),radial-gradient(circle at 50% 68%,#417a37 0 32%,transparent 33%),radial-gradient(circle at 50% 78%,#9d59c6 0 12%,transparent 13%),radial-gradient(circle at 50% 88%,#4d8942 0 32%,transparent 33%)}.pixel-office__lounge-planter-column--left{left:1.5%}.pixel-office__lounge-planter-column--right{left:15%;opacity:.94}.pixel-office__lounge-hedge-row{left:17%;top:56%;width:69%;height:8%;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 45%),linear-gradient(90deg,#3c7b3a 0 14%,transparent 14% 18%,#467f3c 18% 32%,transparent 32% 36%,#3b7233 36% 50%,transparent 50% 54%,#467f3c 54% 68%,transparent 68% 72%,#3d7635 72% 86%,transparent 86% 100%);box-shadow:inset 0 -3px #31592a4d}.pixel-office__lounge-garland{left:3%;width:86%;height:3.5%;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 60%),#3b6b37;box-shadow:0 2px #2a4a2742}.pixel-office__lounge-garland:after{content:"";position:absolute;inset:100% 2% auto;height:45%;background:radial-gradient(circle at 8% 0,#71b268 0 42%,transparent 43%),radial-gradient(circle at 26% 0,#8f5dc7 0 26%,transparent 27%),radial-gradient(circle at 44% 0,#71b268 0 42%,transparent 43%),radial-gradient(circle at 62% 0,#8f5dc7 0 26%,transparent 27%),radial-gradient(circle at 80% 0,#71b268 0 42%,transparent 43%)}.pixel-office__lounge-garland--upper{top:66.5%}.pixel-office__lounge-garland--lower{top:79%}.pixel-office__lounge-side-table{left:8%;top:74%;width:10%;height:7%;background:linear-gradient(180deg,#d7b58d 0 14%,transparent 14% 100%),#8b5a39;box-shadow:inset 0 -2px #624028,0 10px 0 -7px #6a452b}.pixel-office__lounge-side-table:before{content:"";position:absolute;left:36%;top:-18%;width:28%;height:30%;background:radial-gradient(circle at 50% 18%,#f1d853 0 28%,transparent 29%),linear-gradient(180deg,#76b55e 30%,#7a5735 30% 100%)}.pixel-office__lounge-lantern{left:22%;top:72%;width:5%;height:12%;background:linear-gradient(180deg,#7a5735 0 22%,transparent 22% 100%),linear-gradient(90deg,transparent 0 30%,#7a5735 30% 70%,transparent 70% 100%)}.pixel-office__lounge-lantern:before{content:"";position:absolute;left:10%;top:20%;width:80%;height:28%;background:radial-gradient(circle at 50% 50%,#ffd95d 0 42%,transparent 43%),#4b6f5d}.pixel-office__lounge-rug{left:37%;top:75%;width:36%;height:15%;background:radial-gradient(circle at 50% 42%,#ffef7c 0 9%,transparent 10%),radial-gradient(circle at 44% 40%,#8dd663 0 18%,transparent 19%),linear-gradient(90deg,#c5b052 0 5%,transparent 5% 95%,#c5b052 95% 100%),linear-gradient(#c5b052 0 7%,transparent 7% 93%,#c5b052 93% 100%),linear-gradient(180deg,#2db7bb,#1f8b92);box-shadow:inset 0 0 0 4px #3b9d58,inset 0 0 0 8px #2c7f44}.pixel-office__lounge-umbrella{left:56%;top:69%;width:30%;height:21%}.pixel-office__lounge-umbrella:before{content:"";position:absolute;left:0;right:0;top:0;height:58%;background:linear-gradient(90deg,#f8c54a 0 20%,#e88f34 20% 40%,#f8c54a 40% 60%,#e88f34 60% 80%,#f8c54a 80% 100%);-webkit-clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);box-shadow:inset 0 -4px #a45d252e}.pixel-office__lounge-umbrella:after{content:"";position:absolute;left:48%;top:42%;width:6%;height:52%;background:#7a5637;transform:translate(-50%)}.pixel-office__lounge-flowerbed{bottom:2%;width:20%;height:17%;background:radial-gradient(circle at 24% 18%,#f6a4b6 0 12%,transparent 13%),radial-gradient(circle at 52% 26%,#f26c8f 0 12%,transparent 13%),radial-gradient(circle at 74% 20%,#f6a4b6 0 12%,transparent 13%),radial-gradient(circle at 36% 50%,#f26c8f 0 12%,transparent 13%),radial-gradient(circle at 66% 54%,#f6a4b6 0 12%,transparent 13%),radial-gradient(circle at 20% 78%,#f6a4b6 0 12%,transparent 13%),radial-gradient(circle at 50% 82%,#f26c8f 0 12%,transparent 13%),radial-gradient(circle at 80% 76%,#f6a4b6 0 12%,transparent 13%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 30%),#3e7a39;box-shadow:inset 0 0 0 3px #5e9a49}.pixel-office__lounge-flowerbed--left{left:1%}.pixel-office__lounge-flowerbed--right{left:76%}.pixel-office__scene{min-height:clamp(290px,39vw,430px);background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 12%),linear-gradient(180deg,#73384c 0 100%)}.pixel-office__scene:before{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 16%),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:auto,16px 16px,16px 16px;opacity:.4}.pixel-office__scene-label,.pixel-office__lounge-label{padding:.34rem .68rem;font-size:.72rem}.pixel-office__lounge-wall{inset:0 auto 0 0;width:28.5%;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,#7c4256,#643346);background-size:16px 16px,16px 16px,auto;border-right:4px solid #e3c18b}.pixel-office__lounge-floor{inset:3.5% auto 3.5% 3.5%;width:24%;background:linear-gradient(180deg,#ffffff24,#fff0),repeating-linear-gradient(90deg,#b97643 0 16px,#c9854d 16px 32px);box-shadow:inset 0 0 0 4px #6f3649,inset 0 0 0 8px #f6dca452}.pixel-office__corridor{inset:0 auto 0 28.5%;width:7%;background:linear-gradient(90deg,rgba(77,120,41,.28) 1px,transparent 1px),linear-gradient(rgba(77,120,41,.28) 1px,transparent 1px),linear-gradient(180deg,#78c14c,#67ae40);background-size:16px 16px,16px 16px,auto;border-left:3px solid #f2d7a0;border-right:3px solid #f2d7a0}.pixel-office__office-wall{inset:0 0 auto 35.5%;height:19.5%;background:linear-gradient(180deg,#ffffff1f,#fff0),repeating-linear-gradient(90deg,#b97643 0 16px,#c9854d 16px 32px);border-bottom:4px solid #6f3649}.pixel-office__office-floor{inset:19.5% 0 0 35.5%;background:linear-gradient(90deg,rgba(77,120,41,.24) 1px,transparent 1px),linear-gradient(rgba(77,120,41,.24) 1px,transparent 1px),linear-gradient(180deg,#ffffff1a,#fff0),linear-gradient(180deg,#79c450,#69b341);background-size:16px 16px,16px 16px,auto,auto}.pixel-office__utility-bay{inset:58.5% 3.5% 9% auto;width:21%;background:linear-gradient(90deg,rgba(108,116,139,.18) 1px,transparent 1px),linear-gradient(rgba(108,116,139,.18) 1px,transparent 1px),linear-gradient(180deg,#ffffff24,#fff0),#d2d5e0;background-size:16px 16px,16px 16px,auto,auto;box-shadow:inset 0 0 0 3px #6f3649,inset 0 0 0 7px #ffffff29;z-index:0}.pixel-office__utility-bay:before{content:"";position:absolute;left:7%;right:7%;top:18%;height:7%;background:#5b698c2e;box-shadow:0 44px #5b698c2e}.pixel-office__row-shadow{background:linear-gradient(180deg,#fff3,#fff0),#0f172a0d;filter:blur(.2px)}.pixel-office__row-shadow--top{left:38%;right:25%;top:21.5%;height:17%}.pixel-office__row-shadow--bottom{left:37%;right:24%;top:57.8%;height:16%}.pixel-office__scene-label{left:62%}.pixel-office__lounge-label{left:18%;bottom:12%}.pixel-office__ambient{position:absolute;inset:0;z-index:2;pointer-events:none}.pixel-office__outdoor-tree,.pixel-office__left-wing,.pixel-office__left-room,.pixel-office__meeting-table,.pixel-office__meeting-chair,.pixel-office__meeting-aquarium,.pixel-office__chat-chair,.pixel-office__chat-table,.pixel-office__chat-bubble,.pixel-office__library-bookcase,.pixel-office__library-poster,.pixel-office__library-chair,.pixel-office__library-round-table,.pixel-office__wall-window,.pixel-office__sofa-room,.pixel-office__sofa-shelf,.pixel-office__sofa-seat,.pixel-office__sofa-round-table,.pixel-office__sofa-plant,.pixel-office__break-room,.pixel-office__pingpong-table,.pixel-office__break-desk,.pixel-office__break-lamp,.pixel-office__break-sofa,.pixel-office__break-chair,.pixel-office__break-plant{position:absolute}.pixel-office__outdoor-tree{left:1.6%;width:8.3%;aspect-ratio:1;background:radial-gradient(circle at 55% 28%,rgba(255,255,255,.18) 0 16%,transparent 17%),radial-gradient(circle at 32% 34%,#64b74f 0 28%,transparent 29%),radial-gradient(circle at 68% 42%,#57aa44 0 28%,transparent 29%),radial-gradient(circle at 44% 66%,#4f9a3e 0 30%,transparent 31%);filter:drop-shadow(0 3px 0 rgba(92,70,41,.18))}.pixel-office__outdoor-tree:after{content:"";position:absolute;left:46%;top:75%;width:10%;height:26%;background:#90633f;transform:translate(-50%)}.pixel-office__outdoor-tree--a{top:3%}.pixel-office__outdoor-tree--b{top:29%;transform:scale(.95)}.pixel-office__outdoor-tree--c{top:64%;transform:scale(1.02)}.pixel-office__outdoor-tree--d{top:86%;transform:scale(.84)}.pixel-office__left-wing{left:3.5%;top:3.5%;bottom:3.5%;width:24%}.pixel-office__left-room{left:0;right:0;box-shadow:inset 0 0 0 3px #6f3649,inset 0 0 0 6px #f5d89f47}.pixel-office__left-room:after{content:"";position:absolute;right:-8%;top:45%;width:8%;height:10%;background:#edd9b8;box-shadow:inset 2px 0 #fff3,inset 0 0 0 1px #8d714d33}.pixel-office__left-room--meeting{top:0;height:24%;background:linear-gradient(180deg,#ffffff1f,#fff0),repeating-linear-gradient(90deg,#b97643 0 16px,#c9854d 16px 32px)}.pixel-office__left-room--chat{top:26.5%;height:25.5%;background:linear-gradient(90deg,rgba(124,95,110,.12) 1px,transparent 1px),linear-gradient(rgba(124,95,110,.12) 1px,transparent 1px),linear-gradient(180deg,#ffffff1f,#fff0),#dfe1eb;background-size:16px 16px,16px 16px,auto,auto}.pixel-office__left-room--library{top:54.8%;height:34.5%;background:linear-gradient(180deg,#ffffff1f,#fff0),repeating-linear-gradient(90deg,#b97643 0 16px,#c9854d 16px 32px)}.pixel-office__meeting-table{left:20%;top:18%;width:50%;height:24%;background:linear-gradient(180deg,#ffffff2e,#fff0),#b67d4f;box-shadow:inset 0 -3px #7f4f30,0 2px #5f402624}.pixel-office__meeting-chair{width:10%;height:12%;background:linear-gradient(180deg,#d1a076 0 36%,#9a6c46 36% 100%);box-shadow:inset 0 -2px #66402438}.pixel-office__meeting-chair--a{left:17%;top:24%}.pixel-office__meeting-chair--b{left:39%;top:24%}.pixel-office__meeting-chair--c{left:28%;top:48%}.pixel-office__meeting-aquarium{right:9%;top:8%;width:17%;height:23%;background:linear-gradient(180deg,#8be4f0,#3976a2 72%),#214462;box-shadow:inset 0 0 0 2px #4f6074,0 2px #38536f38}.pixel-office__meeting-aquarium:before{content:"";position:absolute;inset:22% 12%;background:radial-gradient(circle at 26% 62%,#ffd77a 0 10%,transparent 11%),radial-gradient(circle at 62% 48%,#ff994f 0 10%,transparent 11%),linear-gradient(180deg,transparent 0 62%,#70c17e 62% 100%)}.pixel-office__chat-chair{width:12%;height:14%;background:linear-gradient(180deg,#d5a67c 0 34%,#9b6c45 34% 100%);box-shadow:inset 0 -2px #5e3e2338}.pixel-office__chat-chair--a{left:22%;top:48%}.pixel-office__chat-chair--b{left:56%;top:48%}.pixel-office__chat-table{left:40%;top:46%;width:15%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.18) 0 18%,transparent 19%),#6e93b3;box-shadow:inset 0 -3px #3c607947,0 10px 0 -8px #5e432b70}.pixel-office__chat-bubble{left:47%;top:32%;width:12%;height:11%;border-radius:999px;background:#ffffffeb;box-shadow:0 8px 16px -14px #0f172a80}.pixel-office__chat-bubble:before{content:"";position:absolute;left:30%;top:38%;width:10%;height:10%;border-radius:999px;background:#2a3646;box-shadow:8px 0 #2a3646,16px 0 #2a3646}.pixel-office__library-bookcase{left:8%;top:10%;width:56%;height:14%;background:linear-gradient(180deg,#ffffff29,#fff0),#744b31;box-shadow:inset 0 -3px #52311f,0 2px #4d311d2e}.pixel-office__library-bookcase:before{content:"";position:absolute;inset:18% 6%;background:linear-gradient(180deg,transparent 0 48%,#4a2d1d 48% 54%,transparent 54% 100%),linear-gradient(90deg,#5e9ed4 0 7%,#ca6d59 7% 14%,#e0b24d 14% 22%,#54a66f 22% 30%,#8a5cc6 30% 38%,#dc8550 38% 46%,#4e86bf 46% 54%,#62ac70 54% 62%,#c7636e 62% 70%,#d9a147 70% 78%,#7b60c4 78% 86%,#5d9fd0 86% 100%)}.pixel-office__library-poster{right:10%;top:18%;width:19%;height:18%;background:linear-gradient(180deg,#6bbef0 0 52%,#183552 52% 100%);box-shadow:inset 0 0 0 2px #546072,0 2px #3a45582e}.pixel-office__library-chair{width:10%;height:11%;background:linear-gradient(180deg,#4d88c5 0 42%,#2f5c90 42% 100%);box-shadow:inset 0 -2px #1f40673d}.pixel-office__library-chair--a{left:16%;bottom:18%}.pixel-office__library-chair--b{left:43%;bottom:18%}.pixel-office__library-chair--c{left:29%;bottom:35%}.pixel-office__library-round-table{left:28%;bottom:23%;width:17%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.18) 0 18%,transparent 19%),#d8d6df;box-shadow:inset 0 -3px #78788b42,0 10px 0 -8px #5c432b75}.pixel-office__wall-window{top:8%;height:9%;background:linear-gradient(180deg,#ffffff52,#fff0),linear-gradient(90deg,transparent 0 22%,rgba(75,87,114,.5) 22% 25%,transparent 25% 48%,rgba(75,87,114,.5) 48% 51%,transparent 51% 74%,rgba(75,87,114,.5) 74% 77%,transparent 77% 100%),linear-gradient(180deg,transparent 0 48%,rgba(75,87,114,.5) 48% 52%,transparent 52% 100%),#88c8d6;box-shadow:inset 0 0 0 2px #4e5d74,0 2px #434d6029}.pixel-office__wall-window--a{left:84%;width:8%}.pixel-office__wall-window--b{left:92.6%;width:6%}.pixel-office__sofa-room{left:74.8%;top:20.2%;width:18.6%;height:21.8%;background:linear-gradient(90deg,rgba(112,122,143,.12) 1px,transparent 1px),linear-gradient(rgba(112,122,143,.12) 1px,transparent 1px),linear-gradient(180deg,#ffffff29,#fff0),#e9eaef;background-size:16px 16px,16px 16px,auto,auto;box-shadow:inset 0 0 0 3px #6f3649,inset 0 0 0 6px #ffffff2e}.pixel-office__sofa-shelf{top:11%;width:13%;height:48%;background:linear-gradient(180deg,#ffffff24,#fff0),#8e95a8;box-shadow:inset 0 -3px #58617647}.pixel-office__sofa-shelf:before{content:"";position:absolute;inset:10% 15%;background:linear-gradient(180deg,transparent 0 24%,rgba(77,83,98,.44) 24% 28%,transparent 28% 52%,rgba(77,83,98,.44) 52% 56%,transparent 56% 80%,rgba(77,83,98,.44) 80% 84%,transparent 84% 100%),linear-gradient(90deg,#5ea2d9 0 17%,#df8c54 17% 34%,#7ab16e 34% 51%,#855dc0 51% 68%,#c56d73 68% 84%,#edc153 84% 100%)}.pixel-office__sofa-shelf--left{left:6%}.pixel-office__sofa-shelf--right{right:6%}.pixel-office__sofa-seat{left:31%;width:38%;height:11%;background:linear-gradient(180deg,#f5c6a6 0 40%,#e09a73 40% 100%);box-shadow:inset 0 -3px #965c3938,0 2px #97623f1f}.pixel-office__sofa-seat--top{top:18%}.pixel-office__sofa-seat--bottom{bottom:18%}.pixel-office__sofa-round-table{left:43%;top:38%;width:16%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.22) 0 18%,transparent 19%),#ebb76a;box-shadow:inset 0 -3px #a5702c40,0 10px 0 -8px #5c432b70}.pixel-office__sofa-room:before{content:"";position:absolute;left:44%;top:43%;width:7%;height:7%;border-radius:999px;background:#8e5bc3;z-index:1}.pixel-office__sofa-plant{width:10%;height:18%;background:radial-gradient(circle at 50% 24%,#8ad26e 0 28%,transparent 29%),radial-gradient(circle at 30% 42%,#63b353 0 20%,transparent 21%),radial-gradient(circle at 70% 44%,#63b353 0 20%,transparent 21%),linear-gradient(180deg,transparent 0 48%,#69a95a 48% 72%,#8c5a38 72% 100%)}.pixel-office__sofa-plant--left{left:18%;top:27%}.pixel-office__sofa-plant--right{right:18%;bottom:25%}.pixel-office__break-room{left:44%;top:57.8%;width:23.8%;height:20.5%;background:linear-gradient(90deg,rgba(132,117,181,.14) 1px,transparent 1px),linear-gradient(rgba(132,117,181,.14) 1px,transparent 1px),linear-gradient(180deg,#ffffff1a,#fff0),#7f72b8;background-size:16px 16px,16px 16px,auto,auto;box-shadow:inset 0 0 0 3px #6f3649,inset 0 0 0 6px #ffffff14}.pixel-office__pingpong-table{left:10%;top:15%;width:22%;height:17%;background:linear-gradient(180deg,#ffffff24,#fff0),#3fa66f;box-shadow:inset 0 0 0 2px #23684859,inset 0 -3px #23684842}.pixel-office__pingpong-table:before{content:"";position:absolute;left:0;right:0;top:48%;height:8%;background:#ffffffd9}.pixel-office__break-desk{left:43%;top:14%;width:28%;height:14%;background:linear-gradient(180deg,#ffffff29,#fff0),#c9905b;box-shadow:inset 0 -3px #84502b42}.pixel-office__break-desk:before{content:"";position:absolute;left:16%;top:-18%;width:16%;height:26%;background:linear-gradient(180deg,#f9c95d 0 52%,#f39b49 52% 100%)}.pixel-office__break-desk:after{content:"";position:absolute;left:56%;top:18%;width:18%;height:26%;background:linear-gradient(180deg,#a8d9f7,#3e567c 72%);box-shadow:inset 0 0 0 2px #49556d}.pixel-office__break-lamp{left:36%;top:8%;width:6%;height:22%;background:linear-gradient(180deg,#7d5a3b 0 20%,transparent 20% 100%),linear-gradient(90deg,transparent 0 32%,#7d5a3b 32% 68%,transparent 68% 100%)}.pixel-office__break-lamp:before{content:"";position:absolute;left:12%;top:0;width:76%;height:20%;background:radial-gradient(circle at 50% 50%,#ffd66d 0 34%,transparent 35%),#e88a3a}.pixel-office__break-sofa{left:45%;bottom:16%;width:29%;height:12%;background:linear-gradient(180deg,#efc49b 0 38%,#d98f5f 38% 100%);box-shadow:inset 0 -3px #91563642,0 2px #5f40261f}.pixel-office__break-chair{width:9%;height:11%;background:linear-gradient(180deg,#e99644 0 38%,#c86b2f 38% 100%);box-shadow:inset 0 -2px #753d1b42}.pixel-office__break-chair--a{left:44%;top:30%}.pixel-office__break-chair--b{left:64%;top:30%}.pixel-office__break-plant{width:9%;height:18%;background:radial-gradient(circle at 50% 28%,#8ad26e 0 30%,transparent 31%),radial-gradient(circle at 28% 48%,#5faf51 0 20%,transparent 21%),radial-gradient(circle at 72% 48%,#5faf51 0 20%,transparent 21%),linear-gradient(180deg,transparent 0 48%,#68a957 48% 72%,#8b5a39 72% 100%)}.pixel-office__break-plant--a{right:10%;top:18%}.pixel-office__break-plant--b{right:7%;bottom:10%}.pixel-office [data-zone=ai]{--zone-accent: #5b62d6;--zone-soft: rgba(91, 98, 214, .14)}.pixel-office [data-zone=analyze]{--zone-accent: #7b59ce;--zone-soft: rgba(123, 89, 206, .14)}.pixel-office [data-zone=edit]{--zone-accent: #2e9d74;--zone-soft: rgba(46, 157, 116, .14)}.pixel-office [data-zone=convert]{--zone-accent: #e07e33;--zone-soft: rgba(224, 126, 51, .14)}.pixel-office [data-zone=transformer]{--zone-accent: #17939d;--zone-soft: rgba(23, 147, 157, .14)}.pixel-office-zone-rug{position:absolute;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(180deg,#ffffff14,#fff0),color-mix(in srgb,var(--zone-accent) 18%,#aeb6c2);background-size:16px 16px,16px 16px,auto,auto;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--zone-accent) 34%,transparent),inset 0 0 0 5px #ffffff0f;pointer-events:none}.pixel-office-zone{-webkit-appearance:none;appearance:none;position:absolute;z-index:1;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pixel-office-zone:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff1f,#fff0),var(--zone-soft);opacity:0;transition:opacity .2s ease}.pixel-office-zone:hover,.pixel-office-zone:focus-visible{border-color:color-mix(in srgb,var(--zone-accent) 30%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--zone-accent) 14%,transparent);transform:translateY(-2px)}.pixel-office-zone:hover:after,.pixel-office-zone:focus-visible:after{opacity:1}.pixel-office-zone:focus-visible,.pixel-office-zone__bubble:focus-visible,.pixel-office-zone__hotspot:focus-visible,.pixel-office-npc:focus-visible{outline:3px solid var(--zone-accent);outline-offset:3px}.pixel-office-zone__bubble{-webkit-appearance:none;appearance:none;position:absolute;z-index:8;display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .72rem;border:none;border-radius:999px;background:#fffffff0;color:var(--text-primary);font:inherit;font-size:.72rem;font-weight:700;white-space:nowrap;transform:translate(-50%);box-shadow:0 12px 24px -20px #0f172a8c;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pixel-office-zone__bubble:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--zone-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--zone-accent) 16%,transparent)}.pixel-office-zone__bubble:hover,.pixel-office-zone__bubble:focus-visible{transform:translate(-50%,-3px);box-shadow:0 18px 30px -24px #0f172a99}.pixel-office-sprite{position:absolute;display:block;transform:translate(-50%,-50%) scale(.86);transform-origin:center bottom;pointer-events:none}.pixel-office-sprite img{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 4px 6px rgba(15,23,42,.16))}.pixel-office-npc{-webkit-appearance:none;appearance:none;position:absolute;z-index:10;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;transform:translate(-50%,-50%);--npc-walk-x: 2px;--npc-walk-y: 2px;--npc-roam-duration: 5.8s;animation:pixel-office-roam var(--npc-roam-duration) steps(6,end) infinite}.pixel-office-npc__sprite{display:block;width:100%;transform:scale(.88);transform-origin:center bottom}.pixel-office-npc__sprite img{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 4px 6px rgba(15,23,42,.18));animation:pixel-office-bob 1s steps(2,end) infinite}.pixel-office-npc__tag{position:absolute;left:50%;top:-14px;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border-radius:999px;background:#111827eb;color:#fff;font-size:.64rem;font-weight:600;line-height:1;white-space:nowrap;box-shadow:0 12px 24px -20px #0f172ae6}.pixel-office-npc__tag:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--zone-accent)}.pixel-office-zone__hotspot{-webkit-appearance:none;appearance:none;position:absolute;z-index:9;display:block;padding:0;border:none;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease}.pixel-office-zone__hotspot span{display:block;width:100%;height:100%;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.94) 0 18%,transparent 19%),color-mix(in srgb,var(--zone-accent) 84%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--zone-accent) 16%,transparent),0 10px 18px -14px #0f172a73}.pixel-office-zone__hotspot:hover,.pixel-office-zone__hotspot:focus-visible,.pixel-office-npc:hover{transform:translate(-50%,-50%) translateY(-3px)}.pixel-office-npc[data-zone=ai]{--npc-walk-x: 3px;--npc-walk-y: 2px;--npc-roam-duration: 5.4s;animation-delay:-.8s}.pixel-office-npc[data-zone=analyze]{--npc-walk-x: 2px;--npc-walk-y: 3px;--npc-roam-duration: 6s;animation-delay:-1.4s}.pixel-office-npc[data-zone=edit]{--npc-walk-x: 3px;--npc-walk-y: 1px;--npc-roam-duration: 4.8s;animation-delay:-.5s}.pixel-office-npc[data-zone=convert]{--npc-walk-x: 2px;--npc-walk-y: 2px;--npc-roam-duration: 5.2s;animation-delay:-1.2s}.pixel-office-npc[data-zone=transformer]{--npc-walk-x: 2px;--npc-walk-y: 1px;--npc-roam-duration: 6.2s;animation-delay:-2.1s}.pixel-office-zone__hotspot:hover span,.pixel-office-zone__hotspot:focus-visible span{box-shadow:0 0 0 5px color-mix(in srgb,var(--zone-accent) 22%,transparent),0 14px 22px -16px #0f172a80}.pixel-office-sprite--pulse img{animation:pixel-office-pulse 3.6s ease-in-out infinite}@keyframes pixel-office-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pixel-office-roam{0%,to{transform:translate(-50%,-50%) translate(0)}20%{transform:translate(-50%,-50%) translate(var(--npc-walk-x),calc(var(--npc-walk-y) * -1))}40%{transform:translate(-50%,-50%) translate(var(--npc-walk-x))}60%{transform:translate(-50%,-50%) translate(calc(var(--npc-walk-x) * -1),var(--npc-walk-y))}80%{transform:translate(-50%,-50%) translateY(var(--npc-walk-y))}}@keyframes pixel-office-pulse{0%,to{filter:drop-shadow(0 6px 8px rgba(15,23,42,.18)) brightness(1)}50%{filter:drop-shadow(0 6px 8px rgba(15,23,42,.18)) brightness(1.08)}}@media (max-width: 767px){.pixel-office{width:100%}.pixel-office__scene{min-height:340px}.pixel-office__scene-label{top:.85rem;left:64%;font-size:.74rem}.pixel-office__lounge-label{left:19%;bottom:10%;font-size:.7rem}.pixel-office__corridor{width:7.5%}.pixel-office__office-wall,.pixel-office__office-floor{left:36%}.pixel-office__lounge-wall{width:29%}.pixel-office__lounge-floor{left:3.5%;width:24%}.pixel-office__utility-bay{width:22%}.pixel-office-zone__bubble{padding:.38rem .64rem;font-size:.72rem}.pixel-office-npc__tag{font-size:.66rem}}@media (prefers-reduced-motion: reduce){.pixel-office-npc,.pixel-office-sprite--pulse img,.pixel-office-npc__sprite img{animation:none}}.dark .pixel-office__scene{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 16%),linear-gradient(180deg,color-mix(in srgb,#4f3c2c 18%,var(--bg-card)) 0 18%,color-mix(in srgb,#8393b8 14%,var(--bg-card)) 18% 100%);border-color:color-mix(in srgb,#8ca1ff 12%,var(--border-primary))}.dark .pixel-office__lounge-wall{background:linear-gradient(180deg,color-mix(in srgb,#b77848 72%,var(--bg-card)) 0 6%,transparent 6%),linear-gradient(180deg,rgba(96,136,82,.24) 6% 18%,transparent 18%),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),color-mix(in srgb,#8ba0a6 28%,var(--bg-card));background-size:auto,auto,18px 18px,18px 18px,auto}.dark .pixel-office__lounge-floor{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),color-mix(in srgb,#8fa0a6 24%,var(--bg-card));background-size:auto,18px 18px,18px 18px,auto}.dark .pixel-office__corridor{background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),color-mix(in srgb,#a98865 34%,var(--bg-card));background-size:18px 18px,18px 18px,auto}.dark .pixel-office__office-wall{background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(180deg,#ffffff0f,#fff0),color-mix(in srgb,#9b7558 26%,var(--bg-card));background-size:18px 18px,18px 18px,auto,auto}.dark .pixel-office__office-floor{background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(180deg,#ffffff0f,#fff0),color-mix(in srgb,#8ea2c6 16%,var(--bg-card));background-size:18px 18px,18px 18px,auto,auto}.dark .pixel-office__scene-label{background:color-mix(in srgb,var(--bg-card) 84%,white 8%)}.dark .pixel-office__lounge-label{background:color-mix(in srgb,var(--bg-card) 88%,black 12%)}.dark .pixel-office__lounge-bookshelf,.dark .pixel-office__lounge-bench,.dark .pixel-office__lounge-worktable,.dark .pixel-office__lounge-side-table,.dark .pixel-office__lounge-lantern,.dark .pixel-office__lounge-umbrella,.dark .pixel-office__lounge-flowerbed,.dark .pixel-office__lounge-rug,.dark .pixel-office__lounge-planter-column,.dark .pixel-office__lounge-tree-row,.dark .pixel-office__lounge-topiary,.dark .pixel-office__lounge-hedge-row,.dark .pixel-office__lounge-garland{filter:brightness(.88) saturate(.92)}.dark .pixel-office-zone__bubble{background:color-mix(in srgb,var(--bg-card) 84%,white 8%)}.dark .pixel-office__ambient,.dark .pixel-office__utility-bay,.dark .pixel-office__wall-window,.dark .pixel-office__sofa-room,.dark .pixel-office__break-room,.dark .pixel-office__left-room{filter:brightness(.92) saturate(.94)}.tool-card-tds{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;transition:background .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%}.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;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8em}.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;min-height:calc(.875rem * 1.4 * 3)}.tool-card-tds__content{display:flex;flex:1 1 auto;align-items:flex-start;gap:1rem;min-width:0}.tool-card-tds__body{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.tool-card-tds__meta{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;min-height:2.8em}.tool-card-tds__footer{margin-top:auto;padding-top:.75rem;min-height:2.25rem;display:flex;align-items:flex-end}.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}