@charset "UTF-8";*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.right-0{right:0}.z-50{z-index:50}.grid{display:grid}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.hidden{display:none}[size~="200"]{width:50rem;height:50rem}.h-3,.h3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h1{height:.25rem}.h2{height:.5rem}.max-h-\[40vh\]{max-height:40vh}.max-w-4xl{max-width:56rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.-translate-y-2{--un-translate-y:-.5rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-0{--un-translate-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-4{--un-translate-y:1rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-100{--un-scale-x:1;--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-95{--un-scale-x:.95;--un-scale-y:.95;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.5rem * var(--un-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.5rem * var(--un-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.break-all{word-break:break-all}.border{border-width:1px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.fill-current{fill:currentColor}[stroke-width~="2"]{stroke-width:2px}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pr-2{padding-right:.5rem}.pt-4{padding-top:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.leading-relaxed{line-height:1.625}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}[placeholder~="$t("]::-moz-placeholder{color:var(--t\()}[placeholder~="$t("]::placeholder{color:var(--t\()}.source[data-v-7438e787]{margin-top:40px}.source .wrapper[data-v-7438e787]{position:relative;padding:0 20px 40px;overflow:hidden;background:linear-gradient(transparent,#18181bb3);border-radius:0 0 20px 20px}.source .wrapper .binary[data-v-7438e787]{position:absolute;bottom:-2.1rem;left:50%;width:calc(100% + 10px);height:200px;overflow:hidden;font-family:Nimbus Mono PS,Courier New,monospace;color:var(--color-foreground-subtler);word-break:break-all;pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.35;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000);transform:translate(-50%)}.source .wrapper .binary .binary-text[data-v-7438e787]{font-size:14px;line-height:1.4}.source .wrapper[data-v-7438e787]:after{position:absolute;bottom:0;left:50%;width:70%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--color-neutral-400),transparent);transform:translate(-50%)}.source .icon-container[data-v-7438e787]{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.source .icon-container .tail[data-v-7438e787]{width:1px;height:75px;background:linear-gradient(transparent,var(--color-neutral-300))}.source .icon-container .icon[data-v-7438e787]{display:flex;align-items:center;justify-content:center;width:45px;height:45px;font-size:var(--font-md);background:linear-gradient(var(--color-neutral-50),var(--color-neutral-100));border:1px solid var(--color-neutral-300);border-radius:50%}.source .title[data-v-7438e787]{font-family:var(--font-display);font-size:var(--font-lg);font-weight:600;text-align:center}.source .title span[data-v-7438e787]{background:linear-gradient(135deg,var(--color-foreground),var(--color-foreground-subtle));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.source .desc[data-v-7438e787]{margin-top:8px;color:var(--color-foreground-subtle);text-align:center}.source .button[data-v-7438e787]{display:flex;justify-content:center;margin:16px auto 0}.source .button .special-button[data-v-7438e787]{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-foreground);text-decoration:none;background:linear-gradient(var(--color-neutral-100),var(--color-neutral-50));border:1px solid var(--color-neutral-200);border-radius:50px;transition:all .2s ease}.source .button .special-button[data-v-7438e787]:hover{background:linear-gradient(var(--color-neutral-200),var(--color-neutral-100));transform:translateY(-1px)}.about[data-v-d84c0450]{padding-top:10px}.about .effect[data-v-d84c0450]{position:sticky;top:0;height:80px;background:linear-gradient(var(--color-neutral-50),transparent)}.about .paragraph[data-v-d84c0450]{padding:30px 0;background:linear-gradient(transparent,var(--color-neutral-50) 10%,var(--color-neutral-50) 90%,transparent)}.about .paragraph[data-v-d84c0450]:last-of-type{padding-bottom:0}.about .paragraph .counter[data-v-d84c0450]{width:-moz-max-content;width:max-content;padding:6px 16px;margin-bottom:16px;font-size:var(--font-xsm);color:var(--color-foreground-subtle);background:linear-gradient(var(--color-neutral-100),transparent);border:1px solid var(--color-neutral-300);border-radius:20px 20px 20px 8px}.about .paragraph .counter span[data-v-d84c0450]{font-weight:500;color:var(--color-foreground)}.about .paragraph .title[data-v-d84c0450]{margin-bottom:8px;font-family:var(--font-heading);font-size:var(--font-md);font-weight:600}.about .paragraph .body[data-v-d84c0450]{line-height:1.6;color:var(--color-foreground-subtle)}.about .button[data-v-d84c0450]{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 16px;margin-top:20px;font-size:var(--font-xsm);font-weight:500;color:var(--color-foreground);cursor:pointer;background-color:transparent;border:1px solid var(--color-neutral-200);border-radius:50px;outline:none;transition:.2s}.about .button[data-v-d84c0450]:before{position:absolute;top:-1px;left:50%;width:70%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--color-neutral-300),transparent);transform:translate(-50%)}.about .button[data-v-d84c0450]:hover,.about .button[data-v-d84c0450]:focus-visible{background-color:var(--color-neutral-100)}.about .button[data-v-d84c0450]:focus-visible{outline:2px solid var(--color-neutral-400);outline-offset:2px}.snackbar[data-v-6ba13eaf]{position:fixed;bottom:96px;left:50%;transform:translate(-50%);z-index:50;padding:12px 24px;background-color:var(--color-fg-primary);color:var(--color-bg-primary);font-size:14px;font-weight:500;border-radius:9999px;box-shadow:0 25px 50px -12px #00000040;display:flex;align-items:center;gap:12px;min-width:200px;justify-content:center;transition:background-color .3s ease,color .3s ease}.modal-overlay[data-v-9fa4da77]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:var(--color-modal-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background-color .3s ease}.modal[data-v-9fa4da77]{position:fixed;top:50%;left:50%;z-index:50;width:100%;max-height:100%;padding:50px 0;overflow-y:auto;pointer-events:none;transform:translate(-50%,-50%)}.modal-content[data-v-9fa4da77]{position:relative;width:90%;max-width:500px;padding:40px 20px 20px;margin:0 auto;pointer-events:auto;background-color:var(--color-modal-bg);border-radius:8px;border:1px solid var(--color-border-primary);transition:background-color .3s ease,border-color .3s ease}.modal-content.wide[data-v-9fa4da77]{max-width:800px}.close-button[data-v-9fa4da77]{position:absolute;top:12px;right:12px;padding:8px;border-radius:8px;background-color:var(--color-button-hover);border:1px solid var(--color-border-primary);cursor:pointer;color:var(--color-fg-muted);transition:background-color .2s ease,color .2s ease,border-color .3s ease}.close-button[data-v-9fa4da77]:hover{background-color:var(--color-button-active);color:var(--color-fg-primary)}.modal-body[data-v-9fa4da77]{color:var(--color-fg-primary);transition:color .3s ease}.floating-actions[data-v-6028408e]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:10px;pointer-events:none}.floating-actions[data-v-6028408e]>*{pointer-events:auto}.category-dropdown-container[data-v-6028408e]{position:relative;display:flex}.category-menu[data-v-6028408e]{position:absolute;bottom:calc(100% + 15px);left:0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:16px;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:-moz-max-content;width:max-content;box-shadow:var(--shadow-floating);z-index:100;transform-origin:bottom left;animation:popIn-6028408e .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn-6028408e{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.category-icon-btn[data-v-6028408e]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:20px;color:var(--color-fg-secondary);cursor:pointer;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;transition:all .2s ease}.category-icon-btn[data-v-6028408e]:hover{color:var(--color-fg-primary);background:var(--color-bg-secondary);transform:translateY(-2px)}.play-button[data-v-6028408e]{display:flex;align-items:center;justify-content:center;width:150px;height:45px;font-family:Fraunces,serif;font-size:16px;line-height:0;color:var(--color-bg-primary);cursor:pointer;background-color:var(--color-fg-primary);border:1px solid var(--color-fg-primary);border-radius:100px;transition:background-color .2s,border-color .2s,color .2s}.play-button[data-v-6028408e]:hover:not(.disabled){background-color:var(--color-fg-secondary)}.play-button[data-v-6028408e]:not(.disabled):active{transform:scale(.97)}.play-button.disabled[data-v-6028408e]{cursor:not-allowed;opacity:.5}.play-button .icon[data-v-6028408e]{font-size:18px;line-height:0;display:flex;align-items:center}.play-button .icon-svg[data-v-6028408e]{width:18px;height:18px}.play-button[data-v-6028408e]:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:2px}.action-button[data-v-6028408e]{display:flex;align-items:center;justify-content:center;width:45px;height:45px;font-family:Fraunces,serif;font-size:16px;line-height:0;color:var(--color-fg-primary);cursor:pointer;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:100px;transition:background-color .2s,border-color .2s,color .2s}.action-button.disabled[data-v-6028408e]{cursor:not-allowed;opacity:.5}.action-button[data-v-6028408e]:active:not(.disabled){transform:scale(.97)}.action-button[data-v-6028408e]:hover:not(.disabled){background-color:var(--color-bg-tertiary)}.action-button[data-v-6028408e]:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:2px}.action-button .icon-svg[data-v-6028408e]{width:18px;height:18px}.preset-dropdown-container[data-v-6028408e]{position:relative;display:flex}.preset-menu[data-v-6028408e]{position:absolute;bottom:calc(100% + 15px);right:0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;width:-moz-max-content;width:max-content;box-shadow:var(--shadow-floating);z-index:100;transform-origin:bottom right;animation:popIn-6028408e .2s cubic-bezier(.175,.885,.32,1.275)}.preset-items-list[data-v-6028408e]{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto;padding-right:4px}.preset-list-item-wrapper[data-v-6028408e]{display:flex;align-items:center;gap:8px}.preset-list-btn[data-v-6028408e]{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--color-fg-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:140px;text-align:left}.preset-list-btn[data-v-6028408e]:hover{background:var(--color-bg-secondary);transform:translateY(-2px)}.preset-list-delete-btn[data-v-6028408e]{display:flex;align-items:center;justify-content:center;padding:10px;color:var(--color-fg-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease}.preset-list-delete-btn[data-v-6028408e]:hover{color:var(--color-error);background:#ef44441a;transform:translateY(-2px)}.preset-divider[data-v-6028408e]{height:1px;background-color:var(--color-border-secondary);margin:4px 0}.preset-list-save-btn[data-v-6028408e]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;color:var(--color-bg-primary);background:var(--color-fg-primary);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%}.preset-list-save-btn[data-v-6028408e]:hover:not(:disabled){background:var(--color-fg-secondary);transform:translateY(-2px)}.preset-list-save-btn[data-v-6028408e]:disabled{opacity:.5;cursor:not-allowed}.preset-list-icon[data-v-6028408e]{width:18px;height:18px}.preset-list-label[data-v-6028408e]{font-size:14px;font-weight:500}.save-modal-content[data-v-6028408e]{display:flex;flex-direction:column;gap:16px}.save-modal-title[data-v-6028408e]{font-size:18px;font-weight:600;color:var(--color-fg-primary)}.save-modal-input[data-v-6028408e]{width:100%;padding:12px;border-radius:12px;border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-fg-primary);font-size:16px;outline:none;transition:border-color .2s ease}.save-modal-input[data-v-6028408e]:focus{border-color:var(--color-border-accent)}.save-modal-actions[data-v-6028408e]{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.save-modal-btn[data-v-6028408e]{padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.save-modal-btn.cancel[data-v-6028408e]{background:var(--color-bg-tertiary);color:var(--color-fg-primary);border:1px solid var(--color-border-primary)}.save-modal-btn.cancel[data-v-6028408e]:hover{background:var(--color-bg-secondary)}.save-modal-btn.confirm[data-v-6028408e]{background:var(--color-fg-primary);color:var(--color-bg-primary)}.save-modal-btn.confirm[data-v-6028408e]:hover:not(:disabled){background:var(--color-fg-secondary);transform:translateY(-2px)}.save-modal-btn.confirm[data-v-6028408e]:disabled{opacity:.5;cursor:not-allowed}.sound-card[data-v-c40250f1]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 20px;text-align:center;cursor:pointer;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;transition:background-color .2s,border-color .2s,box-shadow .2s}.sound-card[data-v-c40250f1]:not(.selected):before{position:absolute;top:-1px;left:0;width:100%;height:1px;content:"";background:var(--color-card-top-line)}.sound-card[data-v-c40250f1]:hover{background:var(--color-card-bg-hover)}.sound-card.selected[data-v-c40250f1]{border:1px solid transparent;box-shadow:0 0 0 1px var(--color-card-selected-border)}.favorite-button[data-v-c40250f1]{position:absolute;top:8px;right:8px;padding:6px;border-radius:50%;transition:all .2s;opacity:1;background-color:var(--color-button-hover);border:none;cursor:pointer;color:var(--color-fg-muted)}.favorite-button.favorite[data-v-c40250f1]{color:#ef4444;background-color:#ef44441a}.favorite-button[data-v-c40250f1]:hover{color:var(--color-fg-secondary);background-color:var(--color-button-active)}.content[data-v-c40250f1]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px 0}.icon[data-v-c40250f1]{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:16px;color:var(--color-fg-muted);transition:.2s;background-color:var(--color-fg-primary);border-radius:50%}.icon[data-v-c40250f1]:before{position:absolute;top:-1px;left:-1px;z-index:-2;width:calc(100% + 2px);height:calc(100% + 2px);content:"";background:linear-gradient(var(--color-border-secondary),var(--color-bg-secondary));border-radius:50%}.icon.selected[data-v-c40250f1]{color:var(--color-bg-primary);background-color:var(--color-fg-primary)}.icon.selected[data-v-c40250f1]:before{background:linear-gradient(var(--color-fg-primary),var(--color-bg-secondary))}.icon.loading[data-v-c40250f1]{color:var(--color-fg-secondary)}.label[data-v-c40250f1]{font-size:14px;font-weight:500;color:var(--color-fg-primary);transition:.2s}.sound-card:hover .label[data-v-c40250f1],.label.selected[data-v-c40250f1]{color:var(--color-fg-secondary)}.volume-container[data-v-c40250f1]{width:100%;height:20px;margin-top:8px;padding:0 4px;transition:visibility .2s,opacity .2s}.volume-container.visible[data-v-c40250f1]{visibility:visible;opacity:1}.volume-slider[data-v-c40250f1]{width:100%;height:4px;background:var(--color-border-secondary);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:opacity .2s}.volume-slider[data-v-c40250f1]:disabled{cursor:default;opacity:.5}.volume-slider[data-v-c40250f1]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;background-color:var(--color-border-secondary);border:1px solid var(--color-border-accent);border-radius:50%;cursor:pointer}.volume-slider[data-v-c40250f1]::-moz-range-thumb{width:14px;height:14px;background-color:var(--color-border-secondary);border:1px solid var(--color-border-accent);border-radius:50%;cursor:pointer}.category-section[data-v-c10796b1]{margin-bottom:20px}.category-section[data-v-c10796b1]:not(:last-of-type){margin-bottom:20px}.icon-container[data-v-c10796b1]{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.icon-container .tail[data-v-c10796b1]{width:1px;height:75px;background:linear-gradient(transparent,var(--color-category-tail))}.icon-container .icon[data-v-c10796b1]{display:flex;align-items:center;justify-content:center;width:45px;height:45px;font-size:18px;background:linear-gradient(var(--color-category-icon-bg-from),var(--color-category-icon-bg-to));border:1px solid var(--color-category-icon-border);border-radius:50%;color:var(--color-category-icon-fg);transition:background .3s ease,border-color .3s ease,color .3s ease}.title[data-v-c10796b1]{font-family:Fraunces,serif;font-size:20px;font-weight:600;text-align:center;color:var(--color-fg-primary);transition:color .3s ease}.sounds-grid[data-v-c10796b1]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 640px){.sounds-grid[data-v-c10796b1]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.sounds-grid[data-v-c10796b1]{grid-template-columns:repeat(4,1fr)}}.light .logo[data-v-447774c9]{background:var(--color-fg-tertiary);border-radius:999px}.hero[data-v-447774c9]{text-align:center}.hero .wrapper[data-v-447774c9]{position:relative;padding:120px 0 80px}.hero .wrapper .pattern[data-v-447774c9]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-image:radial-gradient(var(--color-neutral-500) 5%,transparent 5%);background-position:top center;background-size:21px 21px;opacity:.8;-webkit-mask-image:linear-gradient(#fff,transparent,transparent);mask-image:linear-gradient(#fff,transparent,transparent)}.hero .wrapper .pattern[data-v-447774c9]:before{position:absolute;top:0;left:50%;width:300px;height:100px;content:"";background:var(--color-neutral-200);filter:blur(50px);border-radius:100%;opacity:.8;transform:translate(-50%,-50%)}.hero .logo-wrapper[data-v-447774c9]{-webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.4),rgba(0,0,0,.05));mask-image:linear-gradient(#000,#0006,#0000000d);color:var(--color-fg-primary)}.hero .logo-wrapper .logo[data-v-447774c9]{display:block;width:64px;margin:0 auto 20px;opacity:1}.hero .title[data-v-447774c9]{font-family:var(--font-display);font-size:var(--font-xlg);font-weight:600;line-height:1.1}.hero .title .line[data-v-447774c9]{display:block;margin-top:2px;background:linear-gradient(var(--color-foreground-subtler),var(--color-foreground-subtle));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .desc[data-v-447774c9]{margin-top:12px;line-height:1.6;color:var(--color-foreground-subtle)}.hero .sounds[data-v-447774c9]{position:relative;display:flex;-moz-column-gap:8px;column-gap:8px;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;height:28px;padding-right:12px;margin:20px auto 0;font-size:var(--font-xsm);color:var(--color-foreground-subtle);background:linear-gradient(var(--color-neutral-100),transparent);border:1px solid var(--color-neutral-200);border-radius:100px}.hero .sounds .icon[data-v-447774c9]{display:flex;align-items:center;justify-content:center;height:100%;padding:0 10px;color:var(--color-foreground);border-right:1px solid var(--color-neutral-200);border-radius:0 100px 100px 0}.hero .sounds[data-v-447774c9]:before{position:absolute;top:-1px;left:50%;width:70%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--color-neutral-400),transparent);transform:translate(-50%)}.menu-toggle-button[data-v-83f3bfab]{padding:8px;border-radius:8px;background-color:var(--color-button-hover);border:1px solid var(--color-border-primary);cursor:pointer;color:var(--color-fg-secondary);transition:background-color .2s ease,color .2s ease,border-color .3s ease}.menu-toggle-button[data-v-83f3bfab]:hover,.menu-toggle-button.active[data-v-83f3bfab]{background-color:var(--color-button-active)}.menu-dropdown[data-v-83f3bfab]{background-color:var(--color-modal-bg);border:1px solid var(--color-border-primary);max-height:calc(100vh - 100px);overflow-y:auto;transition:background-color .3s ease,border-color .3s ease}.menu-dropdown[data-v-83f3bfab]::-webkit-scrollbar{width:4px}.menu-dropdown[data-v-83f3bfab]::-webkit-scrollbar-track{background:transparent}.menu-dropdown[data-v-83f3bfab]::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:10px}.menu-section-title[data-v-83f3bfab]{padding:8px 16px;font-size:12px;font-weight:700;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.menu-item[data-v-83f3bfab]{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:14px;color:var(--color-fg-secondary);background-color:transparent;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.menu-item[data-v-83f3bfab]:hover:not(.disabled){background-color:var(--color-button-hover);color:var(--color-fg-primary)}.menu-item .menu-shortcut[data-v-83f3bfab]{margin-left:auto;font-size:10px;color:var(--color-fg-muted);font-family:monospace;transition:color .3s ease}.menu-divider[data-v-83f3bfab]{height:1px;background-color:var(--color-border-primary);margin:8px 0;transition:background-color .3s ease}.app-container[data-v-136cfca2]{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-fg-primary);transition:background-color .3s ease,color .3s ease}.header[data-v-136cfca2]{position:sticky;top:0;z-index:40;background-color:var(--color-bg-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-primary);transition:background-color .3s ease,border-color .3s ease}.header-content[data-v-136cfca2]{display:flex;align-items:center;justify-content:space-between;height:64px}.logo-section[data-v-136cfca2]{display:flex;align-items:center;gap:8px}.logo-image[data-v-136cfca2]{width:32px;height:32px;border-radius:8px}.app-title[data-v-136cfca2]{font-size:20px;font-weight:700;letter-spacing:-.025em;color:var(--color-fg-primary);transition:color .3s ease}.header-actions[data-v-136cfca2]{display:flex;align-items:center;gap:16px}.theme-toggle-button[data-v-136cfca2]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:var(--color-button-hover);border:1px solid var(--color-border-primary);border-radius:8px;cursor:pointer;transition:background-color .2s ease,border-color .3s ease}.theme-toggle-button[data-v-136cfca2]:hover{background-color:var(--color-button-active)}.theme-toggle-button .theme-icon[data-v-136cfca2]{width:18px;height:18px;color:var(--color-fg-secondary);transition:color .2s ease}.theme-toggle-button:hover .theme-icon[data-v-136cfca2]{color:var(--color-fg-primary)}.volume-control[data-v-136cfca2]{display:none}@media (min-width: 640px){.volume-control[data-v-136cfca2]{display:flex}}.volume-control[data-v-136cfca2]{align-items:center;gap:12px;padding:6px 12px;background-color:var(--color-button-hover);border-radius:9999px;border:1px solid var(--color-border-primary);transition:background-color .3s ease,border-color .3s ease}.volume-control:hover .volume-icon[data-v-136cfca2]{color:var(--color-fg-primary)}.volume-icon[data-v-136cfca2]{width:16px;height:16px;color:var(--color-fg-muted);transition:color .2s ease}.volume-slider[data-v-136cfca2]{width:80px;height:4px;background:var(--color-bg-tertiary);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;accent-color:var(--color-fg-primary);transition:background-color .3s ease}.volume-slider[data-v-136cfca2]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-fg-primary);border-radius:50%;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.main-content[data-v-136cfca2]{padding:48px 0 128px}.footer[data-v-136cfca2]{padding:48px 0;border-top:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);transition:background-color .3s ease,border-color .3s ease}.footer-content[data-v-136cfca2]{text-align:center}.footer-text[data-v-136cfca2]{color:var(--color-fg-muted);font-size:14px;transition:color .3s ease}:root,:root.dark{--color-neutral-50: #09090b;--color-neutral-100: #18181b;--color-neutral-200: #27272a;--color-neutral-300: #3f3f46;--color-neutral-400: #52525b;--color-neutral-500: #71717a;--color-neutral-600: #a1a1aa;--color-neutral-700: #d4d4d8;--color-neutral-800: #e4e4e7;--color-neutral-900: #f4f4f5;--color-neutral-950: #fafafa;--card-bg-rgb: 24, 24, 27;--modal-overlay-rgb: 9, 9, 11;--button-hover-rgb: 255, 255, 255;--button-active-rgb: 255, 255, 255;--color-bg-primary: var(--color-neutral-50);--color-bg-secondary: var(--color-neutral-100);--color-bg-tertiary: var(--color-neutral-200);--color-fg-primary: var(--color-neutral-950);--color-fg-secondary: var(--color-neutral-700);--color-fg-tertiary: var(--color-neutral-600);--color-fg-muted: var(--color-neutral-500);--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-neutral-300);--color-border-accent: var(--color-neutral-400);--color-card-bg: linear-gradient(rgba(24, 24, 27, .5), transparent);--color-card-bg-hover: rgba(39, 39, 42, .5);--color-card-border: var(--color-neutral-200);--color-card-selected-border: var(--color-neutral-800);--color-card-top-line: linear-gradient(90deg, transparent, #52525b, transparent);--color-modal-overlay: rgba(9, 9, 11, .4);--color-modal-bg: var(--color-neutral-100);--color-button-hover: rgba(255, 255, 255, .05);--color-button-active: rgba(255, 255, 255, .1);--color-scrollbar-track: var(--color-neutral-100);--color-scrollbar-thumb: var(--color-neutral-400);--color-scrollbar-thumb-hover: var(--color-neutral-500);--color-selection-bg: var(--color-neutral-300);--color-logo-from: var(--color-neutral-950);--color-logo-to: var(--color-neutral-100);--color-category-icon-bg-from: var(--color-neutral-950);--color-category-icon-bg-to: var(--color-neutral-100);--color-category-icon-border: var(--color-neutral-300);--color-category-icon-fg: var(--color-neutral-950);--color-category-tail: var(--color-neutral-300);--color-primary: #3b82f6;--color-secondary: #64748b;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444}:root.light{--color-neutral-50: #fafafa;--color-neutral-100: #f4f4f5;--color-neutral-200: #e4e4e7;--color-neutral-300: #d4d4d8;--color-neutral-400: #a1a1aa;--color-neutral-500: #71717a;--color-neutral-600: #52525b;--color-neutral-700: #3f3f46;--color-neutral-800: #27272a;--color-neutral-900: #18181b;--color-neutral-950: #09090b;--card-bg-rgb: 244, 244, 245;--modal-overlay-rgb: 250, 250, 250;--button-hover-rgb: 0, 0, 0;--button-active-rgb: 0, 0, 0;--color-bg-primary: var(--color-neutral-50);--color-bg-secondary: var(--color-neutral-100);--color-bg-tertiary: var(--color-neutral-200);--color-fg-primary: var(--color-neutral-950);--color-fg-secondary: var(--color-neutral-700);--color-fg-tertiary: var(--color-neutral-600);--color-fg-muted: var(--color-neutral-500);--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-neutral-300);--color-border-accent: var(--color-neutral-400);--color-card-bg: linear-gradient(rgba(244, 244, 245, .5), transparent);--color-card-bg-hover: rgba(228, 228, 231, .5);--color-card-border: var(--color-neutral-200);--color-card-selected-border: var(--color-neutral-800);--color-card-top-line: linear-gradient(90deg, transparent, #a1a1aa, transparent);--color-modal-overlay: rgba(250, 250, 250, .6);--color-modal-bg: var(--color-neutral-100);--color-button-hover: rgba(0, 0, 0, .05);--color-button-active: rgba(0, 0, 0, .1);--color-scrollbar-track: var(--color-neutral-100);--color-scrollbar-thumb: var(--color-neutral-400);--color-scrollbar-thumb-hover: var(--color-neutral-500);--color-selection-bg: var(--color-neutral-300);--color-logo-from: var(--color-neutral-950);--color-logo-to: var(--color-neutral-100);--color-category-icon-bg-from: var(--color-neutral-950);--color-category-icon-bg-to: var(--color-neutral-100);--color-category-icon-border: var(--color-neutral-300);--color-category-icon-fg: var(--color-neutral-950);--color-category-tail: var(--color-neutral-300);--color-primary: #3b82f6;--color-secondary: #64748b;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-fg-primary);background-color:var(--color-bg-primary);min-height:100vh;width:100vw;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;touch-action:manipulation}#app{width:100%;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:#0b63f3}button{cursor:pointer;font-family:inherit;border:none;outline:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:.375rem}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:.375rem}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}::-moz-selection{color:var(--color-fg-primary);background-color:var(--color-selection-bg)}::selection{color:var(--color-fg-primary);background-color:var(--color-selection-bg)}.modal-overlay{background-color:var(--color-modal-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--color-modal-bg);border-radius:8px;border:1px solid var(--color-border-primary)}.theme-transition,.theme-transition *,.theme-transition *:before,.theme-transition *:after{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease!important}body{margin:0;background-color:var(--color-bg-primary);color:var(--color-fg-primary);transition:background-color .3s ease,color .3s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-fg-primary);border-radius:50%;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--color-fg-primary);border-radius:50%;cursor:pointer;border:none;-moz-transition:background-color .3s ease;transition:background-color .3s ease}