*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;background:#111827;color:#f3f4f6;min-height:100dvh}.container{max-width:480px;margin:0 auto;padding:48px 20px calc(20px + env(safe-area-inset-bottom))}.title{font-size:28px;font-weight:700;letter-spacing:.02em}.subtitle{color:#9ca3af;font-size:14px;margin-top:4px;margin-bottom:24px}.form{display:flex;gap:8px}.input{flex:1;padding:12px 16px;font-size:16px;border:1px solid #374151;border-radius:12px;background:#1f2937;color:#f3f4f6;outline:none}.input:focus{border-color:#34d399}.button{padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:12px;background:#34d399;color:#111827;cursor:pointer}.button:disabled{opacity:.4;cursor:default}.error{margin-top:16px;color:#f87171;font-size:14px}.card{margin-top:24px;padding:20px;background:#1f2937;border:1px solid #374151;border-radius:16px}.word{font-size:20px;font-weight:700;margin-bottom:8px;line-height:2}.word rt{font-size:11px;font-weight:400;opacity:.7}.meaning{font-size:16px;line-height:1.7;color:#d1d5db}.examples{margin-top:16px;padding-top:16px;border-top:1px solid #374151;list-style:none;display:grid;gap:8px;font-size:14px;line-height:1.7;color:#9ca3af}.examples li{padding-left:14px;position:relative}.examples li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:2px;background:#34d399}.layout{display:flex;min-height:100dvh}.layout main{flex:1;min-width:0}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:20;width:260px;display:flex;flex-direction:column;padding:16px 12px calc(16px + env(safe-area-inset-bottom));background:#0b1220;border-right:1px solid #374151;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000080}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar-title{font-size:13px;font-weight:600;color:#9ca3af;letter-spacing:.04em}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#9ca3af;font-size:16px;cursor:pointer}.icon-button:hover{background:#1f2937;color:#f3f4f6}.icon-button.menu{margin-bottom:8px;margin-left:-6px}.history{display:grid;gap:2px;overflow-y:auto}.history-empty{font-size:13px;color:#6b7280;padding:8px 10px}.history-item{padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#d1d5db;font-size:14px;font-family:inherit;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover{background:#1f2937;color:#f3f4f6}.history-item.current{background:#1f2937;color:#34d399}