.server-time{-webkit-backdrop-filter:blur(20px)saturate(1.6);color:#00000080;background:#ffffff73;border:1px solid #ffffff80;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:10px 20px;font-size:14px;display:flex;box-shadow:0 4px 16px #1f26870d,inset 0 1px #fff6}.time-icon{color:#2196f3;opacity:.7;flex-shrink:0}.time-text{color:#000000a6;letter-spacing:.5px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-weight:500}.time-tz{color:#00000047;font-size:12px}.container{z-index:1;width:100%;max-width:480px;margin:0 auto;padding:60px 20px;position:relative}h1{text-align:center;color:#0000;letter-spacing:.5px;background:linear-gradient(135deg,#1565c0,#0097a7);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.desc{text-align:center;color:#0006;margin-bottom:24px;font-size:14px}.card{-webkit-backdrop-filter:blur(24px)saturate(1.8);background:#ffffff8c;border:1px solid #fff9;border-radius:16px;padding:28px 24px;transition:box-shadow .3s;box-shadow:0 8px 32px #1f268712,inset 0 1px #ffffff80}.card:hover{box-shadow:0 8px 40px #1f26871a,inset 0 1px #fff9}.input{-webkit-backdrop-filter:blur(8px);color:#1a1a2e;background:#fff9;border:1.5px solid #00000014;border-radius:10px;outline:none;width:100%;padding:14px 18px;font-size:15px;transition:all .3s}.input::placeholder{color:#00000040}.input:focus{background:#fffc;border-color:#2196f380;box-shadow:0 0 0 3px #2196f31a}.btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#2196f3,#00bcd4);border:none;border-radius:10px;width:100%;margin-top:16px;padding:14px;font-size:15px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #2196f359}.btn:active{transform:translateY(0);box-shadow:0 2px 10px #2196f340}.btn:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#90caf9,#80deea);transform:none}.btn:disabled:before{display:none}.error{color:#e53935;text-align:center;background:#e5393514;border:1px solid #e539351f;border-radius:8px;margin-top:16px;padding:10px 16px;font-size:14px}.result{-webkit-backdrop-filter:blur(24px)saturate(1.8);text-align:center;background:#ffffff8c;border:1px solid #fff9;border-radius:16px;margin-top:24px;padding:28px 24px;box-shadow:0 8px 32px #1f268712,inset 0 1px #ffffff80}.date{color:#0006;margin-bottom:16px;font-size:14px}.pwd-box{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.pwd-text{word-break:break-all;text-align:center;letter-spacing:1px;-webkit-user-select:none;user-select:none;color:#1a1a2e;background:#fff9;border:1px solid #ffffff80;border-radius:8px;min-width:120px;padding:10px 18px;font-size:18px;font-weight:600}.pwd-masked{letter-spacing:2px;color:#0006}.icon-btn{color:#00000073;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #ffffff80;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.icon-btn:hover{color:#1565c0;background:#2196f31f;border-color:#2196f34d;box-shadow:0 2px 8px #2196f326}.copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#26a69a,#00bcd4);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 18px;font-size:13px;font-weight:500;transition:all .25s;display:flex}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 2px 12px #26a69a59}.copy-btn:active{transform:translateY(0)}.hint{color:#00000047;margin-top:14px;font-size:12px}.footer{text-align:center;color:#0000004d;margin-top:48px;font-size:13px}.footer a{color:#1565c0;text-decoration:none;transition:color .2s}.footer a:hover{color:#0d47a1;text-decoration:underline}.footer-divider{color:#00000026;margin:0 8px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{color:#1a1a2e;background:linear-gradient(135deg,#e8f4fd 0%,#f0f8ff 30%,#e0f7fa 60%,#f5faff 100%);justify-content:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex}#app{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.bg-orbs{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-orbs:before,.bg-orbs:after{content:"";filter:blur(80px);border-radius:50%;position:absolute}.bg-orbs:before{background:radial-gradient(circle,#64b4ff59 0%,#0000 70%);width:500px;height:500px;animation:25s ease-in-out infinite orbFloat1;top:-10%;left:-5%}.bg-orbs:after{background:radial-gradient(circle,#00d2ff40 0%,#0000 70%);width:400px;height:400px;animation:30s ease-in-out infinite orbFloat2;bottom:-5%;right:-5%}.orb-extra{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8cc8ff4d 0%,#0000 70%);border-radius:50%;width:350px;height:350px;animation:22s ease-in-out infinite orbFloat3;position:fixed;top:40%;right:15%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(80px,60px)scale(1.1)}50%{transform:translate(40px,120px)scale(.95)}75%{transform:translate(-30px,50px)scale(1.05)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-60px,-40px)scale(1.08)}50%{transform:translate(-100px,-80px)scale(.92)}75%{transform:translate(-20px,-30px)scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-70px,50px)scale(1.12)}66%{transform:translate(30px,-60px)scale(.9)}}