*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{width:360px;max-height:90vh;overflow-y:auto;background:#ffffff14;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-radius:32px;padding:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 40px #00000080}.loading{text-align:center;color:#aaa;padding:40px;font-size:18px}.header{display:flex;justify-content:flex-end;margin-bottom:8px}.cloud-badge{background:#ffffff1f;color:#b0b0ff;padding:2px 10px;border-radius:20px;font-size:12px;letter-spacing:.5px}.calculator{background:#00000059;border-radius:24px;padding:16px}.display{background:#00000073;border-radius:16px;padding:12px 16px;margin-bottom:16px;min-height:80px;text-align:right;color:#fff}.expression{font-size:16px;color:#b0b0b0;min-height:24px;word-break:break-all}.result{font-size:32px;font-weight:600;min-height:40px;margin-top:4px;word-break:break-all}.buttons{display:flex;flex-direction:column;gap:8px}.btn-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.btn{border:none;border-radius:16px;padding:18px 0;font-size:22px;font-weight:500;cursor:pointer;transition:background .15s,transform .1s;outline:none;color:#fff;background:#ffffff14;box-shadow:0 4px 6px #0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.btn:active{transform:scale(.92)}.btn-function{background:#ffffff1f;color:#f0f0f0}.btn-operator{background:#ffa50099;color:#fff}.btn-number{background:#ffffff1a}.btn-zero{grid-column:span 2}.btn-equal{background:#ff9100;color:#fff;grid-column:span 2}.history-panel{margin-top:20px;background:#0000004d;border-radius:16px;padding:12px}.history-title{color:#c0c0ff;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.history-empty{color:#777;font-size:13px;text-align:center;padding:12px 0}.history-item{background:#ffffff0f;border-radius:12px;padding:8px 12px;margin-bottom:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s;color:#ddd}.history-item:hover{background:#ffffff1f}.history-expr{font-size:14px}.history-result{font-size:16px;font-weight:600;color:#ffb347}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#00c853d9;color:#fff;padding:10px 24px;border-radius:30px;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInOut 2s forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}