*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0d11;--bg-panel:#12161e;--bg-card:#181d28;--bg-card-h:#1c2230;--br:#252c3a;--br-hi:#354058;--t1:#e8ecf2;--t2:#a2abb9;--t3:#808898;--gold:#c8a84e;--gold-d:#a09268;--bar:#222838;--bar-n:#5c6a82;--bar-a:#c8a84e8c;--bar-b:#5b8ec48c;--blue:#5b8ec4;--ff:"Rajdhani", sans-serif;--fm:"Share Tech Mono", monospace}html{font-size:16px}body{background:var(--bg);color:var(--t1);font-family:var(--ff);min-height:100vh}.app{max-width:960px;margin:0 auto;padding:28px 20px 72px}.header{text-align:center;margin-bottom:36px}.header:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);width:100px;height:2px;margin:10px auto 0;display:block}.header h1{letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-size:2rem;font-weight:700}.header .sub{color:var(--t2);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-size:1rem}.panel{background:var(--bg-panel);border:1px solid var(--br);border-radius:12px;margin-bottom:18px;padding:24px 26px}.ptitle{text-transform:uppercase;letter-spacing:2.5px;color:var(--t2);align-items:center;gap:10px;margin-bottom:18px;font-size:1.063rem;display:flex}.ptitle .dot{border-radius:2px;width:4px;height:14px}.cols{flex-wrap:wrap;gap:20px;display:flex}.col{flex:1;min-width:240px}.sg{margin-bottom:18px}.sg:last-child{margin-bottom:0}.sg-h{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.sg-l{color:var(--t1);font-size:1.125rem;font-weight:500}.si{background:var(--bg-card);border:1px solid var(--br);text-align:center;width:90px;font-family:var(--fm);color:var(--gold);border-radius:8px;outline:none;padding:8px 6px;font-size:1.125rem;transition:border-color .2s}.si:focus{border-color:var(--gold)}.si.b{color:var(--blue)}.si.b:focus{border-color:var(--blue)}input[type=range]{-webkit-appearance:none;background:var(--bar);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 0 6px #c8a84e4d}input[type=range]::-moz-range-thumb{background:var(--gold);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:20px;height:20px}.sr-b::-webkit-slider-thumb{background:var(--blue)!important;box-shadow:0 0 6px #5b8ec44d!important}.sr-b::-moz-range-thumb{background:var(--blue)!important}.tgr{border:1px solid var(--br);border-radius:8px;gap:0;display:flex;overflow:hidden}.tgr button{color:var(--t1);font-family:var(--ff);cursor:pointer;letter-spacing:.3px;white-space:nowrap;background:0 0;border:none;flex:1;padding:12px;font-size:1.125rem;font-weight:600;transition:all .15s}.tgr button.on{background:var(--gold);color:var(--bg)}.tgr button:not(.on):hover{color:var(--t1);background:#c8a84e14}.tgl{text-transform:uppercase;letter-spacing:1.5px;color:var(--t2);margin-bottom:10px;font-size:1.125rem}.tgr-b button.on{background:var(--blue)}.mt{align-items:center;gap:10px;margin-bottom:18px;display:flex}.mt-sw{background:var(--br);cursor:pointer;border-radius:9px;flex-shrink:0;width:38px;height:20px;transition:background .2s;position:relative}.mt-sw.on{background:var(--gold)}.mt-sw:after{content:"";background:var(--t1);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.mt-sw.on:after{transform:translate(18px)}.mt-label{color:var(--t1);font-size:1.125rem;font-weight:500}.mt-help{border:1px solid var(--t3);width:18px;height:18px;color:var(--t3);cursor:default;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;font-size:.75rem;display:inline-flex;position:relative}.mt-help .tip{background:var(--bg-card);border:1px solid var(--br-hi);width:280px;color:var(--t2);z-index:10;pointer-events:none;letter-spacing:0;text-transform:none;white-space:normal;border-radius:8px;padding:12px 14px;font-size:1rem;font-weight:400;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.mt-help .tip:after{content:"";border:5px solid #0000;border-top-color:var(--br-hi);position:absolute;top:100%;left:50%;transform:translate(-50%)}.mt-help:hover .tip{display:block}.mv-sliders{opacity:0;max-height:0;margin-top:0;transition:max-height .3s,opacity .3s,margin .3s;overflow:hidden}.mv-sliders.show{opacity:1;max-height:260px;margin-top:8px}.mv-sliders .sg{margin-bottom:14px}.mv-sliders .sg:last-child{margin-bottom:0}.mv-sliders .sg-l{color:var(--t2);font-size:1.125rem}.cbar{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-bottom:18px;display:inline-flex}.sw{background:var(--br);border-radius:9px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.sw.on{background:var(--gold)}.sw:after{content:"";background:var(--t1);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.sw.on:after{transform:translate(18px)}.cbar>span{color:var(--t1);letter-spacing:1px;text-transform:uppercase;font-size:1.125rem}.tw{gap:18px;display:flex}.tw .tp{flex:1;min-width:0}.tp.pb{border-style:dashed;border-color:var(--blue);display:none}.cmp-on .tp.pb{display:block}.tp.pb .dot{background:var(--blue)!important}.tp.pb .si{color:var(--blue)}.tp.pb .si:focus{border-color:var(--blue)}.tp.pb .mt-sw.on{background:var(--blue)}.rg{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.rg{grid-template-columns:1fr}}.rc{background:var(--bg-card);border:1px solid var(--br);border-radius:12px;padding:20px 22px;transition:border-color .2s,background .2s;overflow:visible}.rc:hover{border-color:var(--br-hi);background:var(--bg-card-h)}.rc.fw{grid-column:1/-1}.rct{align-items:center;gap:10px;margin-bottom:14px;font-size:1.125rem;font-weight:700;display:flex}.rct .ico{border-radius:50%;flex-shrink:0;width:9px;height:9px}.br{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.br:last-child{margin-bottom:0}.br-l{color:var(--t3);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0;width:130px;font-size:1rem}.br-t{background:var(--bar);border-radius:4px;flex:1;height:16px;position:relative;overflow:visible}.br-f{z-index:1;border-radius:4px;min-width:2px;height:100%;transition:width .35s;position:relative}.br-ticks{pointer-events:none;z-index:2;position:absolute;inset:0}.br-tk{background:#c8d2e61f;width:1px;height:100%;position:absolute;top:0}.br-tkl{font-size:11px;font-family:var(--fm);color:var(--t3);letter-spacing:.3px;position:absolute;top:-12px;transform:translate(-50%)}.br-v{font-family:var(--fm);text-align:right;width:50px;color:var(--t1);flex-shrink:0;font-size:1rem}.cs{gap:0;display:flex}.cs-s{flex:1;padding:0 14px}.cs-s:first-child{border-right:1px solid var(--br);padding-left:0}.cs-s:last-child{padding-right:0}.cs-tag{text-transform:uppercase;letter-spacing:2px;color:var(--t3);text-align:center;margin-bottom:12px;font-size:1rem}.cs-tag.a{color:var(--gold)}.cs-tag.b{color:var(--blue)}.df{font-size:1rem;font-family:var(--fm);min-width:34px;margin-left:3px}.df.p{color:#e08878}.df.n{color:#7ed08c}.df.e{color:var(--t3)}.shell-panel{background:var(--bg-panel);border:1px solid var(--br);border-radius:12px;margin-top:24px;padding:24px 26px}.shell-result{background:var(--bg-card);border:1px solid var(--br);border-radius:10px;align-items:baseline;gap:14px;margin-top:16px;padding:16px 20px;display:flex}.shell-dist{font-family:var(--fm);color:var(--gold);font-size:2rem;font-weight:700}.shell-unit{color:var(--t1);font-size:1.25rem}.shell-note{color:var(--t2);margin-top:12px;font-size:1.063rem;line-height:1.5}.shell-formula{font-family:var(--fm);color:var(--t2);margin-top:8px;font-size:1.063rem}.info{background:var(--bg-panel);border:1px solid var(--br);border-radius:12px;margin-top:22px;padding:20px 24px}.info summary{color:var(--t1);cursor:pointer;letter-spacing:1px;text-transform:uppercase;font-size:1.125rem}.info .bd{color:var(--t2);margin-top:14px;font-size:1.063rem;line-height:1.7}.info code{font-family:var(--fm);color:var(--gold-d);font-size:1.063rem}.info p{margin-bottom:10px}.sg-l .mt-help,.br-l .mt-help,.rct .mt-help,.tgl .mt-help,.shell-unit .mt-help{vertical-align:middle;margin-left:6px}