@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#31336a 0,#15152b 43%,#090a13 100%);color:#f7f7fc;font-family:Manrope,sans-serif}main{max-width:610px;margin:auto;padding:22px 17px 42px}header{display:flex;gap:10px;align-items:center}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#c5afff,#71e1d1);color:#19203a}.logo svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8}.logo+div small,.hero small,.history small,.club small{font:800 9px Manrope;letter-spacing:1.25px;color:#aab0c7}h1{font-size:15px;margin:1px 0}#tier{margin-left:auto;border:1px solid #ffffff18;border-radius:11px;background:#ffffff0b;color:#bcaaff;padding:9px;font:800 10px Manrope}.hero{margin-top:27px;padding:18px;border:1px solid #ffffff16;border-radius:25px;background:linear-gradient(145deg,#ffffff10,#ffffff05)}.hero-top{display:flex;justify-content:space-between;color:#aeb4c6;font:800 9px Manrope;letter-spacing:1px}.hero-top button{border:0;background:none;color:#bba9ff;font:700 10px Manrope}#expression{min-height:54px;margin:12px 0 4px;text-align:right;color:#c8cde0;font:500 22px 'DM Mono';word-break:break-all}.answer{border-top:1px solid #ffffff13;padding-top:13px;text-align:right}.answer strong{display:block;margin-top:4px;font:500 37px 'DM Mono';letter-spacing:-2px}.usage{display:flex;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid #ffffff13;color:#adb3c6;font-size:10px}.usage b{color:#8df2db}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.tools button{border:1px solid #ffffff14;border-radius:15px;background:#ffffff0a;color:#eaeafa;padding:11px 5px;font:700 10px Manrope}.tools span{display:block;margin-bottom:4px;color:#cbb7ff;font-size:17px}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.keypad button{height:53px;border:1px solid #ffffff10;border-radius:16px;background:#ffffff0b;color:#fff;font:500 18px 'DM Mono'}.keypad .op{color:#cdbdff;background:#8e70c21d}.keypad .del{color:#ffbdc8}.keypad #equals{background:linear-gradient(145deg,#c6b0ff,#7e8ff5);color:#17172a;font-size:23px}.history{margin-top:35px}.history h2{font-size:18px;margin:3px 0 12px}.record{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #ffffff10;font:500 12px 'DM Mono';color:#c6ccdd}.record b{color:#86edda}.club{margin-top:37px;padding:21px;border-radius:24px;background:linear-gradient(140deg,#d9c4ff,#9fa1f6 55%,#62d4c5);color:#19182e}.club small{color:#312c50}.club h2{font-size:28px;line-height:1;margin:14px 0 8px;letter-spacing:-1.4px}.club em{font-family:'Playfair Display'}.club p{font-size:10px;font-weight:700}.club button{border:0;border-radius:10px;background:#201f38;color:#fff;padding:11px 13px;font:800 10px Manrope}.sheet{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:16px}.hidden{display:none}.shade{position:absolute;inset:0;background:#04050bbd;backdrop-filter:blur(7px)}.modal{position:relative;width:min(100%,500px);max-height:85vh;overflow:auto;border:1px solid #ffffff22;border-radius:26px;background:#1b1d30;padding:23px 18px}.modal>button{position:absolute;right:13px;top:13px;border:0;border-radius:10px;background:#ffffff10;color:#fff;font-size:22px}.modal h2{font-size:24px;margin:5px 0}.modal p{color:#b9bfd1;font-size:12px}.plan{position:relative;padding:14px;margin:8px 0;border:1px solid #ffffff16;border-radius:17px;background:#ffffff08}.plan.hot{border-color:#c7b4ff75}.plan h3{margin:0;font-size:15px}.plan p{margin:4px 86px 7px 0}.plan b{color:#8eeada;font-size:11px}.plan button{position:absolute;right:11px;top:22px;border:0;border-radius:9px;background:#ded1ff;color:#25203e;padding:8px;font:800 10px Manrope}.error{color:#ffb0c0!important}