*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#06111b;color:#f4f3e8;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}#water{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}.brand{position:fixed;left:max(30px,env(safe-area-inset-left));top:max(25px,env(safe-area-inset-top));pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 2px 18px #061e2590;transition:opacity .7s}.brand strong{display:block;font-family:Songti SC,"Noto Serif CJK SC",serif;font-size:26px;letter-spacing:.35em;font-weight:400}.brand span{display:block;margin-top:9px;font-size:9px;letter-spacing:.28em;opacity:.65}.actions{position:fixed;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:flex;gap:9px;transition:opacity .6s}.icon{width:38px;height:38px;border:1px solid #ffffff27;background:#10262038;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.icon:hover{background:#ffffff28}.icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.panel{position:fixed;right:24px;top:75px;width:255px;padding:22px;border-radius:18px;background:#0b1824ec;border:1px solid #ffffff26;box-shadow:0 15px 60px #051e2040;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:none}.panel{max-height:calc(100vh - 98px);max-height:calc(100dvh - 98px);overflow-y:auto;overscroll-behavior:contain}.panel.open{display:block}.panel h2{font-size:13px;font-weight:500;letter-spacing:.12em;margin:0 0 20px}.setting{margin:17px 0}.setting label{display:flex;justify-content:space-between;font-size:12px;color:#eff4ebbf}.setting output{color:#fff;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:3px;accent-color:#cbdcbd;margin:16px 0 5px;cursor:pointer}.presets{display:flex;gap:6px;margin:0 0 21px}.presets button{flex:1;border:1px solid #ffffff22;border-radius:8px;background:transparent;padding:8px 0;font-size:11px}.presets button.on{background:#cbdcbd24;border-color:#cbdcbd80}.btn{width:100%;background:#cbdcbd1f;border:1px solid #cbdcbd45;border-radius:9px;padding:10px;font-size:12px;margin-top:7px}.note{margin:17px 0 0;font-size:10px;line-height:1.8;color:#d4e3d28c}.hint{position:fixed;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);font-size:11px;letter-spacing:.13em;white-space:nowrap;color:#ffffffe0;text-shadow:0 2px 10px #092024;pointer-events:none;transition:opacity 1.5s}.hint.dim{opacity:0}.hidden-ui .brand,.hidden-ui .actions,.hidden-ui .panel,.hidden-ui .hint{opacity:0;pointer-events:none}.loading{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#08131e;z-index:100;transition:opacity .8s}.loading.gone{opacity:0;pointer-events:none}.loading strong{font-family:Songti SC,serif;font-size:27px;font-weight:400;letter-spacing:.3em}.loading p{font-size:12px;line-height:1.8;max-width:330px;opacity:.8}.loading button{background:#ffffff18;border:1px solid #ffffff45;border-radius:9px;padding:9px 15px}.spinner{margin:0 auto 25px;border:1px solid #ffffff24;border-top-color:#d9e3c9;border-radius:50%;width:26px;height:26px;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:600px){.brand{left:21px;top:22px}.brand strong{font-size:22px}.actions{right:17px;top:20px}.panel{right:16px;top:68px;width:244px}.hint{font-size:10px;letter-spacing:.04em;bottom:28px}}.hidden-ui .brand,.hidden-ui .actions,.hidden-ui .panel,.hidden-ui .hint{visibility:hidden}body:not(.hidden-ui) .brand,body:not(.hidden-ui) .actions{visibility:visible}.brand strong{font-size:23px;letter-spacing:.29em;color:#e2eaf0}.brand span{color:#aabdc8}.panel{width:276px;border-color:#c2d9f02b;scrollbar-width:thin;scrollbar-color:#435869 transparent}.panel h2{color:#dce9f3;letter-spacing:.17em}.setting label{color:#c7d5e1}select{width:100%;margin-top:10px;background:#172b3a;color:#e5edf4;border:1px solid #cadcf52b;border-radius:7px;padding:8px 9px;font:inherit;font-size:12px}.check{display:flex;align-items:center;justify-content:space-between;margin:17px 0;font-size:12px;color:#c7d5e1}.check input{accent-color:#adc3d6;width:16px;height:16px}.note{color:#96aab9}.presets button.on{background:#a0bdd02b;border-color:#a6c9e56b}.btn{background:#9abdd019;border-color:#b6d6ed35}.loading.gone{visibility:hidden}.spinner{border-top-color:#adcce8}.loading strong{font-size:25px}@media(max-width:600px){.panel{width:252px}.brand strong{font-size:20px}}#instructions{white-space:pre-line}