:root{--bg:#EFF3F5;--bg-2:#E9EEF2;--primary:#4030FF;--orange:#F5842A;--navy:#31456A;--navy-soft:#8C97AC;--green:#2FD9A6;--sh-dark:#C6D0DE;--sh-darker:#B8C4D6;--sh-light:#FFFFFF;--radius:26px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100dvh}body{font-family:var(--app-font),"Montserrat",system-ui,sans-serif;background:#dfe6ec;color:var(--navy);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-font-Montserrat{--app-font:"Montserrat"}.app-font-Urbanist{--app-font:"Urbanist"}.stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 20% 0%,#f4f8fa,#d7dee6);padding:22px}.phone{position:relative;width:414px;max-width:100vw;height:896px;max-height:100dvh;background:var(--bg);border-radius:44px;overflow:hidden;box-shadow:16px 16px 40px #c2cbd6,-16px -16px 40px #fff;display:flex;flex-direction:column}@media (max-width:460px){.phone{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none}.stage{padding:0}}.neo{background:var(--bg);box-shadow:6px 6px 12px var(--sh-dark),-6px -6px 12px var(--sh-light)}.neo-lg{background:var(--bg);box-shadow:12px 12px 26px var(--sh-dark),-12px -12px 26px var(--sh-light)}.neo-in{background:var(--bg);box-shadow:inset 5px 5px 10px var(--sh-dark),inset -5px -5px 10px var(--sh-light)}.neo-in-sm{background:var(--bg);box-shadow:inset 3px 3px 6px var(--sh-dark),inset -3px -3px 6px var(--sh-light)}.pressable{transition:box-shadow .18s,transform .1s;cursor:pointer}.pressable:active{box-shadow:inset 5px 5px 10px var(--sh-dark),inset -5px -5px 10px var(--sh-light);transform:scale(.98)}.screen{flex:1;display:flex;flex-direction:column;padding:44px 26px 30px;overflow-y:auto;overflow-x:hidden}.screen::-webkit-scrollbar{display:none}.title{font-weight:800;font-size:26px;letter-spacing:-.3px;color:var(--navy)}.center{align-items:center;justify-content:center;text-align:center}.muted{color:var(--navy-soft);font-size:13px;font-weight:500}.row{display:flex;align-items:center}.between{justify-content:space-between}.cats{display:flex;gap:12px;justify-content:space-between;margin:26px 0 4px}.cat{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.cat .ico{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--navy-soft)}.cat.active .ico{background:linear-gradient(145deg,#4a3bff,#3527e0);color:#fff;box-shadow:6px 6px 12px var(--sh-dark),-6px -6px 12px var(--sh-light)}.cat.active.orange .ico{background:linear-gradient(145deg,#ff9a3d,#f5842a)}.cat .lbl{font-size:11px;font-weight:600;color:var(--navy-soft)}.cat.active .lbl{color:var(--navy)}.toggle{width:52px;height:30px;border-radius:999px;padding:4px;cursor:pointer;display:flex;align-items:center}.toggle .knob{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:2px 2px 5px #788ea580}.toggle.on{background:var(--green);justify-content:flex-end}.toggle.off{background:var(--bg);box-shadow:inset 3px 3px 6px var(--sh-dark),inset -3px -3px 6px var(--sh-light)}.btn{border:none;font-family:inherit;font-weight:700;font-size:15px;color:var(--navy);padding:16px 26px;border-radius:18px;cursor:pointer;background:var(--bg);box-shadow:6px 6px 12px var(--sh-dark),-6px -6px 12px var(--sh-light);transition:.15s}.btn:active{box-shadow:inset 5px 5px 10px var(--sh-dark),inset -5px -5px 10px var(--sh-light)}.btn-primary{color:var(--primary)}.round{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--navy)}.vslider{width:76px;height:300px;border-radius:38px;position:relative;margin:0 auto;display:flex;align-items:flex-end;justify-content:center;padding:8px;cursor:pointer;touch-action:none}.vslider .fill{width:100%;border-radius:30px;background:linear-gradient(180deg,#ffa64d,#f5842a);box-shadow:0 8px 20px #f5842a66}.ticks{display:flex;flex-direction:column;gap:5px}.tick{width:16px;height:2px;background:var(--sh-darker);border-radius:2px}.dial-wrap{position:relative;width:230px;height:230px;margin:10px auto;touch-action:none;cursor:pointer}.dial-val{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:800;color:var(--navy)}.credit{width:100%;aspect-ratio:1.6;border-radius:24px;padding:22px;position:relative;background:linear-gradient(145deg,#f3f7fa,#e3eaf0);box-shadow:10px 10px 24px var(--sh-dark),-10px -10px 24px var(--sh-light);display:flex;flex-direction:column;justify-content:space-between}.credit .num{font-family:Courier New,monospace;font-weight:700;letter-spacing:2px;color:var(--navy);font-size:16px}.dots{display:flex;gap:7px;justify-content:center;margin:16px 0}.dot{width:8px;height:8px;border-radius:50%;background:var(--sh-darker)}.dot.on{background:var(--primary);width:22px;border-radius:5px}.txrow{display:flex;align-items:center;gap:14px;padding:14px 0}.txrow .ic{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--navy-soft);flex-shrink:0}