*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{width:1480px;max-width:90vw;margin:0 auto}.intro{background:#fff;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.intro h1{color:#2c3e50;margin-bottom:1rem}.intro p{color:#666;margin-bottom:.5rem}.intro a{color:#2c3e50;border-bottom:1px solid #2c3e50;text-decoration:none;transition:border-color .2s}.intro li{margin-left:1.1rem}.intro a:hover{border-color:#9b9b9b}.expr-block{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.expr-block h3{color:#34495e;margin-bottom:1rem;font-size:1.1rem}.expr-input-group{gap:.5rem;margin-bottom:1rem;display:flex}.expr-input{border:2px solid #e0e0e0;border-radius:4px;flex:1;width:100%;padding:.75rem;font-family:Courier New,monospace;font-size:1rem;transition:border-color .2s}.expr-input:focus{border-color:#9b9b9b;outline:none}.btn{cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.95rem;transition:background-color .2s}.btn-run{color:#fff;background:#9b9b9b}.btn-run:hover{background:#414141}.result{color:#2c3e50;word-wrap:normal;word-break:break-all;background:#ecf0f1;border-radius:4px;align-items:center;min-height:3rem;padding:1rem;font-family:Courier New,monospace;display:flex}.result.empty{color:#95a5a6;font-style:italic}.result.error{color:#e74c3c}@media (width<=600px){body{padding:1rem .5rem}.intro,.expr-block{padding:1.25rem}.expr-input-group{flex-direction:column}.expr-input{min-width:100%}.btn{width:100%}}