:root{color:#f7f5ee;background:#20211f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#1f201e}button,input{font:inherit}button{border:0}.app-shell{position:relative;width:min(100%,640px);min-height:100vh;margin:0 auto;padding:0 32px 180px;border-right:1px solid #53544f;border-left:1px solid #53544f;background:#2e302d}.top-bar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:92px;margin:0 -32px 26px;padding:0 32px;border-bottom:1px solid #484945}.top-bar h1{margin:0;color:#fff;font-size:30px;font-weight:900;line-height:1;text-align:center;letter-spacing:0}.icon-button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:transparent;color:#d6d4cd;font-size:42px;line-height:1}.icon-button:last-child{font-size:32px}.lookup-panel{margin-bottom:28px}.lookup-form{display:block}.input-shell{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:14px;min-height:84px;border-radius:16px;padding:0 34px;background:#232421;color:#d4d1ca}.input-icon{color:#83b7ff;font-size:34px;line-height:1}.input-shell input{width:100%;min-width:0;border:0;background:transparent;color:#f5f2ea;font-size:24px;font-weight:800;outline:none}.input-shell input::placeholder{color:#bdb9af;opacity:1}.message{border-radius:14px;margin-bottom:24px;padding:16px 18px;background:#242522;color:#d9d6cd;font-size:17px;line-height:1.5}.message.error{background:#382525;color:#ffd5d2}.message.notice{background:#242522;color:#d9d6cd}.results,.result-card,.empty-state{display:grid}.results{gap:26px}.result-card,.empty-state{justify-items:center}.pinyin-display{margin:0 0 30px;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:58px;font-weight:900;line-height:1;letter-spacing:8px}.tian-grid{display:block;width:min(100%,408px);aspect-ratio:1;margin-bottom:50px;color:#fffdf6}.tian-grid rect:first-child,.tian-grid line{stroke:#ff5355}.tian-grid text{fill:currentColor}.meta-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 46px}.meta-grid div{min-height:132px;border-radius:12px;padding:22px 26px;background:#222320}.meta-grid dt{margin-bottom:18px;color:#9e9b93;font-size:21px;font-weight:900}.meta-grid dd{display:flex;align-items:center;gap:14px;margin:0;color:#fff;font-size:34px;font-weight:900;line-height:1.1}.meta-grid .structure-value{font-size:26px}.structure-icon{width:42px;height:42px;flex:0 0 42px;fill:#7db8ff;stroke:#7db8ff}.meaning-panel{width:100%;margin-bottom:54px}.meaning-panel h2{margin:0 0 18px;color:#9e9b93;font-size:21px;font-weight:900}.meaning-panel p,.empty-state p{margin:0;color:#d6d3cb;font-size:24px;font-weight:800;line-height:1.6}.empty-state{justify-items:start;padding:38px 6px 0}.mic-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;left:50%;bottom:46px;display:grid;place-items:center;width:128px;height:128px;border-radius:50%;border:0;padding:0;background:#ee4b4f;box-shadow:0 0 0 9px #4a3834;color:#fff;font-size:54px;font-weight:900;line-height:1;outline:none;transform:translate(-50%)}.mic-button:focus,.mic-button:focus-visible,.mic-button:active{outline:none}.mic-button:disabled{background:#9f4748}.mic-button.listening{background:#d9363f;box-shadow:0 0 0 12px #5a3836}.mic-button svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:5}@media (max-width: 520px){.app-shell{padding:0 20px 168px}.top-bar{min-height:78px;margin:0 -20px 26px;padding:0 20px}.top-bar h1{font-size:26px}.input-shell{min-height:72px;padding:0 22px}.input-shell input{font-size:20px}.pinyin-display{margin-bottom:26px;font-size:48px}.tian-grid{width:min(100%,360px);margin-bottom:38px}.meta-grid{gap:14px;margin-bottom:38px}.meta-grid div{min-height:112px;padding:18px 20px}.meta-grid dt,.meaning-panel h2{font-size:18px}.meta-grid dd{font-size:30px}.meta-grid .structure-value{font-size:23px}.meaning-panel p,.empty-state p{font-size:21px}.mic-button{width:110px;height:110px;bottom:34px;font-size:48px}.mic-button svg{width:48px;height:48px;stroke-width:5.5}}