html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1020;color:#f8fafc}#root{min-height:100vh;display:flex;align-items:stretch;justify-content:center}.app-shell{width:100%;max-width:480px;margin:0 auto;padding:1.25rem 1rem 2rem;box-sizing:border-box}.app-title{text-align:center;margin-bottom:1rem;font-size:1.4rem;letter-spacing:.04em}.app-logo-wrapper{display:flex;justify-content:center;margin-bottom:.5rem}.app-logo{max-width:180px;width:60%;height:auto}.card{border-radius:.75rem;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at top,#94a3b824,#0f172ae6);padding:.75rem 1rem;margin-bottom:.75rem}.card-header{font-weight:600;margin-bottom:.5rem}.word-input-row{display:flex;gap:.5rem}.word-input-field{flex:1;padding:.5rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);font-size:1rem;background:#0f172ae6;color:#e5e7eb;box-sizing:border-box}.word-input-field:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf880}.btn-primary{padding:.5rem .9rem;border-radius:999px;border:none;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;font-weight:600;font-size:.95rem}.btn-primary:disabled{opacity:.5}.symbol-bank-grid{display:flex;flex-wrap:wrap;gap:.5rem .75rem;font-size:.85rem}.digits-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.35rem}.digit-column{display:flex;flex-direction:column;align-items:center;gap:.2rem}.digit-box{min-width:34px;text-align:center;padding:.25rem .55rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.7);background:#0f172af2}.order-select,.op-select{padding:.2rem .3rem;border-radius:.35rem;border:1px solid rgba(148,163,184,.8);background:#0f172af2;color:#e5e7eb;font-size:.8rem}.result-actions{margin-top:1rem}.btn-calc{padding:.5rem 1.2rem;font-size:1rem;border-radius:999px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#f9fafb;font-weight:600}.btn-calc:disabled{opacity:.4}.btn-show-eq{padding:.5rem 1.2rem;font-size:1rem;border-radius:999px;border:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;font-weight:600}.btn-show-eq:disabled{opacity:.4}.result-summary{margin-top:.75rem;font-size:.9rem}.result-steps{margin-top:.5rem;font-size:.85rem}.result-steps ul{padding-left:1.25rem}@media (max-width: 480px){.app-shell{padding:.75rem .5rem 1.5rem}.app-title{font-size:1.25rem}.card{padding:.6rem .75rem;margin-bottom:.6rem}.digits-row{justify-content:center}}