.whale-demo-wrapper[data-astro-cid-talvm2ar]{display:flex;flex-direction:column;align-items:center;gap:0}.whale-demo[data-astro-cid-talvm2ar]{position:relative;width:100%;height:600px;background:linear-gradient(135deg,#4fc3f7,#29b6f6,#03a9f4,#0288d1,#0277bd);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.whale-loading[data-astro-cid-talvm2ar]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;font-family:system-ui,-apple-system,sans-serif}.loading-spinner[data-astro-cid-talvm2ar]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-progress[data-astro-cid-talvm2ar]{width:200px;height:4px;background:#ffffff4d;border-radius:2px;margin:10px 0;overflow:hidden}.progress-bar[data-astro-cid-talvm2ar]{height:100%;background:#fff;width:0%;transition:width .3s ease;border-radius:2px}.loading-detail[data-astro-cid-talvm2ar]{font-size:12px;opacity:.8;margin-top:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.whale-container[data-astro-cid-talvm2ar]{position:relative;width:100%;height:100%}.whale-container[data-astro-cid-talvm2ar] canvas[data-astro-cid-talvm2ar],#whale-canvas[data-astro-cid-talvm2ar]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#whale-canvas[data-astro-cid-talvm2ar]{width:100%;height:100%;display:block;cursor:grab}#whale-canvas[data-astro-cid-talvm2ar]:active{cursor:grabbing}.whale-controls[data-astro-cid-talvm2ar]{position:relative;width:100%;max-width:800px;margin:20px auto 0;background:linear-gradient(135deg,#000c,#0009);padding:20px;color:#fff;font-family:system-ui,-apple-system,sans-serif;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;z-index:10000}.control-hint[data-astro-cid-talvm2ar]{text-align:center;margin-bottom:12px;font-size:14px;opacity:.9}.touch-hint[data-astro-cid-talvm2ar]{display:none}.mouse-hint[data-astro-cid-talvm2ar]{display:inline}@media (pointer: coarse){.touch-hint[data-astro-cid-talvm2ar]{display:inline}.mouse-hint[data-astro-cid-talvm2ar]{display:none}}.animation-controls[data-astro-cid-talvm2ar]{display:flex!important;gap:8px;justify-content:center;margin-bottom:12px;flex-wrap:wrap;position:relative;z-index:10006;visibility:visible!important;opacity:1!important}.anim-btn[data-astro-cid-talvm2ar]{background:#ffffffe6!important;border:2px solid #3b82f6!important;color:#1f2937!important;padding:8px 12px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10007;display:inline-block!important;visibility:visible!important;opacity:1!important}.anim-btn[data-astro-cid-talvm2ar]:hover{background:#ffffff4d;transform:translateY(-2px)}.anim-btn[data-astro-cid-talvm2ar]:active{transform:translateY(0)}.anim-btn[data-astro-cid-talvm2ar].enhanced{background:#10b9814d;border-color:#10b98180}.anim-btn[data-astro-cid-talvm2ar].enhanced:hover{background:#10b98166}.anim-btn[data-astro-cid-talvm2ar].debug{background:#f59e0b4d;border-color:#f59e0b80}.anim-btn[data-astro-cid-talvm2ar].debug:hover{background:#f59e0b66}.background-controls[data-astro-cid-talvm2ar]{margin:12px 0 8px;text-align:center}.background-title[data-astro-cid-talvm2ar]{font-size:12px;margin-bottom:8px;opacity:.9;font-weight:500}.background-buttons[data-astro-cid-talvm2ar]{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.bg-btn[data-astro-cid-talvm2ar]{background:#000000b3!important;border:2px solid rgba(255,255,255,.3)!important;color:#fff!important;padding:8px;border-radius:6px;font-size:16px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10007}.bg-btn[data-astro-cid-talvm2ar]:hover{transform:scale(1.1);border-color:#fff9;background:#000c!important}.bg-btn[data-astro-cid-talvm2ar]:active{transform:scale(.9)}.world-center-controls[data-astro-cid-talvm2ar]{position:absolute;bottom:200px;left:10px;background:#000c!important;border:2px solid rgba(255,255,255,.3)!important;padding:12px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10025;min-width:180px}.world-center-title[data-astro-cid-talvm2ar]{color:#fff;font-size:12px;font-weight:700;margin-bottom:8px;text-align:center}.world-center-sliders[data-astro-cid-talvm2ar]{display:flex;flex-direction:column;gap:8px}.slider-control[data-astro-cid-talvm2ar]{display:flex;align-items:center;gap:8px}.slider-label[data-astro-cid-talvm2ar]{color:#fff;font-size:11px;font-weight:700;min-width:15px;text-align:right}.world-center-slider[data-astro-cid-talvm2ar]{flex:1;height:4px;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.world-center-slider[data-astro-cid-talvm2ar]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.world-center-slider[data-astro-cid-talvm2ar]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;border:none;cursor:pointer}.slider-value[data-astro-cid-talvm2ar]{color:#fff;font-size:10px;min-width:25px;text-align:right}.world-center-reset[data-astro-cid-talvm2ar]{background:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;margin-top:4px;transition:all .2s ease}.world-center-reset[data-astro-cid-talvm2ar]:hover{background:#fff3!important}.auto-rotate-btn[data-astro-cid-talvm2ar]{background:#ffffffe6!important;border:2px solid #3b82f6!important;color:#1f2937!important;padding:8px 12px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10007;display:inline-block!important;visibility:visible!important;opacity:1!important}.auto-rotate-btn[data-astro-cid-talvm2ar]:hover{background:#ffffff4d;transform:translateY(-2px)}.auto-rotate-btn[data-astro-cid-talvm2ar]:active{transform:translateY(0)}.auto-rotate-btn[data-astro-cid-talvm2ar][data-active=true]{background:#10b981e6!important;border-color:#10b981b3!important;color:#fff!important}.auto-rotate-btn[data-astro-cid-talvm2ar][data-active=true]:hover{background:#10b981b3!important}.world-center-toggle-btn[data-astro-cid-talvm2ar]{background:#ffffffe6!important;border:2px solid #3b82f6!important;color:#1f2937!important;padding:8px 12px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10007;display:inline-block!important;visibility:visible!important;opacity:1!important}.world-center-toggle-btn[data-astro-cid-talvm2ar]:hover{background:#ffffff4d;transform:translateY(-2px)}.world-center-toggle-btn[data-astro-cid-talvm2ar]:active{transform:translateY(0)}.world-center-toggle-btn[data-astro-cid-talvm2ar][data-active=true]{background:#f59e0be6!important;border-color:#f59e0bb3!important;color:#fff!important}.world-center-toggle-btn[data-astro-cid-talvm2ar][data-active=true]:hover{background:#f59e0bb3!important}.performance-indicator[data-astro-cid-talvm2ar]{display:flex;justify-content:space-between;font-size:10px;opacity:.8;margin:8px 0;gap:8px}.fps-display[data-astro-cid-talvm2ar] span[data-astro-cid-talvm2ar],.cache-display[data-astro-cid-talvm2ar] span[data-astro-cid-talvm2ar],.state-display[data-astro-cid-talvm2ar] span[data-astro-cid-talvm2ar]{font-weight:700;color:#10b981}.debug-panel[data-astro-cid-talvm2ar]{position:relative;margin-top:16px;background:#000000e6;color:#fff;border-radius:8px;padding:0;width:100%;font-size:11px;box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:400px;overflow-y:auto}.debug-header[data-astro-cid-talvm2ar]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#667eeacc;border-radius:8px 8px 0 0}.debug-header[data-astro-cid-talvm2ar] h4[data-astro-cid-talvm2ar]{margin:0;font-size:12px;font-weight:600}.debug-header-actions[data-astro-cid-talvm2ar]{display:flex;gap:8px;align-items:center}.debug-download[data-astro-cid-talvm2ar]{background:#10b981cc;border:none;color:#fff;font-size:10px;cursor:pointer;padding:4px 8px;border-radius:4px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:4px}.debug-download[data-astro-cid-talvm2ar]:hover{background:#10b981;transform:translateY(-1px)}.debug-close[data-astro-cid-talvm2ar]{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px}.debug-close[data-astro-cid-talvm2ar]:hover{background:#fff3}.debug-content[data-astro-cid-talvm2ar]{padding:8px 12px}.debug-section[data-astro-cid-talvm2ar]{margin-bottom:8px}.debug-section[data-astro-cid-talvm2ar]:last-child{margin-bottom:0}.debug-section[data-astro-cid-talvm2ar] h5[data-astro-cid-talvm2ar]{margin:0 0 4px;font-size:11px;color:#10b981;font-weight:600}.debug-values[data-astro-cid-talvm2ar]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;font-family:Courier New,monospace}.debug-values[data-astro-cid-talvm2ar] span[data-astro-cid-talvm2ar]{font-size:10px;background:#ffffff1a;padding:2px 4px;border-radius:3px}.performance-toggle[data-astro-cid-talvm2ar]{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;opacity:.8;margin-left:12px}.settings-controls[data-astro-cid-talvm2ar]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.motion-toggle[data-astro-cid-talvm2ar]{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;opacity:.8}.motion-toggle[data-astro-cid-talvm2ar] input[data-astro-cid-talvm2ar]{margin:0}.canvas-styling-controls[data-astro-cid-talvm2ar]{margin-top:16px;padding:16px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.canvas-styling-title[data-astro-cid-talvm2ar]{font-size:14px;font-weight:600;margin-bottom:12px;text-align:center;color:#f0f9ff}.canvas-size-controls[data-astro-cid-talvm2ar]{margin-bottom:16px}.size-control-group[data-astro-cid-talvm2ar],.radius-control-group[data-astro-cid-talvm2ar]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px}.size-label[data-astro-cid-talvm2ar],.radius-label[data-astro-cid-talvm2ar]{font-size:12px;min-width:50px;color:#e2e8f0}.canvas-size-slider[data-astro-cid-talvm2ar],.border-radius-slider[data-astro-cid-talvm2ar]{flex:1;height:6px;background:#fff3;border-radius:3px;outline:none;cursor:pointer}.canvas-size-slider[data-astro-cid-talvm2ar]::-webkit-slider-thumb,.border-radius-slider[data-astro-cid-talvm2ar]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.size-value[data-astro-cid-talvm2ar],.radius-value[data-astro-cid-talvm2ar]{font-size:11px;min-width:50px;text-align:right;color:#3b82f6;font-weight:600}.border-radius-controls[data-astro-cid-talvm2ar],.canvas-presets[data-astro-cid-talvm2ar]{margin-bottom:16px}.presets-title[data-astro-cid-talvm2ar]{font-size:13px;font-weight:500;margin-bottom:8px;text-align:center;color:#f0f9ff}.preset-buttons[data-astro-cid-talvm2ar]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.preset-btn[data-astro-cid-talvm2ar]{background:#3b82f6cc;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:10px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.preset-btn[data-astro-cid-talvm2ar]:hover{background:#3b82f6;transform:translateY(-1px)}.preset-btn[data-astro-cid-talvm2ar]:active{transform:translateY(0)}.canvas-reset-btn[data-astro-cid-talvm2ar]{width:100%;background:#ef4444cc;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.canvas-reset-btn[data-astro-cid-talvm2ar]:hover{background:#ef4444;transform:translateY(-1px)}.whale-fallback[data-astro-cid-talvm2ar]{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.fallback-content[data-astro-cid-talvm2ar]{text-align:center;color:#fff;font-family:system-ui,-apple-system,sans-serif}.whale-poster[data-astro-cid-talvm2ar]{max-width:200px;max-height:150px;border-radius:8px;margin-bottom:16px;box-shadow:0 4px 16px #0003}.fallback-message[data-astro-cid-talvm2ar] h3[data-astro-cid-talvm2ar]{margin:0 0 8px;font-size:18px;font-weight:600}.fallback-message[data-astro-cid-talvm2ar] p[data-astro-cid-talvm2ar]{margin:0 0 16px;font-size:14px;opacity:.9;line-height:1.4}.fallback-animations[data-astro-cid-talvm2ar]{font-size:32px}.pulse-animation[data-astro-cid-talvm2ar]{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.whale-error[data-astro-cid-talvm2ar]{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.error-content[data-astro-cid-talvm2ar]{text-align:center;color:#fff;font-family:system-ui,-apple-system,sans-serif}.error-content[data-astro-cid-talvm2ar] h3[data-astro-cid-talvm2ar]{margin:0 0 8px;font-size:18px;font-weight:600}.error-content[data-astro-cid-talvm2ar] p[data-astro-cid-talvm2ar]{margin:0 0 16px;font-size:14px;opacity:.9}.retry-btn[data-astro-cid-talvm2ar]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.retry-btn[data-astro-cid-talvm2ar]:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width: 640px){.whale-demo[data-astro-cid-talvm2ar]{height:500px}.whale-controls[data-astro-cid-talvm2ar]{padding:16px}.animation-controls[data-astro-cid-talvm2ar]{gap:6px}.anim-btn[data-astro-cid-talvm2ar]{padding:6px 10px;font-size:11px}}@media (prefers-reduced-motion: reduce){.loading-spinner[data-astro-cid-talvm2ar],.pulse-animation[data-astro-cid-talvm2ar]{animation:none}.anim-btn[data-astro-cid-talvm2ar]:hover{transform:none}}@media (prefers-contrast: high){.whale-demo[data-astro-cid-talvm2ar]{border:2px solid white}.anim-btn[data-astro-cid-talvm2ar]{border-color:#fff}}.whale-page[data-astro-cid-3i344vly]{max-width:1200px;margin:0 auto;padding:0 20px}.demo-header[data-astro-cid-3i344vly]{margin-bottom:48px;text-align:center}.header-content[data-astro-cid-3i344vly]{display:flex;flex-direction:column;align-items:center;gap:24px}.title-section[data-astro-cid-3i344vly] h1[data-astro-cid-3i344vly]{font-size:3rem;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-astro-cid-3i344vly]{font-size:1.2rem;line-height:1.6;color:var(--text-secondary, #666);max-width:600px;margin:0}.tech-badges[data-astro-cid-3i344vly]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.badge[data-astro-cid-3i344vly]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:600}.demo-section[data-astro-cid-3i344vly]{margin-bottom:64px}.demo-container[data-astro-cid-3i344vly]{margin-bottom:48px}.main-whale-demo{height:600px;margin:0 auto;max-width:800px}.interaction-guide[data-astro-cid-3i344vly] h2[data-astro-cid-3i344vly]{text-align:center;margin-bottom:32px;font-size:2rem}.interaction-grid[data-astro-cid-3i344vly]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.interaction-item[data-astro-cid-3i344vly]{text-align:center;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.05);transition:transform .2s ease}.interaction-item[data-astro-cid-3i344vly]:hover{transform:translateY(-4px)}.interaction-icon[data-astro-cid-3i344vly]{font-size:2rem;margin-bottom:12px}.interaction-item[data-astro-cid-3i344vly] h3[data-astro-cid-3i344vly]{margin:0 0 8px;font-size:1.1rem;color:#667eea}.interaction-item[data-astro-cid-3i344vly] p[data-astro-cid-3i344vly]{margin:0;font-size:.9rem;color:var(--text-secondary, #666);line-height:1.4}.technical-details[data-astro-cid-3i344vly]{background:#f8f9fa;padding:48px;border-radius:16px;margin-bottom:48px}.technical-details[data-astro-cid-3i344vly] h2[data-astro-cid-3i344vly]{text-align:center;margin-bottom:32px;font-size:2rem}.details-grid[data-astro-cid-3i344vly]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.detail-card[data-astro-cid-3i344vly]{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000a}.detail-card[data-astro-cid-3i344vly] h3[data-astro-cid-3i344vly]{margin:0 0 16px;color:#667eea;font-size:1.2rem}.detail-card[data-astro-cid-3i344vly] ul[data-astro-cid-3i344vly]{margin:0;padding-left:20px}.detail-card[data-astro-cid-3i344vly] li[data-astro-cid-3i344vly]{margin-bottom:8px;line-height:1.4;color:var(--text-secondary, #666)}.development-info[data-astro-cid-3i344vly]{margin-bottom:48px}.development-info[data-astro-cid-3i344vly] h2[data-astro-cid-3i344vly]{text-align:center;margin-bottom:32px;font-size:2rem}.dev-content[data-astro-cid-3i344vly]{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start}.dev-text[data-astro-cid-3i344vly] p[data-astro-cid-3i344vly]{line-height:1.6;margin-bottom:16px;color:var(--text-secondary, #666)}.dev-links[data-astro-cid-3i344vly]{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.05)}.dev-links[data-astro-cid-3i344vly] h3[data-astro-cid-3i344vly]{margin:0 0 16px;color:#667eea}.link-list[data-astro-cid-3i344vly]{display:flex;flex-direction:column;gap:12px}.link-list[data-astro-cid-3i344vly] a[data-astro-cid-3i344vly]{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s ease}.link-list[data-astro-cid-3i344vly] a[data-astro-cid-3i344vly]:not(.internal-link){color:#667eea;background:#667eea1a}.link-list[data-astro-cid-3i344vly] a[data-astro-cid-3i344vly]:not(.internal-link):hover{background:#667eea33}.link-list[data-astro-cid-3i344vly] a[data-astro-cid-3i344vly].internal-link{color:#764ba2;background:#764ba21a}.link-list[data-astro-cid-3i344vly] a[data-astro-cid-3i344vly].internal-link:hover{background:#764ba233}.feedback-section[data-astro-cid-3i344vly]{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:32px;border-radius:16px;text-align:center;margin-bottom:32px}.feedback-content[data-astro-cid-3i344vly] h2[data-astro-cid-3i344vly]{margin-bottom:16px;font-size:1.5rem}.feedback-content[data-astro-cid-3i344vly] p[data-astro-cid-3i344vly]{line-height:1.6;color:var(--text-secondary, #666);margin-bottom:16px;max-width:600px;margin-left:auto;margin-right:auto}.feedback-content[data-astro-cid-3i344vly] p[data-astro-cid-3i344vly]:last-child{margin-bottom:0}@media (max-width: 768px){.title-section[data-astro-cid-3i344vly] h1[data-astro-cid-3i344vly]{font-size:2rem}.main-whale-demo{height:500px}.interaction-grid[data-astro-cid-3i344vly]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.interaction-item[data-astro-cid-3i344vly]{padding:16px}.technical-details[data-astro-cid-3i344vly]{padding:32px 24px}.details-grid[data-astro-cid-3i344vly]{grid-template-columns:1fr}.dev-content[data-astro-cid-3i344vly]{grid-template-columns:1fr;gap:24px}}@media (max-width: 480px){.whale-page[data-astro-cid-3i344vly]{padding:0 16px}.main-whale-demo{height:400px}.interaction-grid[data-astro-cid-3i344vly]{grid-template-columns:1fr}.feedback-section[data-astro-cid-3i344vly]{padding:24px 20px}}@media (prefers-color-scheme: dark){.interaction-item[data-astro-cid-3i344vly],.detail-card[data-astro-cid-3i344vly],.dev-links[data-astro-cid-3i344vly]{background:#1a1a1a;border-color:#ffffff1a}.technical-details[data-astro-cid-3i344vly]{background:#1a1a1a}}