.canvas[data-v-1cd5733e]{--bg: #F6F7F2;--text: #333;--surface: #ffffff;--overlay: rgba(0, 0, 0, .06);--btn-bg: rgba(0, 0, 0, .08);--btn-hover: rgba(0, 0, 0, .14);width:100%;height:100vh;background-color:var(--bg);display:flex;justify-content:center;align-items:center;position:relative;transition:background-color .4s ease}.canvas.dark-mode[data-v-1cd5733e]{--bg: #1a1a1a;--text: #e0e0e0;--surface: #2a2a2a;--overlay: rgba(255, 255, 255, .06);--btn-bg: rgba(255, 255, 255, .1);--btn-hover: rgba(255, 255, 255, .18)}.btn-icon[data-v-1cd5733e]{position:fixed;z-index:10;background:var(--btn-bg);border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-icon[data-v-1cd5733e]:hover{background:var(--btn-hover)}.btn-top-left[data-v-1cd5733e]{top:16px;left:16px}.btn-top-right[data-v-1cd5733e]{top:16px;right:16px}.btn-bottom-left[data-v-1cd5733e]{bottom:16px;left:16px}.btn-bottom-right[data-v-1cd5733e]{bottom:16px;right:16px}.info-overlay[data-v-1cd5733e]{position:fixed;bottom:64px;right:16px;z-index:10;max-width:280px;background:var(--surface);border-radius:12px;padding:16px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.info-overlay p[data-v-1cd5733e]{margin:0 0 8px;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.5;color:var(--text);opacity:.7}.info-overlay p[data-v-1cd5733e]:last-child{margin-bottom:0}.replay-bar[data-v-1cd5733e]{position:fixed;bottom:16px;left:64px;z-index:10;background:var(--surface);border-radius:12px;padding:10px 14px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:6px}.replay-scrubber[data-v-1cd5733e]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--overlay);border-radius:2px;outline:none;cursor:pointer}.replay-scrubber[data-v-1cd5733e]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text);cursor:pointer}.replay-info[data-v-1cd5733e]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);font-family:Avenir,Helvetica,Arial,sans-serif}.replay-counter[data-v-1cd5733e]{opacity:.6}.replay-date[data-v-1cd5733e]{opacity:.4;font-size:11px}.speed-controls[data-v-1cd5733e]{display:flex;gap:4px}.speed-btn[data-v-1cd5733e]{background:var(--btn-bg);border:none;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;color:var(--text);transition:background .15s}.speed-btn.active[data-v-1cd5733e]{background:var(--text);color:var(--bg)}.replay-pause[data-v-1cd5733e]{background:none;border:none;cursor:pointer;font-size:12px;color:var(--text);padding:2px 4px}.branding[data-v-1cd5733e]{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:.06em;color:var(--text);opacity:.3;white-space:nowrap}.onboarding[data-v-1cd5733e]{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:20;cursor:pointer;animation:fadeHint-1cd5733e 6s ease-in-out forwards}.onboarding-content[data-v-1cd5733e]{background:var(--surface);color:var(--text);padding:10px 20px;border-radius:20px;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:14px;box-shadow:0 2px 12px #0000001a;white-space:nowrap}@media (max-width: 959px){.onboarding[data-v-1cd5733e]{top:0;left:0;right:0;bottom:0;transform:none;display:flex;align-items:center;justify-content:center;background:var(--bg)}.onboarding-content[data-v-1cd5733e]{background:none;box-shadow:none;font-size:18px;opacity:.5}}@keyframes fadeHint-1cd5733e{0%{opacity:0}10%{opacity:1}30%{opacity:.6}50%{opacity:1}70%{opacity:.6}90%{opacity:1}to{opacity:0}}.share-overlay[data-v-1cd5733e]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:24px}.share-panel[data-v-1cd5733e]{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:320px;width:100%}.share-preview-img[data-v-1cd5733e]{width:100%;border-radius:12px;box-shadow:0 8px 40px #0000004d}.share-actions[data-v-1cd5733e]{display:flex;gap:12px;width:100%}.share-btn[data-v-1cd5733e]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.share-btn[data-v-1cd5733e]:active{transform:scale(.96)}.share-btn-secondary[data-v-1cd5733e]{background:#ffffff1f;color:#fff}.share-btn-secondary[data-v-1cd5733e]:hover{background:#ffffff2e}.share-btn-primary[data-v-1cd5733e]{background:#fff;color:#1a1a1a}.share-btn-primary[data-v-1cd5733e]:hover{opacity:.9}.overlay-enter-active[data-v-1cd5733e]{transition:opacity .25s ease}.overlay-leave-active[data-v-1cd5733e]{transition:opacity .2s ease}.overlay-enter-from[data-v-1cd5733e],.overlay-leave-to[data-v-1cd5733e]{opacity:0}.toast[data-v-1cd5733e]{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:200;background:var(--surface);color:var(--text);padding:10px 20px;border-radius:20px;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:14px;box-shadow:0 4px 20px #00000026;white-space:nowrap;pointer-events:none}.toast-enter-active[data-v-1cd5733e]{transition:all .3s ease}.toast-leave-active[data-v-1cd5733e]{transition:all .2s ease}.toast-enter-from[data-v-1cd5733e]{opacity:0;transform:translate(-50%) translateY(12px)}.toast-leave-to[data-v-1cd5733e]{opacity:0;transform:translate(-50%) translateY(-8px)}.dot-grid[data-v-1cd5733e]{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:space-evenly;height:100%;max-width:480px;margin:0 auto}.item[data-v-1cd5733e]{width:33.333%;display:flex;justify-content:center;align-items:center}.dot[data-v-1cd5733e]{width:75px;height:75px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color .6s cubic-bezier(.74,-.46,0,1.13)}.dot.pulse[data-v-1cd5733e]{animation:pulseHint-1cd5733e 2s ease-in-out infinite}@keyframes pulseHint-1cd5733e{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}input[type=color][data-v-1cd5733e]{height:200px;width:200px;opacity:0;cursor:pointer;border:none;padding:0}@media (max-width: 959px){.dot-grid[data-v-1cd5733e]{padding:5% 10%}}@media (max-width: 375px){.dot[data-v-1cd5733e]{width:60px;height:60px}}@media (min-width: 960px){.dot-grid[data-v-1cd5733e]{max-width:640px}.dot[data-v-1cd5733e]{width:125px;height:125px}}@media (max-height: 750px){.dot[data-v-1cd5733e]{width:60px!important;height:60px!important}}@media (max-height: 600px){.dot[data-v-1cd5733e]{width:50px!important;height:50px!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}