:root{--lavender-soft: #e6e0f8;--lavender-mid: #dcd0ff;--lavender-deep: #9d7bb0;--text-main: #4a3a5a;--glass: rgba(255, 255, 255, .75)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fdfcfb;color:var(--text-main);overflow-y:auto}.app-container{min-height:100vh;display:flex;flex-direction:column;background-size:cover;background-position:center;background-attachment:fixed;padding-bottom:40px}.nav-bar{padding:20px 40px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:10px;color:var(--lavender-deep);font-weight:700;font-size:18px}.sync-status{font-size:12px;background:var(--glass);padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;border:1px solid #fff}.content-wrapper{flex:1;display:flex;flex-wrap:wrap;gap:30px;padding:20px;justify-content:center;align-items:flex-start}.log-panel{width:260px;background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:20px;border:1px solid #fff;box-shadow:0 10px 30px #9d7bb01a;max-height:500px;display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--lavender-deep);margin-bottom:15px}.log-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin:10px 0}.log-card{background:#ffffff80;padding:12px;border-radius:12px;display:flex;flex-direction:column;border:1px solid rgba(157,123,176,.1)}.log-expr{font-size:11px;color:#8a7fb0}.log-res{font-size:16px;font-weight:700;color:var(--lavender-deep)}.score-card{background:var(--lavender-deep);color:#fff;padding:12px;border-radius:16px;display:flex;align-items:center;gap:12px;margin-top:10px}.score-info label{font-size:10px;opacity:.8;display:block}.score-info strong{font-size:20px}.calc-engine{width:340px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;border-radius:32px;border:1px solid #fff;box-shadow:0 20px 50px #9d7bb026}.display-area{height:110px;background:#fff6;border-radius:20px;padding:15px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;position:relative}.expr-line{font-size:16px;color:#8a7fb0;min-height:20px}.val-line{font-size:40px;font-weight:300;color:var(--lavender-deep)}.game-hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between}.hud-tag{font-size:10px;padding:3px 8px;border-radius:8px;display:flex;align-items:center;gap:4px}.hud-tag.target{background:var(--lavender-deep);color:#fff}.hud-tag.steps{background:#fff;color:var(--lavender-deep)}.button-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.btn{height:54px;border:none;border-radius:16px;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn:active{transform:scale(.95)}.btn.num{background:#fff;color:var(--text-main)}.btn.op{background:var(--lavender-soft);color:var(--lavender-deep)}.btn.util{background:transparent;color:#8a7fb0;font-size:14px}.btn.equal,.btn.mode.active{background:var(--lavender-deep);color:#fff}.challenge-trigger{width:100%;margin-top:20px;background:#fff;border:2px dashed var(--lavender-mid);color:var(--lavender-deep);padding:12px;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.footer-hint{text-align:center;font-size:11px;color:#8a7fb0;padding:20px;opacity:.6}.spinning{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--lavender-mid);border-radius:10px}