body{margin:0;overflow:hidden;background-color:#000;font-family:Microsoft YaHei,sans-serif;touch-action:none}canvas:where(.astro-fy4zsoe4){display:block;width:100vw;height:100vh}#intro-layer:where(.astro-fy4zsoe4){position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:100;display:flex;justify-content:center;align-items:center;color:#ffffffe6;font-size:24px;letter-spacing:4px;font-weight:300;pointer-events:none;opacity:1;transition:opacity 1s}.breathing:where(.astro-fy4zsoe4){animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1.05);text-shadow:0 0 15px rgba(255,255,255,.5)}to{opacity:.3;transform:scale(.95)}}.error-style:where(.astro-fy4zsoe4){color:#f33;font-weight:700;text-shadow:0 0 20px rgba(255,0,0,.8);line-height:1.5}#ui-layer:where(.astro-fy4zsoe4){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;transition:opacity .5s;width:100%;pointer-events:auto;opacity:0;display:none}input:where(.astro-fy4zsoe4){padding:15px 20px;font-size:18px;border-radius:30px;border:2px solid rgba(255,255,255,.3);background:#000c;color:#fff;outline:none;text-align:center;width:60%;max-width:300px;margin-bottom:20px;box-shadow:0 0 15px #ffffff1a}button:where(.astro-fy4zsoe4){padding:12px 50px;font-size:18px;border-radius:30px;border:none;background:linear-gradient(45deg,#ff4d4d,#ff8c00);color:#fff;cursor:pointer;font-weight:700;box-shadow:0 0 20px #ff4d4d80;transition:transform .1s}button:where(.astro-fy4zsoe4):active{transform:scale(.95)}#disclaimer:where(.astro-fy4zsoe4){margin-top:25px;font-size:12px;color:#ffffff4d;width:80%;margin-left:auto;margin-right:auto;line-height:1.5}#hint:where(.astro-fy4zsoe4){position:absolute;bottom:10%;width:100%;text-align:center;color:#fff9;font-size:14px;pointer-events:none;opacity:0;transition:opacity 1s;letter-spacing:2px}#touch-hint:where(.astro-fy4zsoe4){position:absolute;bottom:12%;width:100%;text-align:center;color:#ffffff80;font-size:13px;pointer-events:none;opacity:0;transition:opacity 1s;letter-spacing:1px;z-index:19;text-shadow:0 0 5px rgba(0,0,0,.8)}#controls-layer:where(.astro-fy4zsoe4){position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;opacity:1;transition:opacity 1.5s;pointer-events:none}.control-btn:where(.astro-fy4zsoe4){pointer-events:auto;display:inline-block;padding:8px 16px;font-size:14px;color:#fffc;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;cursor:pointer;backdrop-filter:blur(4px);transition:all .3s;text-decoration:none;box-shadow:none;background-image:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}.initially-hidden:where(.astro-fy4zsoe4){opacity:0;pointer-events:none;transition:opacity .8s ease-out}#btn-auto:where(.astro-fy4zsoe4),#btn-blog:where(.astro-fy4zsoe4),#btn-share:where(.astro-fy4zsoe4){position:absolute}.reveal-btn:where(.astro-fy4zsoe4){opacity:1!important;pointer-events:auto!important}.control-btn:where(.astro-fy4zsoe4):hover{background:#ffffff40;color:#fff;border-color:#ffffff80}.control-btn:where(.astro-fy4zsoe4):active{background:#fff6}.control-btn:where(.astro-fy4zsoe4).active{background:#ffa50040;border-color:#ffbe50b3;color:#fff;box-shadow:0 0 10px #ffa50033}#share-overlay:where(.astro-fy4zsoe4){position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:200;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(2px)}#share-overlay:where(.astro-fy4zsoe4).show{opacity:1;pointer-events:auto}.share-box:where(.astro-fy4zsoe4){width:85%;max-width:400px;background:#1e1e1ee6;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:25px;text-align:center;color:#fff;position:relative;box-shadow:0 10px 30px #00000080;transform:scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}#share-overlay:where(.astro-fy4zsoe4).show .share-box:where(.astro-fy4zsoe4){transform:scale(1)}.close-btn:where(.astro-fy4zsoe4){position:absolute;top:15px;right:20px;font-size:24px;color:#ffffff80;cursor:pointer;font-family:sans-serif;transition:color .2s}.close-btn:where(.astro-fy4zsoe4):hover{color:#fff}.share-title:where(.astro-fy4zsoe4){margin:0 0 15px;font-size:18px;letter-spacing:1px;color:#ffffffe6}.share-desc:where(.astro-fy4zsoe4){font-size:13px;color:#ffffff80;margin-bottom:15px;line-height:1.4}.share-input-group:where(.astro-fy4zsoe4){margin-bottom:10px;text-align:left}.share-label:where(.astro-fy4zsoe4){font-size:12px;color:#fff9;margin-left:5px;margin-bottom:5px;display:block}.share-input-area:where(.astro-fy4zsoe4){width:100%;box-sizing:border-box;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;padding:10px;font-size:15px;font-family:inherit;resize:none;outline:none}.share-input-area:where(.astro-fy4zsoe4):focus{border-color:#ffffff80}.modal-btn:where(.astro-fy4zsoe4){padding:8px 25px;border-radius:20px;font-size:14px;cursor:pointer;border:none;font-weight:700;color:#fff;transition:all .2s;margin-top:10px}.btn-gen:where(.astro-fy4zsoe4){background:linear-gradient(45deg,#ff8c00,#ff4d4d);box-shadow:0 0 10px #ff4d4d4d}.modal-btn:where(.astro-fy4zsoe4):active{transform:scale(.95)}.result-container:where(.astro-fy4zsoe4){display:none;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.result-column:where(.astro-fy4zsoe4){display:flex;flex-direction:column;gap:8px;align-items:center}.link-output:where(.astro-fy4zsoe4){width:100%;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;padding:10px;font-size:12px;outline:none;word-break:break-all;height:auto;text-align:left}.copy-hint-text:where(.astro-fy4zsoe4){font-size:12px;color:#fff6}.volume-container:where(.astro-fy4zsoe4){position:absolute;pointer-events:auto;display:flex;justify-content:center;align-items:center;opacity:1;z-index:25}#volume-trigger-btn:where(.astro-fy4zsoe4){width:40px;height:36px;display:flex;justify-content:center;align-items:center;font-size:18px;padding:0}#volume-panel-vertical:where(.astro-fy4zsoe4){position:absolute;bottom:50px;left:50%;transform:translate(-50%) translateY(20px) scale(.9);width:140px;height:140px;background:transparent;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:20px;padding-bottom:10px;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:100}#volume-panel-vertical:where(.astro-fy4zsoe4).show{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.vol-slider-wrap:where(.astro-fy4zsoe4){height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:30px}.vol-icon-small:where(.astro-fy4zsoe4){font-size:12px;color:#fffc;margin-top:10px;text-shadow:0 0 2px rgba(0,0,0,.5)}.range-holder:where(.astro-fy4zsoe4){width:30px;height:100px;display:flex;align-items:center;justify-content:center}input:where(.astro-fy4zsoe4)[type=range].vertical-range-transform{-webkit-appearance:none;width:100px;height:20px;background:transparent;transform:rotate(-90deg);outline:none;cursor:pointer}input:where(.astro-fy4zsoe4)[type=range].vertical-range-transform::-webkit-slider-runnable-track{width:100%;height:2px;background:#ffffff4d;border-radius:1px;border:none}input:where(.astro-fy4zsoe4)[type=range].vertical-range-transform::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:#fff;margin-top:-6px;box-shadow:0 0 5px #0000004d;border:none}