:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#04070e;--text:#f4f8ff;--muted:#8290a8;--cyan:#37e8ff;--blue:#4e7cff;--violet:#9766ff;--danger:#ff6b89;--success:#6ef5bd}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);margin:0;font-family:Microsoft YaHei,PingFang SC,Inter,system-ui,sans-serif;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{isolation:isolate;background:radial-gradient(circle at 50% -15%,#3a71ff33,#0000 42%),linear-gradient(#060b14 0%,#03060c 100%);min-height:100vh;position:relative;overflow:hidden}.grid-overlay{z-index:-2;opacity:.34;background-image:linear-gradient(#5d97ff14 1px,#0000 1px),linear-gradient(90deg,#5d97ff14 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.ambient{z-index:-1;filter:blur(90px);opacity:.14;pointer-events:none;border-radius:999px;width:440px;height:440px;animation:12s ease-in-out infinite alternate drift;position:absolute}.ambient-one{background:var(--cyan);top:8%;left:-180px}.ambient-two{background:var(--violet);animation-delay:-6s;bottom:4%;right:-180px}.content-shell{width:min(100% - 36px,720px);margin:0 auto;padding:64px 0 34px}.hero{text-align:center;margin-bottom:30px}.brand-mark{align-items:flex-end;gap:4px;height:25px;margin-bottom:22px;display:inline-flex;transform:skew(-14deg)}.brand-mark span{background:linear-gradient(180deg, var(--cyan), var(--blue));border-radius:1px;width:7px;display:block;box-shadow:0 0 16px #37e8ffa6}.brand-mark span:first-child{opacity:.55;height:12px}.brand-mark span:nth-child(2){opacity:.78;height:19px}.brand-mark span:nth-child(3){height:25px}.eyebrow{color:#90a5c6;letter-spacing:.18em;justify-content:center;align-items:center;gap:9px;margin:0 0 13px;font-family:Consolas,SFMono-Regular,monospace;font-size:11px;display:flex}.eyebrow span,.page-footer i{background:var(--success);width:6px;height:6px;box-shadow:0 0 10px var(--success);border-radius:50%}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(32px,7vw,54px);font-weight:750;line-height:1.08}.hero h1 span{background:linear-gradient(100deg, var(--cyan), #6c94ff 52%, #bd83ff);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.calculator-panel{background:linear-gradient(135deg,#37e8ff75,#4e7cff14 42%,#9766ff59);border-radius:22px;margin:0;padding:1px;position:relative;box-shadow:0 32px 90px #0000007a,inset 0 1px #ffffff14}.panel-glow{pointer-events:none;border-radius:21px;position:absolute;inset:1px;overflow:hidden}.panel-glow:before{content:"";background:var(--cyan);filter:blur(80px);opacity:.08;width:84%;height:170px;position:absolute;top:-120px;left:8%}.calculator-panel fieldset{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#0d192df0,#060c17fa);border:0;border-radius:21px;margin:0;padding:28px 30px 30px;position:relative}.field-block+.field-block{margin-top:24px}.field-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.field-heading label{color:#e7eefc;font-size:14px;font-weight:650}.field-heading span{color:#54647e;letter-spacing:.15em;font-family:Consolas,monospace;font-size:9px}.input-shell,.result-shell{position:relative}.input-prefix{z-index:1;color:var(--cyan);text-shadow:0 0 12px #37e8ffb3;font-family:Consolas,monospace;font-size:24px;position:absolute;top:50%;left:17px;transform:translateY(-52%)}.field-block input{color:#f1f7ff;width:100%;height:56px;caret-color:var(--cyan);letter-spacing:.05em;background:#020710ad;border:1px solid #789dd733;border-radius:10px;outline:0;font-family:Consolas,SFMono-Regular,monospace;font-size:18px;transition:border-color .18s,box-shadow .18s,background .18s}.input-shell input{padding:0 18px 0 42px}.result-shell input{color:var(--cyan);padding:0 100px 0 18px;font-size:21px}.field-block input::placeholder{color:#4f5e75}.field-block input:focus{background:#040d1beb;border-color:#37e8ffad;box-shadow:0 0 0 3px #37e8ff17,0 0 28px #37e8ff14}.result-shell.has-result input{border-color:#6ef5bd59;box-shadow:inset 0 0 25px #6ef5bd0a}.result-status{color:#687890;letter-spacing:.1em;border:1px solid #8290a833;border-radius:5px;padding:5px 7px;font-family:Consolas,monospace;font-size:9px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.has-result .result-status{color:var(--success);border-color:#6ef5bd47}.input-hint{color:#5f6f87;margin:8px 2px 0;font-size:11px}.actions{grid-template-columns:1.45fr 1fr;gap:12px;margin-top:28px;display:grid}.actions button{cursor:pointer;border-radius:9px;height:50px;padding:0 20px;font-size:13px;font-weight:650;transition:transform .16s,border-color .16s,box-shadow .16s,opacity .16s}.actions button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.actions button:hover:not(:disabled){transform:translateY(-2px)}.actions button:active:not(:disabled){transform:translateY(0)}.actions button:disabled{cursor:not-allowed;opacity:.4}.primary-button{color:#fff;background:linear-gradient(105deg,#317dec,#6059e9);border:1px solid #88dfff6b;justify-content:space-between;align-items:center;display:flex;box-shadow:0 10px 30px #3d68ee42,inset 0 1px #fff3}.primary-button:hover:not(:disabled){box-shadow:0 14px 36px #3d68ee61,0 0 24px #37e8ff21}.secondary-button{color:#c7d3e6;background:#17243a8c;border:1px solid #809dcc3d}.secondary-button:hover:not(:disabled){border-color:#37e8ff66}.status-message{min-height:18px;margin:8px 4px 0;font-size:12px}.error-message{color:var(--danger)}.success-message{color:var(--success);margin-top:0}.page-footer{color:#4d5b71;letter-spacing:.08em;justify-content:space-between;gap:16px;padding:16px 4px 0;font-family:Consolas,SFMono-Regular,monospace;font-size:9px;display:flex}.page-footer span:first-child{color:#657791;align-items:center;gap:7px;display:flex}.page-footer i{width:5px;height:5px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#01040ad1;place-items:center;padding:20px;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(145deg,#0e1d33fa,#060c18fc);border:1px solid #4ccbff52;border-radius:18px;grid-template-columns:auto 1fr;gap:18px;width:min(100%,500px);padding:27px;animation:.22s cubic-bezier(.2,.8,.2,1) both modal-in;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 100px #000000a6,0 0 50px #248bff1a}.modal-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), var(--violet), transparent);height:2px;position:absolute;inset:0 0 auto}.modal-warning{border-color:#ff6b8957}.modal-warning:before{background:linear-gradient(90deg, transparent, var(--danger), #ff9c64, transparent)}.modal-icon{width:42px;height:42px;color:var(--cyan);background:#37e8ff14;border:1px solid #37e8ff61;border-radius:11px;place-items:center;font-family:Georgia,serif;font-size:20px;display:grid;box-shadow:inset 0 0 18px #37e8ff0f}.modal-warning .modal-icon{color:var(--danger);background:#ff6b8914;border-color:#ff6b8966}.modal-kicker{color:#617590;letter-spacing:.18em;margin:1px 0 5px;font-family:Consolas,monospace;font-size:9px}.modal-content h2{margin:0;font-size:20px}.modal-copy{color:#aebbd0;margin:14px 0 21px;font-size:14px;line-height:1.8}.modal-copy p{margin:0}.modal-content button{color:#dffbff;cursor:pointer;background:#37e8ff1a;border:1px solid #37e8ff57;border-radius:8px;min-width:116px;height:40px;padding:0 18px;font-size:13px}.modal-content button:hover{background:#37e8ff29}.modal-content button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.modal-warning .modal-content button{background:#ff6b891a;border-color:#ff6b8959}@keyframes drift{to{transform:translate(70px,-30px)scale(1.08)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@media (max-width:600px){.content-shell{width:min(100% - 24px,720px);padding-top:38px}.hero{margin-bottom:23px}.hero h1{letter-spacing:-.04em}.calculator-panel fieldset{padding:22px 18px 23px}.field-heading span{display:none}.field-block input{height:54px}.actions{grid-template-columns:1fr}.page-footer{flex-direction:column;align-items:center}.modal-card{grid-template-columns:1fr;gap:14px;padding:23px 21px}.modal-icon{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}