*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic,sans-serif;background:#f4f7f5;color:#1b2a22}.app{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;background:#fff;position:relative}.app-header{padding:14px 16px;background:#2d6a4f;color:#fff;flex-shrink:0}.app-header h1{margin:0;font-size:1.1rem}.app-main{flex:1;overflow-y:auto;padding:12px 12px 80px}.tab-bar{position:sticky;bottom:0;display:flex;background:#fff;border-top:1px solid #ddd;flex-shrink:0}.tab-button{flex:1;border:none;background:none;padding:8px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.75rem;color:#667}.tab-button.active{color:#2d6a4f;font-weight:600}.tab-icon{font-size:1.3rem}.card{background:#fff;border:1px solid #e3e8e5;border-radius:12px;padding:14px;margin-bottom:12px}.card h2{margin-top:0;font-size:1.05rem}.card h3{font-size:.95rem}label{display:block;font-size:.85rem;color:#445;margin-bottom:10px}input,select,textarea{width:100%;padding:8px 10px;margin-top:4px;border:1px solid #ccd3ce;border-radius:8px;font-size:1rem;font-family:inherit}button{background:#2d6a4f;color:#fff;border:none;border-radius:8px;padding:10px 14px;font-size:.95rem;cursor:pointer}button:disabled{opacity:.6}button.danger{background:#b3261e}.error{color:#b3261e;font-size:.85rem}.banner{background:#fff4e0;border:1px solid #f0c36d;border-radius:8px;padding:10px 12px;font-size:.85rem;margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}button.link{background:none;color:#2d6a4f;text-decoration:underline;padding:0;font-size:.85rem}.hint{color:#667;font-size:.8rem}.ok-text{color:#2d6a4f;font-size:.85rem}.empty{text-align:center;color:#889;margin-top:24px}.vocab-list{list-style:none;padding:0;margin:0}.vocab-item-header{display:flex;align-items:center;gap:6px;cursor:pointer}.lang-badge{background:#e7f0ea;color:#2d6a4f;border-radius:6px;font-size:.75rem;padding:2px 6px}.meaning{color:#778;font-size:.85rem}.vocab-item-body{margin-top:10px}.examples{padding-left:18px;margin:0}.examples li{margin-bottom:8px}.translation{color:#667;font-size:.85rem}.actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.practice-term{font-size:1.4rem;font-weight:700;margin:0 0 10px}.record-area{margin-top:14px;display:flex;flex-direction:column;gap:8px}.playback audio{width:100%}.examples-practice ul{list-style:none;padding:0;margin:0}.examples-practice li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #eee;gap:8px}.feedback.ok{border-color:#8fce9a;background:#f2fbf3}.feedback.ng{border-color:#f0c36d;background:#fff9ef}.feedback-status{font-weight:600;margin-top:0}.corrected{font-size:1.05rem;margin:6px 0}.feedback-text{color:#445;font-size:.9rem;margin-bottom:0}.history{list-style:none;padding:0;margin:0}.history li{padding:6px 0;border-bottom:1px solid #eee}